/********************************************************************************/
/* Add-ons for e-SIDER CSS needs                                                */
/********************************************************************************/

/*==============================================================================*/
/* DEFAULT  STYLES */
/*==============================================================================*/

BODY {
  margin : 6px 5px 22px 5px; /* anciennement 6px 10px 22px 10px */
  padding : 0px;
  background-color : #e5e5e5;
  color : #000000;
  font-family : Verdana,Helvetica,sans-serif;
  font-size : 11px; /* anciennement 10 */
  font-style: normal;
  font-weight : normal;
}

DIV,
SPAN,
P,
TD {
  font-family : Verdana,Helvetica,sans-serif;
  font-size : 11px; /* anciennement 10 */
}

IMG {
  border: none;
}

A:link,
A:active,
A:visited,
A:hover {
  text-decoration : underline;
  color : #006666;
}
	
a.lienfort:link,	/* nouveau */
a.lienfort:active,
a.lienfort:visited,
a.lienfort:hover {
	text-decoration : underline;
	color : #ff6600;
	font-weight:bold
}

/*==============================================================================*/
/* PAGE TEMPLATES */
/*==============================================================================*/

BODY.pageClient1 {
  width : 970px; /* linksnav + content */ /* anciennement 757 */
}

BODY.pageClient2 {
  width : 935px; /* 933px template + 20px padding > 762px content width (+151px layout) > linksnav + wide content */
}

BODY.pageClient3 {
  width : 1001px; /* 999px template + 20px padding > 828px content width (+151px layout) > linksnav + wide content */
}

BODY.pageClient4 {
  /*width : 100%;*/
  min-width: 970px; /* anciennement 1001 */
}

BODY.pagePopup {
  width : 596px;
}

BODY.pagePublic1 {
  width : 970px; /* linksnav + content + teaser col */ /* anciennement 757px */
}

BODY.pagePublic2 {
  width : 970px; /* linksnav + content */ /* anciennement 757px */
}

BODY.pagePublic3 {
  width : 970px; /* content + teaser col */ /* anciennement 757px */
}

BODY.pagePublic4 {
  width : 970px; /* content */ /* anciennement 757px */
}

#layPage {
  clear : both;
  width : 100%;
}

BODY.pageClient1 #layPage,
BODY.pagePublic1 #layPage,
BODY.pagePublic2 #layPage,
BODY.pagePublic3 #layPage,
BODY.pagePublic4 #layPage {
  width : 970px; /* anciennement 757 */
}

BODY.pageClient2 #layPage {
  width : 935px;
}

BODY.pageClient3 #layPage {
  width : 1001px;
}

BODY.pageClient4 #layPage {
  width : 100%;
}

BODY.pagePopup #layPage {
  width : 596px;
}


BODY.pageClient1 #layContent,
BODY.pagePublic2 #layContent {
  float : left;
  width : 815px; /* anciennement 582 */
  margin : 0px 0px 0px 12px;
}

BODY.pageClient2 #layContent {
  float : left;
  width : 762px;
  margin : 0px 0px 0px 12px;
}

BODY.pageClient3 #layContent {
  float : left;
  width : 828px;
  margin : 0px 0px 0px 12px;
}

BODY.pageClient4 #layContent { 
  float : left;
  width : 100%;
  /*margin : 0px 0px 0px 157px;*/
}

BODY.pagePublic3 #layContent {
  float : left;
  width : 778px; /* anciennement 553px */
  margin : 0px 0px 0px 12px;
}

BODY.pagePublic4 #layContent {
  float : left;
  width : 927px; /* anciennement 714px */
  margin : 0px 0px 0px 12px;
}

BODY.pagePopup #layContent {
  width : 582px;
}

BODY.pagePublic1 #layContent {
  float : left;
  width : 653px; /* anciennement 420px */
  margin : 0px 0px 0px 12px;
}

BODY.pagePublic1 #layContainer,
BODY.pagePublic3 #layContainer {
  float : left;
  width : 154px;
  margin : 0px 0px 0px 8px;
}

/*------------------------------------------------------------------------------*/
/* page logo */
/*------------------------------------------------------------------------------*/
BODY.pageClient1 #layLogo,
BODY.pageClient2 #layLogo,
BODY.pageClient3 #layLogo,
BODY.pageClient4 #layLogo,
BODY.pagePopup #layLogo {
  float : left;
}
BODY.pagePublic1 #layLogo,
BODY.pagePublic2 #layLogo,
BODY.pagePublic3 #layLogo,
BODY.pagePublic4 #layLogo {
  clear : both;
  margin-bottom :15px;
}
BODY.pagePopup #logoToolBar {
  float : right;
  float : expression(navigator.userAgent.match(/5\.5/)? "none" : "right");
  padding : 20px 0px 0px 0px;
  width : 416px;
  text-align : right;
}

/*------------------------------------------------------------------------------*/
/* needed ie5mac */
/*------------------------------------------------------------------------------*/
#layFunctions {
  float : right;
  height : 15px;
  padding-top : 21px;
  width : expression(navigator.userAgent.match(/5\.5/)? "596px" : "auto");
}

/*==============================================================================*/
/* SERVICE NAVIGATION */
/*==============================================================================*/

/*------------------------------------------------------------------------------*/
/* IE 5.5 WIN doesn't allow to set a width on BODY, so this is clipped manually */
/*------------------------------------------------------------------------------*/

BODY.pageClient1 #navService {
  width : expression(navigator.userAgent.match(/5\.5/)? "970px" : "auto"); /* anciennement 757px */
  margin : expression(navigator.userAgent.match(/5\.5/)? "0px 0px -12px 0px" : "0px 0px 0px 0px");
  padding : 0px;
}

BODY.pagePublic1 #navService,
BODY.pagePublic2 #navService,
BODY.pagePublic3 #navService,
BODY.pagePublic4 #navService {
  width : expression(navigator.userAgent.match(/5\.5/)? "970px" : "auto"); /* anciennement 757px */
  margin : expression(navigator.userAgent.match(/5\.5/)? "0px 0px -12px 0px" : "0px 0px 0px 0px");
  padding-bottom : 20px;
}

BODY.pageClient2 #navService {
  width : expression(navigator.userAgent.match(/5\.5/)? "935px" : "auto");
  margin : expression(navigator.userAgent.match(/5\.5/)? "0px 0px -12px 0px" : "0px 0px 0px 0px");
  padding : 0px;
}

BODY.pageClient3 #navService {
  width : expression(navigator.userAgent.match(/5\.5/)? "1001px" : "auto");
  margin : expression(navigator.userAgent.match(/5\.5/)? "0px 0px -12px 0px" : "0px 0px 0px 0px");
  padding : 0px;
}

BODY.pageClient4 #navService {
  width : expression(navigator.userAgent.match(/5\.5/)? "100%" : "auto");
  margin : expression(navigator.userAgent.match(/5\.5/)? "0px 0px -12px 0px" : "0px 0px 0px 0px");
  padding : 0px;
}
#navService UL {
  list-style : none;
  margin : 0px;
  padding : 0px;
}

#navService LI {
  display : inline;
  margin : 0px;
  padding : 0px;
  color : #006666;
}

#navService A:link,
#navService A:active,
#navService A:visited {
  text-decoration : none;
  color : #006666;
}

#navService A:hover {
  text-decoration : underline;
  color : #006666;
}

/*==============================================================================*/
/* GLOBAL BAR */
/*==============================================================================*/

BODY.pageClient1 #layGlobal,
BODY.pagePublic1 #layGlobal,
BODY.pagePublic2 #layGlobal,
BODY.pagePublic3 #layGlobal,
BODY.pagePublic4 #layGlobal {
  width: 960px; /* anciennement 747 */
/*
  \width: 757px;
  w\idth: 747px;
  */
}

BODY.pageClient2 #layGlobal {
  width: 925px;
/*
\width: 935px;
  w\idth: 925px;*/
}

BODY.pageClient3 #layGlobal {
  width: 991px;
/*  \width: 1001px;
  w\idth: 991px;*/
}

BODY.pageClient4 #layGlobal {
  /*width: 100%;*/
}

#layGlobal {
  clear : both;
  height : 33px;
  margin-bottom : 5px;
  padding-left : 10px;
  background : url(/ihbp/esider/images/bkg_globar_left.gif) no-repeat left;
}

#layGlobal .navGlobalRight {
  height : 33px;
  padding-right : 18px;
  background : url(/ihbp/esider/images/bkg_globar_right_wide.gif) no-repeat right;
}

#layGlobal .navGlobalForm {
  float : left;
  width : 240px;
}

#layGlobal FORM {
  display : inline;
  margin : 0px;
  padding : 0px;
}

#layGlobal INPUT {
  width : 75px;
  font-size : 11px; /* anciennement 10 */
  margin : 4px 5px 0px 0px;
}

.navGlobalForm IMG {
  margin-top : 1px;
  margin-right : 5px;
  border : 0px;
  vertical-align : top;
}

/*==============================================================================*/
/* GLOBAL NAVIGATION */
/*==============================================================================*/

#navGlobal {
  height : 28px;
  margin : 0px 0px 0px 240px;
  border-left : 1px solid #666666;
  padding : 0px;
  list-style : none;
}
#navGlobal LI {
  float : left;
  margin : 0px;
  border-right : 1px solid #666666;
  padding : 7px 0px; /* anciennement 8px 0 */
  white-space : nowrap;
  display : inline;
}
#navGlobal A {
  color : #000000;
  text-decoration : none;
  padding : 7px 13px; /* anciennement 8px 13px */
  white-space : nowrap;
}

/*------------------------------------------------------------------------------*/
/* hover item */
/*------------------------------------------------------------------------------*/
#navGlobal A:link,
#navGlobal A:active,
#navGlobal A:visited,
#navGlobal A:hover {
  background: transparent;
  background-image: none;
}
HTML>BODY #navGlobal A:hover {
  background : transparent url(/ihbp/esider/images/bkg_glonav_hover.gif) repeat-x left top;
}

/*------------------------------------------------------------------------------*/
/* selected item */
/*------------------------------------------------------------------------------*/
*html #navGlobal LI#selected {
  background : transparent url(/ihbp/esider/images/bkg_glonav_selected.gif) repeat-x left top;
}
HTML>BODY #navGlobal LI#selected A {
  background : transparent url(/ihbp/esider/images/bkg_glonav_selected.gif) repeat-x left top;
}

/*==============================================================================*/
/* LINKS NAVIGATION */
/*==============================================================================*/

#layLinks {
  float : left;
  width : 125px; /* anciennement 145 */
}

DIV.navLinksExpanded  DIV{
  margin : 0px;
  border-top : 1px #999999 solid;
  border-bottom : 1px #999999 solid;
  padding : 2px 5px 1px 10px; /* anciennement 2px 10px 1px 10px */
  color : #006666;
  font-weight : bold;
  cursor: pointer;
  background : transparent url(/ihbp/esider/images/bul_arrowdown_green.gif) no-repeat top left;
}

DIV.navLinksExpanded  DIV.selected{
  color : #ff6600;
  background : transparent url(/ihbp/esider/images/bul_arrowdown_orange.gif) no-repeat top left;
}

DIV.navLinksExpanded UL{
  display : block;
  list-style : none;
  margin : 0px 0px 15px 0px;
  padding : 0px;
}

DIV.navLinksExpanded LI{
  margin : 0px;
  border-bottom : 1px #999999 solid;
  padding : 2px 5px 1px 0; /* anciennement 2px 10px 1px 22px */
  color : #006666;
  /* background : transparent url(/ihbp/esider/images/bul_navsquare_green.gif) no-repeat top left; */
}

DIV.navLinksExpanded A:link,
DIV.navLinksExpanded A:active,
DIV.navLinksExpanded A:visited,
DIV.navLinksExpanded A:hover {
  text-decoration : none;
  color : #006666;
}

DIV.navLinksExpanded A:hover {
  color : #ff6600;
}

DIV.navLinksExpanded LI.selected{
  /* background : transparent url(/ihbp/esider/images/bul_navsquare_orange.gif) no-repeat top left; */
  color : #ff6600;
  font-weight : bold;
}

DIV.navLinksCollapsed DIV{
  margin : 0px;
  border-top : 1px #999999 solid;
  border-bottom : 1px #999999 solid;
  padding : 2px 5px 1px 10px; /* anciennement 2px 10px 1px 10px */
  color : #006666;
  font-weight : bold;
  cursor: pointer;
  background : transparent url(/ihbp/esider/images/bul_arrowleft_green.gif) no-repeat top left;
}

DIV.navLinksCollapsed  DIV.selected{
  color : #ff6600;
  background : transparent url(/ihbp/esider/images/bul_arrowleft_orange.gif) no-repeat top left;
}

DIV.navLinksExpanded LI.selected A:link,
DIV.navLinksExpanded LI.selected A:active,
DIV.navLinksExpanded LI.selected A:visited,
DIV.navLinksExpanded LI.selected A:hover {
  color : #ff6600;
  font-weight : bold;
}

DIV.navLinksCollapsed UL{
  display : block;
  list-style : none;
  margin : 0px 0px 15px 0px;
  padding : 0px;
}

DIV.navLinksCollapsed LI{
  display : none;
}

/*==============================================================================*/
/* PAGE PAD */
/*==============================================================================*/

.pagepadTopLeft {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_pagepad_topleft.gif) no-repeat top left;
}

.pagepadTopRight {
  height : 7px;
  font-size : 1px;
  background: transparent url(/ihbp/esider/images/bkg_pagepad_topright.gif) no-repeat top right;
}

.pagepadContent {
  border-color : #999999;
  border-style : solid;
  border-width : 0px 1px 0px 1px;
  padding : 0px 6px 0px 6px;
  background-color : #ffffff;
}

.pagepadBottomLeft {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_pagepad_bottomleft.gif) no-repeat bottom left;
}

.pagepadBottomRight {
  height : 11px;
  font-size : 1px;
  padding-bottom : 0px;
  padding-right : 6px;
  background : transparent url(/ihbp/esider/images/bkg_pagepad_bottomright.gif) no-repeat bottom right;
}

/*==============================================================================*/
/* DISCLAIMER */
/*==============================================================================*/

#layDisclaimer {
  clear : both;
  margin : 0px;
}

BODY.pageClient1 #layDisclaimer,
BODY.pagePublic1 #layDisclaimer,
BODY.pagePublic2 #layDisclaimer,
BODY.pagePublic3 #layDisclaimer,
BODY.pagePublic4 #layDisclaimer {
  width: 970px; /* anciennement 757 */
}

BODY.pageClient2 #layDisclaimer {
  width: 935px;
}

BODY.pageClient3 #layDisclaimer {
  width: 1001px;
}

BODY.pageClient4 #layDisclaimer {
	width: 100%;
}

#layDisclaimer .floatright {
  width : 120px;
}

#layDisclaimer span {	/* nouveau */
	font : 9px Verdana,Arial,Helvetica,sans-serif; 
	color: #666666
}
	
#layDisclaimer A:link, A:active, A:visited, A:hover {
  text-decoration : underline;
  color : #006666;
}

/*==============================================================================*/
/* CONTENT */
/*==============================================================================*/

#content {
  clear : both;
  overflow : hidden;
  margin : 0px 0px 0px 0px;
}

BODY.pageClient1 #content {
  width : 815px; /* anciennement 582 */
}

BODY.pageClient2 #content {
  width : 762px;
}

BODY.pageClient3 #content {
  width : 828px;
}

BODY.pageClient4 #content {
  /*width : 100%;*/
  overflow : visible;
  /*margin-left : 157px*/
}

BODY.pagePublic1 #content {
  width : 653px; /* anciennement 420px */
}

BODY.pagePublic2 #content {
  width : 815px; /* anciennement 582px */
}

BODY.pagePublic3 #content {
  width : 778px; /* anciennement 553px */
}

BODY.pagePublic4 #content {
  width : 932px; /* anciennement 714px */
}

/*------------------------------------------------------------------------------*/
/* content main title */
/*------------------------------------------------------------------------------*/

#contentMainTitle {
  margin : 0px;
  padding : 0px;
}

BODY.pagePopup #contentMainTitle {
  margin : 0px 0px 15px 0px;
}

#contentMainTitle H1 {
  margin : 0px 0px 2px 0px;
  border-bottom : 1px #000000 solid;
  padding : 2px 0px 5px 0px;
  font : normal normal bold 14px Verdana,Helvetica,sans-serif;
  color : #000000;
}

#contentMainTitle H1.instrument {
  font : normal normal bold 11px Verdana,Helvetica,sans-serif; /* anciennement 10 */
}

#contentMainTitle DIV {
  height : 20px;
  float : right;
  margin : -28px 0px -12px 0px;
  padding : 3px 0px 3px 0px;
  color : #666666;
  font-size : 11px; /* anciennement 10 */
}

#contentHeadBar {
  clear : both;
  margin : 0px 0px 15px 0px;
  border-bottom : 1px #000000 solid;
  padding : 3px 0px 3px 0px;
  text-align : right;
}

#contentHeadBar SPAN {
  margin-left : 20px;
}

#contentHeadBarTop {
  clear : both;
  margin : 0px 0px 15px 0px;
  border-bottom : 1px #000000 solid;
  padding : 3px 0px 25px 0px;
  text-align : right;
}

#contentHeadBarTop SPAN {
  margin-left : 10px;
}


#contentHeadBarTop TABLE {
  border-spacing : 0px;
  border-collapse : 0px;
  padding : 0px;
  float: right;
}

.hyperScrolling {
  height : 20px;
  width : 100px;
  font-size : 11px; /* anciennement 10 */
}

/*------------------------------------------------------------------------------*/
/* content footer (pagination and bcv logo) */
/*------------------------------------------------------------------------------*/

#contentFooter {
  clear : both;
  height : 20px;
  margin : 0px;
}

#contentFooter IMG {
  float : left;
  border : none;
}

#contentFooter SELECT {
  float : right;
  margin-top : 0px;
}

/*------------------------------------------------------------------------------*/
/* needed to avoid overflow:hidden layouting problem in ns7+ */
/*------------------------------------------------------------------------------*/

.contentend {
  clear : both;
  height : 5px;
  color : #ffffff;
  font-size : 4px;
  background-color : #ffffff;
}

/*------------------------------------------------------------------------------*/
/* content headings */
/*------------------------------------------------------------------------------*/

H1 {
  display : block;
  clear : both;
  margin : 0px 0px 20px 0px;
  border-bottom : 1px #000000 solid;
  padding : 2px 0px 5px 0px;
  font : normal normal bold 14px Verdana,Helvetica,sans-serif;
  color : #000000;
}

H2 {
  display : block;
  clear : both;
  margin : 0px 0px 5px 0px;
  font : normal normal bold 11px Verdana,Helvetica,sans-serif; /* anciennement 10 */
  color : #000000;
}

H3 {
  display : block;
  clear : both;
  margin : 0px 0px 5px 0px;
  font : normal normal bold 12px Verdana,Helvetica,sans-serif;
  color : #000000;
}

H6 {
  display : block;
  clear : both;
  margin : 15px 0px 20px 0px;
  font : normal normal bold 11px Verdana,Helvetica,sans-serif; /* anciennement 10 */
  color : #000000;
}

#content HR {
  margin : 0px 0px 0px 0px;
  padding : 0px;
  height : 1px;
  color : #000000;
}

/*------------------------------------------------------------------------------*/
/* content list */
/*------------------------------------------------------------------------------*/

#content UL {
  margin : 6px 0px 12px 0px;
  padding : 0px;
  list-style : none;
}

#content LI {
  margin : 4px 0px 0px 5px;	/* anciennement 4px 0px 0px 0px */
  padding :  1px 0px 0px 8px; /* anciennement 0px 0px 0px 10px */
  background : transparent url(/media/images/bul_navsquare_green.gif) no-repeat top left; /* anciennement /ihbp/esider/images/bul_square_green.gif et no-repeat left */
}

/*------------------------------------------------------------------------------*/
/* helper classes */
/*------------------------------------------------------------------------------*/

TR.tensor TD IMG {
  display : block;
  margin : 0px;
  border : none;
  padding : 0px;
}

.alignright {
  text-align : right;
}

.aligncenter {
  text-align : center;
}

.alignleft {
  text-align : left;
}

.aligntop {
  vertical-align : top;
}

.alignbottom {
  vertical-align : bottom;
}

.inline {
  display : inline;
  float : none;
}

.floatright {
  float : right;
  text-align : right;
}

.floatleft {
  float : left;
  text-align : left;
}

.bold {
  font-weight : bold;
}

.normal {
  font-weight : normal;
  color : #000000;
}

.green  { color : #006666; }
.orange { color : #ff6600; }
.white  { color : #ffffff; }
.grey1  { color : #f5f5f5; }
.grey2  { color : #e5e5e5; }
.grey3  { color : #cccccc; }
.grey4  { color : #999999; }
.grey5  { color : #666666; }
.grey6  { color : #333333; }
.black  { color : #000000; }
.blue   { color : #000066; }
.red    { color : #990000; }

/*==============================================================================*/
/* FORMS */
/*==============================================================================*/

#content FORM {
  margin : 0px;
  padding : 0px;
}

INPUT,
SELECT {
  font-size : 11px; /* anciennement 10 */
}

.limitedWidth {
  width : 175px;
}

.shortWidth {
  width : 150px;
}

.formTable {
  margin : 0px;
  padding : 0px;
}

.formTable TR {
  margin : 0px;
  padding : 0px;
}

.formTable TD {
  margin : 0px;
  padding : 0px 0px 5px 0px;
  vertical-align : top;
}

.formTable .actions TD {
  padding : 10px 0px 0px 0px;
  text-align : right;
  vertical-align: bottom;
}

.formTable .notes TD {
  padding : 10px 0px 0px 0px;
}

/*------------------------------------------------------------------------------*/
/* tensor TR is to be used for column width definitions through 1px high invis gifs */
/*------------------------------------------------------------------------------*/

.formTable .tensor TD {
  height:1px;
  margin:0px;
  padding:0px;
}

.formTable .tensor IMG {
  display: block;
  height: 1px;
  border: none;
}

/*==============================================================================*/
/* TABSTRIP NAVIGATION */
/*==============================================================================*/

#navTabstrip {
  clear : both;
  height : 24px;
  margin : 20px 0px 5px 0px;
  padding: 0 0 0 0;
  background : transparent url(/ihbp/esider/images/bkg_tab_bottom.gif) repeat-x left bottom;
}
#navTabstrip UL {
  margin : 0px;
  padding : 0px;
  list-style : none;
}
#navTabstrip LI {
  height : 19px;
  float: left;
  margin : 0px;
  padding : 5px 0px 0px 0px;
  background : url(/ihbp/esider/images/bkg_tab_right.gif) no-repeat right top;
}
*html #navTabstrip LI {
  height/**/: 24px;
}
*html #navTabstrip LI {
  height/**/: /**/19px;
}

#navTabstrip SPAN {
  border-bottom : 1px #666666 solid;
  padding : 5px 0px 6px 0px;
  white-space : nowrap;
  font-weight : bold;
  color : #006666;
  background : url(/ihbp/esider/images/bkg_tab_left.gif) no-repeat left top;
  cursor : pointer;
}
#navTabstrip A,
#navTabstrip A:link,
#navTabstrip A:visited,
#navTabstrip A:hover,
#navTabstrip A:active {
  padding : 0 5px;
  white-space : nowrap;
  text-decoration : none;
  font-weight : bold;
  color : #006666;
}

/*------------------------------------------------------------------------------*/
/* selected nav item */
/*------------------------------------------------------------------------------*/
#navTabstrip LI#selected {
  background-position : 100% -150px;
}
#navTabstrip LI#selected SPAN {
  background-position : 0% -150px !important;
  cursor : default;
  border-bottom : 1px #ffffff solid;
}
#navTabstrip LI#selected SPAN A {
  color : #ff6600;
  cursor : default;
}

/*------------------------------------------------------------------------------*/
/* hover item (no IE!) */
/*------------------------------------------------------------------------------*/
#navTabstrip LI:hover {
  background-position : 100% -150px;
}
#navTabstrip LI:hover SPAN {
  background-position : 0% -150px !important;
  cursor : default;
  border-bottom : 1px #ffffff solid;
}

/*------------------------------------------------------------------------------*/
/* additional toolbar */
/*------------------------------------------------------------------------------*/
#navTabstrip #tabstripToolBar {
  float : right;
  height : 18px;
  width : 220px;
  text-align : right;
}
*html #navTabstrip #tabstripToolBar {
  margin-top : -3px;
}
#tabstripToolBar INPUT {
  margin : 0px;
  padding : 0px;
}

/*==============================================================================*/
/* CONTENT TABLE */
/* use this strucutre for stand alone e-sider tables */
/*==============================================================================*/

/*------------------------------------------------------------------------------*/
/* widths seleceted automatically depending on the page template (BODY "page" class) */
/*------------------------------------------------------------------------------*/
BODY.pagePublic1 #content TABLE.contentTable {
  margin : 0px 0px 15px 0px;
  padding : 0px;
  width : 653px; /* anciennement 420px */
}

BODY.pageClient1 #content TABLE.contentTable,
BODY.pagePublic2 #content TABLE.contentTable {
  margin : 0px 0px 15px 0px;
  padding : 0px;
  width : 815px; /* anciennement 582 */
}

BODY.pageClient2 #content TABLE.contentTable {
  margin : 10px 0px 15px 0px;
  padding : 0px;
  width : 762px;
}

BODY.pageClient3 #content TABLE.contentTable {
  margin : 10px 0px 15px 0px;
  padding : 0px;
  width : 828px;
}

BODY.pageClient4 #content TABLE.contentTable {
  margin : 10px 0px 15px 0px;
  padding : 0px;
  width : 100%;
}

BODY.pagePublic3 #content TABLE.contentTable {
  margin : 0px 0px 15px 0px;
  padding : 0px;
  width : 778px; /* anciennement 553px */
}

BODY.pagePublic4 #content TABLE.contentTable {
  margin : 0px 0px 15px 0px;
  padding : 0px;
  width : 932px; /* anciennement 714px */
}

.contentTable TD,
.contentTable .title TD,
.contentTable .titlelined TD,
.contentTable .subtitle TD,
.contentTable .header TD,
.contentTable .row0 TD,
.contentTable .row1 TD,
.contentTable .subtotal TD,
.contentTable .footer TD,
.contentTable .total TD {
  padding : 1px 3px 2px 3px;
  height : 15px;
}

.contentTable .title TD {
  vertical-align : top;
  padding : 2px 0px 6px 0px;
}

.contentTable .titlelined TD {
  vertical-align : top;
  border-top : 1px #666666 solid;
  padding : 2px 0px 6px 0px;
}

.contentTable .subtitle TD {
  vertical-align : top;
  border-bottom : 1px solid #ffffff;
  background-color : #cccccc;
}

.indicatordown {
  color : #660000;
  text-align : right;
}

.indicatorup {
  color : #006666;
  text-align : right;
}

.contentTable .header TD {
  background-color : #cccccc;
  font-weight : bold;
  white-space : nowrap;
}

.contentTable .headerWrap TD {
  background-color : #cccccc;
  font-weight : bold;
}

.contentTable .row0 TD {
  padding-top : 0px;
  padding-bottom : 0px;
  background-color : #f5f5f5;
}

.contentTable .row1 TD {
  padding-top : 0px;
  padding-bottom : 0px;
  background-color : #ffffff;
}

.contentTable .separator TD {
  height : 1px;
  padding : 0px;
  border-top : 1px solid #ffffff;
  border-bottom : 1px solid #ffffff;
  background-color : #666666;
  line-height : 0px;
  font-size : 1px;
}

.contentTable .subtotal TD {
  background-color : #e7e7e7;
  font-weight : bold;
}

.contentTable .footer TD {
  border-bottom : 1px #666666 solid;
}

.contentTable .total TD {
  border-top : 1px #ffffff solid;
  background-color : #666666;
  color : #ffffff;
  font-weight : bold;
}

/*------------------------------------------------------------------------------*/
/* tensor TR is to be used for column width definitions through 1px high invis gifs */
/*------------------------------------------------------------------------------*/
.contentTable .tensor TD {
  height:1px;
  margin:0px;
  padding:0px;
}

.contentTable .tensor IMG {
  display: block;
  height: 1px;
  border: none;
}

#content .contentTable A:link,
#content .contentTable A:active,
#content .contentTable A:visited,
#content .contentTable A:hover {
  color : #000000;
  text-decoration : underline;
}

/*==============================================================================*/
/* CONTENT TABLE BOX */
/* use this strucutre for e-sider tables in box full page */
/*==============================================================================*/

/*------------------------------------------------------------------------------*/
/* widths seleceted automatically depending on the page template (BODY "page" class) */
/*------------------------------------------------------------------------------*/
BODY.pagePublic1 #content TABLE.contentTableBox {
  margin : 0px 0px 15px 0px;
  padding : 0px;
  width : 633px; /* anciennement 420px */
}

BODY.pageClient1 #content TABLE.contentTableBox,
BODY.pagePublic2 #content TABLE.contentTableBox {
  margin : 0px 0px 0px 0px;
  padding : 0px;
  width : 795px; /* anciennement 564 */
}

BODY.pagePublic3 #content TABLE.contentTableBox {
  margin : 0px 0px 0px 0px;
  padding : 0px;
  width : 766px; /* anciennement 553px */
}

BODY.pagePublic4 #content TABLE.contentTableBox {
  margin : 0px 0px 0px 0px;
  padding : 0px;
  width : 927px; /* anciennement 714px */
}

BODY.pageClient2 #content TABLE.contentTableBox {
  margin : 10px 0px 15px 0px;
  padding : 0px;
  width : 762px;
}

BODY.pageClient3 #content TABLE.contentTableBox {
  margin : 10px 0px 15px 0px;
  padding : 0px;
  width : 828px;
}

BODY.pageClient4 #content TABLE.contentTableBox {
  margin : 10px 0px 15px 0px; /* XBR taille provisoire */
  padding : 0px; /* XBR taille provisoire */
  width : 828px; /* XBR taille provisoire */
}

.contentTableBox TD,
.contentTableBox .title TD,
.contentTableBox .titlelined TD,
.contentTableBox .subtitle TD,
.contentTableBox .header TD,
.contentTableBox .row0 TD,
.contentTableBox .row1 TD,
.contentTableBox .subtotal TD,
.contentTableBox .footer TD,
.contentTableBox .total TD {
  padding : 1px 3px 2px 3px;
  height : 15px;
}

.contentTableBox .title TD {
  vertical-align : top;
  padding : 2px 0px 6px 0px;
}
.contentTableBox .titlelined TD {
  vertical-align : top;
  border-top : 1px #666666 solid;
  padding : 2px 0px 6px 0px;
}
.contentTableBox .subtitle TD {
  vertical-align : top;
  border-bottom : 1px solid #ffffff;
  background-color : #cccccc;
}
.indicatordown {
  color : #660000;
  text-align : right;
}
.indicatorup {
  color : #006666;
  text-align : right;
}
.contentTableBox .header TD {
  background-color : #cccccc;
  font-weight : bold;
  white-space : nowrap;
}
.contentTableBox .row0 TD {
  padding-top : 0px;
  padding-bottom : 0px;
  background-color : #f5f5f5;
}
.contentTableBox .row1 TD {
  padding-top : 0px;
  padding-bottom : 0px;
  background-color : #ffffff;
}
.contentTableBox .separator TD {
  height : 1px;
  padding : 0px;
  border-top : 1px solid #ffffff;
  border-bottom : 1px solid #ffffff;
  background-color : #666666;
  line-height : 0px;
  font-size : 1px;
}
.contentTableBox .subtotal TD {
  background-color : #e7e7e7;
  font-weight : bold;
}
.contentTableBox .footer TD {
  border-bottom : 1px #666666 solid;
}
.contentTableBox .total TD {
  border-top : 1px #ffffff solid;
  background-color : #666666;
  color : #ffffff;
  font-weight : bold;
}

/*------------------------------------------------------------------------------*/
/* tensor TR is to be used for column width definitions through 1px high invis gifs */
/*------------------------------------------------------------------------------*/
.contentTableBox .tensor TD {
  height:1px;
  margin:0px;
  padding:0px;
}
.contentTableBox .tensor IMG {
  display: block;
  height: 1px;
  border: none;
}
#content .contentTableBox A:link,
#content .contentTableBox A:active,
#content .contentTableBox A:visited,
#content .contentTableBox A:hover {
  color : #000000;
  text-decoration : underline;
}

/*==============================================================================*/
/* CONTENT BOX TABLE */
/* to be used in boxInfo structures, this table system is always 2 equally wide columns */
/*==============================================================================*/

TABLE.boxTable {
  margin : 0px;
  padding : 0px;
}

BODY.pagePublic1 TABLE.boxTable {
  width : 314px; /* anciennement 192px */
}

BODY.pageClient1 TABLE.boxTable,
BODY.pagePublic2 TABLE.boxTable,
BODY.pagePublic3 TABLE.boxTable {
  width : 389px; /* anciennement 267 */
}

BODY.pagePublic4 TABLE.boxTable {
  width : 472px; /* anciennement 350px */
}

BODY.pageClient2 TABLE.boxTable {
  width : 358px;
}

BODY.pageClient3 TABLE.boxTable {
  width : 391px;
}

BODY.pageClient4 TABLE.boxTable {
  width : 391px; /* XBR taille provisoire */
}

TABLE.boxTable TD.cell1,
TABLE.boxTable TD.cell2,
TABLE.boxTable TD.cell3,
TABLE.boxTable TD.cell1right,
TABLE.boxTable TD.cell2right,
TABLE.boxTable TD.cell3right,
TABLE.boxTable TD.cell1Total,
TABLE.boxTable TD.cell1rightTotal,
TABLE.boxTable TD.cell2Total,
TABLE.boxTable TD.cell2rightTotal,
TABLE.boxTable TD.cell3Total {
  width : 50%;
  padding : 0px 3px 0px 3px;
  height : 15px;
}

TD.cell1 {
  border-bottom : 1px solid #ffffff;
  background-color : #e7e7e7;
}

TD.cell1right {
  border-bottom : 1px solid #ffffff;
  background-color : #e7e7e7;
  text-align : right;
}

TD.cell2 {
  border-bottom : 1px solid #ffffff;
  background-color : #f5f5f5;
}

TD.cell2right {
  border-bottom : 1px solid #ffffff;
  background-color : #f5f5f5;
  text-align : right;
}

TD.cell3 {
  border-bottom : 1px solid #ffffff;
  background-color : #ffffff;
}

TD.cell3right {
  border-bottom : 1px solid #ffffff;
  background-color : #ffffff;
  text-align : right;
}

.separator TD {
  height : 1px;
  margin : 0px;
  padding : 0px;
  border : none;
  border-bottom : 1px solid #ffffff;
  background-color : #666666;
  line-height : 0px;
  font-size : 1px;
}

TD.cell1Total {
  border-bottom : 1px solid #ffffff;
  background-color : #cccccc;
  font-weight : bold;
}

TD.cell1rightTotal {
  border-bottom : 1px solid #ffffff;
  background-color : #cccccc;
  font-weight : bold;
  text-align : right;
}

TD.cell2Total {
  border-bottom : 1px solid #ffffff;
  background-color : #e7e7e7;
  font-weight : bold;
}

TD.cell2rightTotal {
  border-bottom : 1px solid #ffffff;
  background-color : #e7e7e7;
  font-weight : bold;
  text-align : right;
}

/*------------------------------------------------------------------------------*/
/* multicolumn tables */
/* to be used for special/unpredicted table styling, */
/* avoid if posssible and use boxTable or contentTable layout system whenever posssible */
/*------------------------------------------------------------------------------*/

TABLE.multiTable {
  margin : 0px;
  padding : 0px;
}

.multiTable TD.cell1,
.multiTable TD.cell2,
.multiTable TD.cell3,
.multiTable TD.cell1right,
.multiTable TD.cell2right,
.multiTable TD.cell3right,
.multiTable TD.cell1Total,
.multiTable TD.cell1rightTotal,
.multiTable TD.cell2Total,
.multiTable TD.cell2rightTotal,
.multiTable TD.cell3Total {
  padding : 0px 3px 0px 3px;
}

/*------------------------------------------------------------------------------*/
/* tensor TR is to be used for column width definitions through 1px high invis gifs */
/*------------------------------------------------------------------------------*/
.multiTable .tensor TD {
  height:1px;
  margin:0px;
  padding:0px;
}

.multiTable .tensor IMG {
  display: block;
  height: 1px;
  border: none;
}

/*==============================================================================*/
/* BUTTON */
/*==============================================================================*/

SPAN.button {
  display : inline;
  margin : 0px 0px 0px 5px;
  padding : 5px 0px 5px 5px;
  background : transparent url(/ihbp/esider/images/but_left.gif) no-repeat left;
  line-height : 18px;
}
SPAN.button A {
  padding : 5px 5px 5px 0px;
  background : transparent url(/ihbp/esider/images/but_right.gif) no-repeat right;
  white-space : nowrap;
  text-decoration : none;
  color : #006666;
}

/*ie bug*/
*html SPAN.button {
  border: 1px solid #006666;
  padding : 1px 5px;
  background : none;
  line-height : 18px;
}
*html SPAN.button A {
  padding : 0;
  background : none;
}
/**/

SPAN.button A:link,
SPAN.button A:active,
SPAN.button A:visited,
SPAN.button A:hover {
  text-decoration : none;
  color : #006666;
}


/*==============================================================================*/
/* BOX ELEMENTS */
/* use these for all situations where a container is needed.*/
/* boxes adjust their height depending on the content and they will take up all available horizontal*/
/* space. use them in a fixed width context, in table layouts or use inline css to control their widths. */
/*==============================================================================*/

/*------------------------------------------------------------------------------*/
/* box class: TEXT */
/*------------------------------------------------------------------------------*/

DIV.boxText {
  display : block;
  clear : both;
  margin-bottom : 12px;
}

#content P {
  display : block;
  margin : 0px;
  padding : 0px 0px 5px 0px;
}

/*------------------------------------------------------------------------------*/
/* box class: TEASER */
/*------------------------------------------------------------------------------*/

DIV.boxTeaser {
  clear : both;
  margin-bottom : 12px;
}

BODY.pagePublic1 DIV.boxTeaser .boxHeader,
BODY.pagePublic2 DIV.boxTeaser .boxHeader,
BODY.pagePublic3 DIV.boxTeaser .boxHeader,
BODY.pagePublic4 DIV.boxTeaser .boxHeader {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxteaser_white_tl.gif) no-repeat top left;
}

BODY.pageClient1 DIV.boxTeaser .boxHeader,
BODY.pageClient2 DIV.boxTeaser .boxHeader,
BODY.pageClient3 DIV.boxTeaser .boxHeader,
BODY.pageClient4 DIV.boxTeaser .boxHeader {
  padding-left : 0px;
  background : transparent url(/ihbp/esider/images/bkg_boxteaser_cut_white_tl.gif) repeat-x top left;
}

BODY.pagePublic1 DIV.boxTeaser .boxHeader DIV,
BODY.pagePublic2 DIV.boxTeaser .boxHeader DIV,
BODY.pagePublic3 DIV.boxTeaser .boxHeader DIV,
BODY.pagePublic4 DIV.boxTeaser .boxHeader DIV,
BODY.pageClient1 DIV.boxTeaser .boxHeader DIV,
BODY.pageClient2 DIV.boxTeaser .boxHeader DIV,
BODY.pageClient3 DIV.boxTeaser .boxHeader DIV, 
BODY.pageClient4 DIV.boxTeaser .boxHeader DIV {
  height : 15px;
  height : expression(navigator.userAgent.match(/5\.5/)? "19px" : "15px");
  padding-top : 4px;
  background: transparent url(/ihbp/esider/images/bkg_boxteaser_white_tr.gif) no-repeat top right;
  color : #000000;
}

DIV.boxTeaser .boxHeader DIV IMG {
  float : right;
  margin : -4px 0px 0px 6px;
  border : 0px;
}

BODY.pagePublic1 DIV.boxTeaser .boxContent,
BODY.pagePublic2 DIV.boxTeaser .boxContent,
BODY.pagePublic3 DIV.boxTeaser .boxContent,
BODY.pagePublic4 DIV.boxTeaser .boxContent {
  margin : 0px;
  border : 0px;
  padding : 0px;
  border-left : 1px solid #999999;
  border-right : 1px solid #999999;
}

BODY.pageClient1 DIV.boxTeaser .boxContent,
BODY.pageClient2 DIV.boxTeaser .boxContent,
BODY.pageClient3 DIV.boxTeaser .boxContent,
BODY.pageClient4 DIV.boxTeaser .boxContent {
  margin : 0px;
  border : 0px;
  padding : 0px;
  border-left : 1px solid #ffffff;
  border-right : 1px solid #999999;
}

DIV.boxTeaser .boxContent IMG {
  display : block;
  margin : 0px;
  border : 0px;
  padding : 0px;
}

DIV.boxTeaser .boxContent DIV {
  margin : 0px;
  padding : 0px 6px 4px 6px;
}

BODY.pagePublic1 DIV.boxTeaser .boxFooter,
BODY.pagePublic2 DIV.boxTeaser .boxFooter,
BODY.pagePublic3 DIV.boxTeaser .boxFooter,
BODY.pagePublic4 DIV.boxTeaser .boxFooter {
  height : 21px;
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxteaser_white_bl.gif) no-repeat bottom left;
}

BODY.pageClient1 DIV.boxTeaser .boxFooter,
BODY.pageClient2 DIV.boxTeaser .boxFooter,
BODY.pageClient3 DIV.boxTeaser .boxFooter,
BODY.pageClient4 DIV.boxTeaser .boxFooter {
  height : 21px;
  padding-left : 0px;
  background : transparent url(/ihbp/esider/images/bkg_boxteaser_cut_white_bl.gif) repeat-x bottom left;
}

DIV.boxTeaser .boxFooter DIV {
  height : 21px;
  padding : 0px 0px 0px 0px;
  background: transparent url(/ihbp/esider/images/bkg_boxteaser_white_br.gif) no-repeat right;
  color : #000000;
  text-align : right;
}

DIV.boxTeaser .boxFooter IMG {
  float : right;
  margin : 0px 0px 0px 5px;
  border : 0px;
}

/*------------------------------------------------------------------------------*/
/* box class: PROMO */
/*------------------------------------------------------------------------------*/

DIV.boxPromo {
  clear : both;
  margin-bottom : 12px;
}

DIV.boxPromo .boxHeader {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxinfo_trans_tl.gif) repeat-x top left;
  font-weight : bold;
}

DIV.boxPromo .boxHeader DIV {
  height : 10px;
  background: transparent url(/ihbp/esider/images/bkg_boxinfo_trans_tr.gif) no-repeat top right;
  color : #ffffff;
}

DIV.boxPromo .boxContent {
  margin : 0px;
  padding : 4px 6px 0px 6px;
  border-left : 1px solid #999999;
  border-right : 1px solid #999999;
}

DIV.boxPromo .boxContent .promomain {
  padding-left : 180px;
  height : 117px;
}

DIV.boxPromo .boxContent .promoteaser {
  width : 50%;
  height : 65px;
}

DIV.boxPromo .boxFooter {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxinfo_trans_bl.gif) no-repeat bottom left;
}

DIV.boxPromo .boxFooter DIV {
  height : 10px;
  font-size : 1px;
  background: transparent url(/ihbp/esider/images/bkg_boxinfo_trans_br.gif) no-repeat right;
}

DIV.boxPromo .boxFooterFeature {
  height : 21px;
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxteaser_white_bl.gif) no-repeat bottom left;
}

DIV.boxPromo .boxFooterFeature DIV {
  height : 21px;
  padding : 0px 0px 0px 0px;
  background: transparent url(/ihbp/esider/images/bkg_boxteaser_white_br.gif) no-repeat right;
  color : #000000;
  text-align : right;
}

DIV.boxPromo .boxFooterFeature IMG {
  float : right;
  margin : 0px 0px 0px 6px;
  border : 0px;
}

/*------------------------------------------------------------------------------*/
/* box class: INFO */
/*------------------------------------------------------------------------------*/

DIV.boxInfo {
  /* clear : both; */
  margin : 0px 0px 12px 0px;
  padding : 0px;
}

DIV.boxInfo .boxHeader DIV IMG,
DIV.boxInfo .boxHeaderOrange DIV IMG,
DIV.boxInfo .boxHeaderVert DIV IMG { /* nouveau */
  float : right;
  margin : -4px 0px 0px 6px;
  border : 0px;
}

DIV.boxInfo .boxContent {
  margin : 0px;
  padding : 4px 6px 0px 6px;
  border-left : 1px solid #999999;
  border-right : 1px solid #999999;
}

BODY.pagePopup DIV.boxInfo .boxContent {
  background-color : #ffffff;
}

DIV.boxInfo .boxFooter {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxinfo_white_bl.gif) no-repeat bottom left;
}

DIV.boxInfo .boxFooter DIV {
  height : 10px;
  font-size : 1px;
  background: transparent url(/ihbp/esider/images/bkg_boxinfo_white_br.gif) no-repeat right;
}

/*------------------------------------------------------------------------------*/
/* white */
/*------------------------------------------------------------------------------*/
DIV.boxInfo .boxHeader {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxinfo_white_tl.gif) repeat-x top left;
  font-weight : bold;
}

DIV.boxInfo .boxHeader DIV {
  height : 17px;
  padding-top : 4px;
  background: transparent url(/ihbp/esider/images/bkg_boxinfo_white_tr.gif) no-repeat top right;
  color : #000000;
}

*html DIV.boxInfo .boxHeader DIV {
  height : 20px;
  he\ight : 17px;
}
	
DIV.boxInfo .boxHeader2 { /* nouveau */
	padding-left : 6px;
	background : transparent url(/media/images/bkg_boxinfo_white_tl_2.gif) repeat-x top left;
	font-weight : bold;
}

DIV.boxInfo .boxHeader2 DIV { /* nouveau */
	height : 17px;
	padding-top : 4px;
	background: transparent url(/media/images/bkg_boxinfo_white_tr_2.gif) no-repeat top right;
	color : #000000;
}

*html DIV.boxInfo .boxHeader2 DIV { /* nouveau */
	height : 20px;
	he\ight : 17px;
}

/*------------------------------------------------------------------------------*/
/* orange */
/*------------------------------------------------------------------------------*/
DIV.boxInfo .boxHeaderOrange {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxinfo_orange_tl.gif) repeat-x top left;
  font-weight : bold;
}

DIV.boxInfo .boxHeaderOrange DIV {
  height : 17px;
  height : expression(navigator.userAgent.match(/5\.5/)? "20px" : "17px");
  padding-top : 4px;
  background: transparent url(/ihbp/esider/images/bkg_boxinfo_orange_tr.gif) no-repeat top right;
  color : #ffffff;
}
	
/*------------------------------------------------------------------------------*/
/* vert */
/*------------------------------------------------------------------------------*/
DIV.boxInfo .boxHeaderVert { /* nouveau */
	padding-left : 6px;
	background : transparent url(/media/images/bkg_boxinfo_vert_tl.gif) repeat-x top left;
	font-weight : bold;
}
DIV.boxInfo .boxHeaderVert DIV { /* nouveau */
	height : 17px;
	height : expression(navigator.userAgent.match(/5\.5/)? "20px" : "17px");
	padding-top : 4px;
	background: transparent url(/media/images/bkg_boxinfo_vert_tr.gif) no-repeat top right;
	color : #ffffff;
}

/*------------------------------------------------------------------------------*/
/* grey */
/*------------------------------------------------------------------------------*/
DIV.boxInfo .boxContentGrey {
  margin : 0px;
  padding : 4px 6px 0px 6px;
  border-left : 1px solid #999999;
  border-right : 1px solid #999999;
  background-color : #f5f5f5;
}

DIV.boxInfo .boxFooterGrey {
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxinfo_grey_bl.gif) no-repeat bottom left;
}

DIV.boxInfo .boxFooterGrey DIV {
  height : 10px;
  font-size : 1px;
  background: transparent url(/ihbp/esider/images/bkg_boxinfo_grey_br.gif) no-repeat right;
}

/*------------------------------------------------------------------------------*/
/* footer feature */
/*------------------------------------------------------------------------------*/
DIV.boxInfo .boxFooterFeature {
  height : 21px;
  padding-left : 6px;
  background : transparent url(/ihbp/esider/images/bkg_boxinfo_footer_white_bl.gif) no-repeat bottom left;
}

DIV.boxInfo .boxFooterFeature DIV {
  height : 21px;
  padding : 0px 0px 0px 0px;
  background: transparent url(/ihbp/esider/images/bkg_boxinfo_footer_white_br.gif) no-repeat right;
  color : #000000;
}

DIV.boxInfo .boxFooterFeature DIV IMG {
  float : right;
  margin : 0px 0px 0px 6px;
  border : 0px;
}

DIV.boxInfo .boxFooterFeature DIV IMG.inline {
  display : inline;
  float : none;
  border : 0px;
}

/*------------------------------------------------------------------------------*/
/* box class: border */
/*------------------------------------------------------------------------------*/

DIV.boxBorderGrey .boxHeader,
DIV.boxBorderRed .boxHeader,
DIV.boxBorderBlue .boxHeader {
  padding-left : 6px;
}

DIV.boxBorderGrey .boxHeader DIV,
DIV.boxBorderRed .boxHeader DIV,
DIV.boxBorderBlue .boxHeader DIV {
  padding-top : 4px;
  font-weight : bold;
}

DIV.boxBorderGrey .boxContent,
DIV.boxBorderRed .boxContent,
DIV.boxBorderBlue .boxContent {
  margin : 0px;
  padding : 7px 6px 0px 6px;
  border-style : solid;
  border-width : 0px 1px 0px 1px;
}

DIV.boxBorderGrey .boxFooter,
DIV.boxBorderRed .boxFooter,
DIV.boxBorderBlue .boxFooter {
  padding-left : 6px;
}

DIV.boxBorderGrey .boxFooter DIV,
DIV.boxBorderRed .boxFooter DIV,
DIV.boxBorderBlue .boxFooter DIV {
  height : 10px;
  font-size : 1px;
}

/*------------------------------------------------------------------------------*/
/* box border grey4 */
/*------------------------------------------------------------------------------*/

DIV.boxBorderGrey {
  clear : both;
  margin-bottom : 12px;
}

DIV.boxBorderGrey DIV.boxHeader {
  background : transparent url(/ihbp/esider/images/bkg_boarder_grey_tl.gif) no-repeat top left;
}

DIV.boxBorderGrey .boxHeader DIV {
  background: transparent url(/ihbp/esider/images/bkg_boarder_grey_tr.gif) no-repeat top right;
  color : #000000;
}

DIV.boxBorderGrey DIV.boxContent {
  border-color : #999999;
  color : #000000;
}

DIV.boxBorderGrey .boxFooter {
  background : transparent url(/ihbp/esider/images/bkg_boarder_grey_bl.gif) no-repeat bottom left;
}

DIV.boxBorderGrey .boxFooter DIV {
  background: transparent url(/ihbp/esider/images/bkg_boarder_grey_br.gif) no-repeat bottom right;
  color : #000000;
}

/*------------------------------------------------------------------------------*/
/* box border red */
/*------------------------------------------------------------------------------*/

DIV.boxBorderRed {
  clear : both;
  margin-bottom : 12px;
}

DIV.boxBorderRed DIV.boxHeader {
  background : transparent url(/ihbp/esider/images/bkg_boarder_red_tl.gif) no-repeat top left;
}

DIV.boxBorderRed .boxHeader DIV {
  background: transparent url(/ihbp/esider/images/bkg_boarder_red_tr.gif) no-repeat top right;
  color : #990000;
}

DIV.boxBorderRed DIV.boxContent {
  border-color : #990000;
  color : #990000;
}

DIV.boxBorderRed .boxFooter {
  background : transparent url(/ihbp/esider/images/bkg_boarder_red_bl.gif) no-repeat bottom left;
}

DIV.boxBorderRed .boxFooter DIV {
  background: transparent url(/ihbp/esider/images/bkg_boarder_red_br.gif) no-repeat bottom right;
  color : #990000;
}

/*------------------------------------------------------------------------------*/
/* box border blue */
/*------------------------------------------------------------------------------*/

DIV.boxBorderBlue {
  clear : both;
  margin-bottom : 12px;
}

DIV.boxBorderBlue .boxHeaderInner {
  padding-top : 6px !important;
  background : transparent !important;
  border-left-style:solid !important;
  border-left-color:#000066 !important;
  border-left-width:1px !important;
  border-right-style:solid !important;
  border-right-color:#000066 !important;
  border-right-width:1px !important;
}

DIV.boxBorderBlue .boxHeaderInner DIV {
  background: transparent !important;
}

DIV.boxBorderBlue DIV.boxHeader {
  background : transparent url(/ihbp/esider/images/bkg_boarder_blue_tl.gif) no-repeat top left;
}

DIV.boxBorderBlue .boxHeader DIV {
  background: transparent url(/ihbp/esider/images/bkg_boarder_blue_tr.gif) no-repeat top right;
  color : #000066;
}

DIV.boxBorderBlue DIV.boxContent {
  border-color: #000066;
  color: #000066;
}

DIV.boxBorderBlue .boxFooter {
  background: transparent url(/ihbp/esider/images/bkg_boarder_blue_bl.gif) no-repeat bottom left;
}

DIV.boxBorderBlue .boxFooter DIV {
  background: transparent url(/ihbp/esider/images/bkg_boarder_blue_br.gif) no-repeat bottom right;
  color: #000066;
}

/* textes */

.txtSmall {
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 9px;
  color: #727272
}

.txtCenter {
  text-align: center;
}

/* boxLink */

div.boxLink {
	clear:both;
	margin-bottom:12px;
	margin-right:12px;
}

div.boxLink .boxHeader{
	background:transparent url(/ihbp/esider/images/bkg_boxinfo_trans_tl.gif) repeat-x scroll left top;
	font-weight:bold;
	padding-left:6px;
}

div.boxLink .boxHeader div{
	background:transparent url(/ihbp/esider/images/bkg_boxinfo_trans_tr.gif) no-repeat scroll right top;
	color:#FFFFFF;
	height:10px;
}

div.boxLink .boxContent{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin:0px;
	padding:0px;
	height:80px;
	padding-top:30px;
}

div.boxLink .boxContent:hover{
	cursor:pointer;
}

div.boxLink .boxContent div{
	text-align:center;
	vertical-align:middle;
	height:50px;
}

div.boxLink .boxContent div h2{
	color:#006666;
}


div.boxLink .boxFooter{
	background:transparent url(/ihbp/esider/images/bkg_boxinfo_trans_bl.gif) no-repeat scroll left bottom;
	padding-left:6px;
}

div.boxLink .boxFooter div{
	background:transparent url(/ihbp/esider/images/bkg_boxinfo_trans_br.gif) no-repeat scroll right center;
	font-size:1px;
	height:10px;
}
		
/* end boxLink */


/*==============================================================================*/
/* PAGE TABLE */
/* used for the pageClient4 layout (100%) to contain layLinks and layContent div */
/*==============================================================================*/

TABLE.pageTable {
  margin : 0px;
  padding : 0px;
}

BODY.pageClient4 TABLE.pageTable {
	width : 100%;
}

TD.linksCol {
  width : 125px; /* anciennement 145 */
}

TD.contentCol {
  padding : 0px 0px 0px 7px; /* anciennement 0px 0px 0px 12px */
}

/*------------------------------------------------------------------------------*/
/* autocomplete js plugin styles */
/*------------------------------------------------------------------------------*/

.ac_results {
	border: none;
	margin: 0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:2px;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	border: 1px solid #999999;
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}

.ac_results_iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	filter:mask();
	width:3000px;
	height:100px;
}

.ac_results li {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 15px;
	font-size: 11px;
	overflow: hidden;
	font-family:Verdana;
	white-space: nowrap;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #E5E5E5;
	color: black;
}

/*------------------------------------------------------------------------------*/
/* autocomplete js plugin styles */
/*------------------------------------------------------------------------------*/

#longTableContainer {
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
}

.ajax-loading {
	text-align:center;
	padding:30px;
}
.ajax-loading span {
	background:transparent url('/ihbp/esider/images/loading.gif') no-repeat left center;
	padding:5px 20px;
}

img.button {
	cursor: pointer;
}

/*------------------------------------------------------------------------------*/
/* Homepage BCV <-> Rolotec */
/*------------------------------------------------------------------------------*/

#boxHomeBcv,
#boxHomeRolotec {
margin: 10px 0;
}