body
{
  font-size: 10pt;
  font-family: Arial, Verdana, Geneva, Swiss, SunSans-Regular;
  background-color: #ffffff;
  background-image: url(/home/grfx/bgpage.gif);
  background-repeat: repeat-y;
  background-position: center 0;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding: 0;
  scrollbar-arrow-color: #996633;
  scrollbar-darkshadow-color: #996633;
  scrollbar-face-color: #FFFFFF;
  scrollbar-shadow-color: #000000;
  scrollbar-track-color: #FFFFFF;
}

table
{
  border-collapse:collapse;
  margin:auto;
}

/*
 * Language Currency Menu - Upper-right menu on homepage
 */
td.LangCurrMenu
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 8pt;
  padding: 1px;
  color: #036;
  text-align: center;
  vertical-align: middle;
}

td.LangCurrMenu a
{
  color: #036;
  text-decoration: none;
}
td.LangCurrMenu a:hover
{
  color: #990000;
  background-color: #999;
  text-decoration: none;
}

/*
 * HEADER Menu - TOP
 */
td.Header
{
  background-image: url(/home/grfx/bgheader.jpg);
  text-align: center;
  vertical-align: middle;
}

/*
 * HEADER Inside text - TOP
 */
td.HeaderInside
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 8pt;
  color: #000;
  line-height: 10pt;
  text-align: center;
  vertical-align: top;
}

td.HeaderInside a
{
  color: #000;
  text-decoration: none;
}
td.HeaderInside a:hover
{
  color: #990000;
  text-decoration: none;
}

/*
 * HEADER Slogan text - Side bar
 */
td.Slogan
{
  font-family: Arial;
  font-size: 7pt;
  color: white;
  text-align: center;
  vertical-align: bottom;
}

/*
 * LOGIN Menu - Upper-right menu on homepage
 */
td.LoginMenu
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 8pt;
  background-color: #036;
  color: #999;
  text-align: center;
  vertical-align: middle;
}

td.LoginMenu a
{
  color: #FFFFFF;
  text-decoration: none;
}
td.LoginMenu a:hover
{
  color: #900;
  text-decoration: underline;
}


/*
 * General Menu - Header menu 1 on homepage
 */

td.GenMenu
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 8pt;
  color: #003366;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

td.GenMenu a
{
  color: #003366;
  text-decoration: none;
}
td.GenMenu a:hover
{
  color: #fff;
  background-color: #999;
  padding: 2px 6px;
  text-decoration: none;
}



/*
 * Product Menu - Header menu 2 on homepage
 */
td.ProdMenu
{
  font-size: 8pt;
  background-color: #003366;
  color: #cccccc;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
}

td.ProdMenu a
{
  color: #CCCCCC;
  text-decoration: none;
}
td.ProdMenu a:hover
{
  color: #fff;
  background-color: #999;
  padding: 2px 6px;
  text-decoration: none;
}

/*
 * Product Menu - Header menu on FOOTER
 */
td.ProdMenu2
{
  font-size: 6.5pt;
  background-color: #CCCCCC;
  color: #000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
}

td.ProdMenu2 a
{
  color: #000000;
  text-decoration: none;
}
td.ProdMenu2 a:hover
{
  color: #999;
  background-color: #FFF;
  text-decoration: none;
}

/*
 * MyAccount Menu - Header menu 2 on homepage
 */
td.MyAccountMenu
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 8pt;
  background-color: #003366;
  color: #990000;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

td.MyAccountMenu a
{
  color: #FFFFFF;
  text-decoration: none;
}
td.MyAccountMenu a:hover
{
  color: #990000;
  background-color: #fff;
  padding: 2px 6px;
}


/*
 * LEFT Menu - Side bar
 */
td.LeftMenu
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 7pt;
  padding: 2px;
  background-color: #003366;
  color: #ccc;
  line-height: 10pt;
  text-align: center;
  vertical-align: middle;
}

td.LeftMenu a
{
  color: #ccc;
  text-decoration: none;
}
td.LeftMenu a:hover
{
  color: #fff;
}

/*
 * LEFT Menu TITLE - Side bar
 */
td.LeftMenuTitle
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 8pt;
  padding: 2px;
  color: #036;
  line-height: 10pt;
  background-image: url(/home/grfx/bg-silver.jpg);
  text-align: center;
  vertical-align: middle;
}

td.LeftMenuTitle a
{
  color: #999;
  text-decoration: none;
}
td.LeftMenuTitle a:hover
{
  color: #d2d2d2;
}


/*
 * CENTER Footer - Right box text
 */
td.CenterFooter
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 7pt;
  color: #036;
  line-height: 11pt;
  padding: 1px 2px;
  background-image: url(/home/grfx/grfx_center_footer03.jpg);
  text-align: center;
  vertical-align: middle;
}

td.CenterFooter a
{
  color: #000000;
  padding: 1px 2px;
  text-decoration: none;
}
td.CenterFooter a:hover
{
  color: #fff;
  padding: 1px 2px;
  background-color: #999;
}

/*
 * PAGE FOOTER - page bottom
 */
td.PageFooter
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 7pt;
  padding: 1px 2px;
  background-color: #ffffff;
  color: #000;
  line-height: 10pt;
  text-align: center;
  vertical-align: middle;
}

td.PageFooter a
{
  color: #036;
  padding: 1px 2px;
  text-decoration: none;
}
td.PageFooter a:hover
{
  color: #fff;
  padding: 1px 2px;
  background-color: #999;
}

/*
 * PAGE CONTENT - static page txt
 */
td.StaticContent
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 9pt;
  background-color: #ffffff;
  color: #000;
  line-height: 11pt;
  text-align: center;
  vertical-align: middle;
}

td.StaticContent a
{
  color: #036;
  padding: 1px 2px;
  text-decoration: none;
}
td.StaticContent a:hover
{
  color: #fff;
  padding: 1px 2px;
  background-color: #999;
}

/*
 * PAGE CONTENT - about us page
 */
td.AboutContent
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 10pt;
  background-color: #ffffff;
  color: #000;
  line-height: 15pt;
  text-align: left;
  vertical-align: middle;
}

td.AboutContent a
{
  color: #036;
  padding: 1px 2px;
  text-decoration: none;
}
td.AboutContent a:hover
{
  color: #fff;
  padding: 1px 2px;
  background-color: #999;
}

/*
 * Styles used in the page that uses the templates (index.aspx) to define the style
 * of the elements that SURROUND the template elements
 *
 */

/* Global table around the template elements and their headers */
table.newsBox
{
  margin: 0px;
  border: none;
  padding: none;
  background-color: Transparent;
  width: 215px;
  border-collapse:collapse;
}

/* fixed text ABOVE each kind of template element */
td.newsHeader
{
  margin: 0px;
  border: none;
  padding: none;
  background-color:#EEEEEE;
  color: #003366;
  font-weight: 600;
  text-align: center;
  font-size:8pt;
  vertical-align:top;
}

/* contains all the template elements */
td.newsContents
{
  margin: 0px;
  border: none;
  padding: 0px;
  padding-bottom:5px;
  background-color: Transparent;
  text-align: center;
  vertical-align:top;
}

/*
 * Styles used in news, highlights (info) and tradeshow layout templates
 */
table.CMNews, 
table.CMInfo, 
table.CMTradeShow
{
  border-collapse: collapse;
  font-size:10pt;
}

/* Note: title and text of items contain links (<a>), hence the ... a:... styles */
/* Highlights and tradeshow titles/dates are different in "padding-top" because they start the item, whereas for news the date is first:
  
  NEWS:     TRADESHOWS:   HIGHLIGHTS
  date      title         title
  title     date          text
  text      text
 */

td.CMNews_date
{
  padding-top: 4px;
  vertical-align: bottom;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  color: #ccc;
}

td.CMNews_title, td.CMNews_title a, td.CMNews_title a:visited
{
  padding-top: 0px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #ccc;
}

td.CMNews_title a:hover
{
  padding-top: 0px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #fff;
}

td.CMInfo_title, td.CMInfo_title a, td.CMInfo_title a:visited, 
td.CMTradeShow_title, td.CMTradeShow_title a, td.CMTradeShow_title a:visited
{
  padding-top: 4px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #ccc;
}

td.CMInfo_title a:hover, 
td.CMTradeShow_title a:hover
{
  padding-top: 4px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #fff;
}

td.CMTradeShow_date
{
  padding-top: 0px;
  vertical-align: top;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  color: #ccc;
}

/* there is no CMInfo_Date */

td.CMNews_text, td.CMNews_text a, td.CMNews_text a:visited, 
td.CMTradeShow_text, td.CMTradeShow_text a, td.CMTradeShow_text a:visited
{
  vertical-align: top;
  font-size: 8pt;
  text-align: center;
  text-decoration: none;
  color: #ccc;
}

td.CMNews_text a:hover, 
td.CMTradeShow_text a:hover
{
  vertical-align: top;
  font-size: 8pt;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

td.CMInfo_text, td.CMInfo_text a, td.CMInfo_text a:visited
{
  vertical-align: top;
  font-size: 8pt;
  text-align: left;
  text-decoration: none;
  color: #ccc;
}

td.CMInfo_text a:hover
{
  vertical-align: top;
  font-size: 8pt;
  text-align: left;
  text-decoration: none;
  color: #fff;
}


/****/

/* Lines selector styles */

table.SelLine
{
  margin: auto;
}

td.SelLineLeft
{
  border:0px;
  padding:0px;
  padding-right:2px;
  padding-bottom: 2px;
  width:320px;
  border-bottom: double 2px #003366;
  border-top: double 2px #003366;
  vertical-align: top;
  text-align: right;
}

td.SelLineRight
{
  border:0px;
  padding:0px;
  padding-left:2px;
  padding-bottom: 2px;
  width:320px;
  border-bottom: double 2px #003366;
  border-top: double 2px #003366;
  vertical-align: top;
  text-align: left;
}

span.SelLineTitleLeft,
span.SelLineTitleRight
{
  width:100%;
  text-align:center;
  height:25px;
  font-weight: 600;
  cursor: hand;
}

div.SelLineTextRight
{
  position: relative;
  top:8px;
  font-size: 8pt;
  border: none;
}

div.SelLineTextLeft
{
  position: relative;
  top:8px;
  font-size: 8pt;
  border: none;
}

img.SelLineLeft
{
   border:0px;
   margin:0px;
   float: left;
}

img.SelLineRight
{
   border:0px;
   margin:0px;
   float: right;
}

td.SelLineSep
{
  width: 1px;
  padding: 0px 4px 0px 4px;
}

a, a:visited
{
  text-decoration: none;
  color: black;
}
a:hover
{
  color: #A01010;
}

img
{
  border:none;
}

/* From SC.css */

.titleRed
{
  font-family: Verdana, arial, helvetica, geneva;
  font-size: 16pt;
  font-weight: 300;
  color: #A01010;
  display: inline-block;
  padding-top:12px;
}
.normal
{
}
.small9
{
  font-size: 9pt;
}
.small
{
  font-size: 8pt;
}
.bold
{
  font-weight: 600;
}
.red
{
  color: #A01010;
}
a.small
{
  color: Black;
  font-weight: 600;
  text-decoration: none;
}
a.small:hover
{
  color: #A01010;
}

.categtitle
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 14pt;
  font-style: normal;
  color: White;
  background-color: #003366;
  padding-top: 8px;
  height: 36px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.prodsep
{
  color: #003366;
  height: 1px;
  width: 100%;
}

.prodtitle
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 10pt;
  font-style: normal;
  font-weight: 600;
  color: Black;
}

td.shoplink
{
  font-family: Verdana, Arial, helvetica, geneva;
  font-size: 10pt;
  font-style: normal;
  font-weight: 600;
  color: Black;
  padding: 8px;
  text-align: center;
}
a.shoplink
{
  color: Black;
  text-decoration: none;
}
a.shoplink:hover
{
  color: #A01010;
  text-decoration: none;
}


.dotted
{
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #999999;
}

.warning
{
  font-size: 9pt;
  font-style: normal;
  font-weight: 300;
}
a.warning
{
  color: black;
  text-decoration: none;
}
a.warning:hover
{
  color: #A01010;
  text-decoration: none;
}

.note
{
  font-style: italic;
  font-weight: 300;
}

td.button
{
  border-style: solid;
  border-color: #003366;
  border-width: 2px;
  color: #003366;
  background-color: #CCCCCC;
  padding: 4px;
  font-weight: 600;
  font-size: 8pt;
}
a.button
{
  color: #003366;
  text-decoration: none;
}
a.button:hover
{
  color: #A01010;
  text-decoration: none;
}

.Framed
{
  padding: 4px;
  font-family: arial,helvetica,geneva;
  font-size: 9pt;
  font-weight: 300;
  border:solid 1px #aaaaaa;
}

.FramedBelow
{
  border-bottom-style: solid;
  border-bottom-color: #aaaaaa;
  border-bottom-width: 1px;
}

.FramedBlock
{
  padding: 4px;
  font-size: 9pt;
  font-weight: 300;
  font-style: normal;
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px;
  display: inline-block;
  width: auto;
}

hr.EditSep
{
  width: 99%;
  color: #777777;
  height: 1px;
}
a.ServiceButton
{
  font-size: 10pt;
  font-family: Arial;
  text-decoration: none;
  padding: 3px 4px 3px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  background-color: #E7FFC0;
}
a.ServiceButton:hover
{
  text-decoration: none;
  padding: 2px 3px 2px 3px;
  border-width: 2px;
}

a.ServiceButton2
{
  font-size: 10pt;
  font-family: Arial;
  text-decoration: none;
  padding: 3px 4px 3px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  background-color: #C7DFA0;
}
a.ServiceButton2:hover
{
  text-decoration: none;  
  padding: 2px 3px 2px 3px;
  border-width: 2px;
}

a.OnOff
{
  font-family: Verdana,arial;
  font-weight: 600;
  text-decoration: none;
  color: Black;
}
a.OnOff:hover
{
  text-decoration: none;
}

table.OnOffW
{
  margin:auto; 
  border-bottom:solid 4px #A0A0A0; 
  border-collapse:collapse;
}

td.OnOffW1
{
  text-align:center; 
  background-color:#A0A0A0; 
  padding:2px 6px 3px 6px;
}

td.OnOffW2
{
  border:solid 4px #A0A0A0; 
  border-bottom:none;
  border-top:none;
  padding:10px 10px 10px 10px;
  text-align:center;
}

a.OnOffW
{
  font-family: Verdana,arial;
  font-weight: 600;
  text-decoration: none;
  color: White;
}
a.OnOff:hoverW
{
  text-decoration: none;
}

/* Lines selector styles */

table.SelLine
{
  margin: auto;
}

td.SelLineLeft
{
  border:0px;
  padding:0px;
  padding-right:2px;
  padding-bottom: 2px;
  width:320px;
  border-bottom: double 2px #003366;
  border-top: double 2px #003366;
  vertical-align: top;
  text-align: right;
}

td.SelLineRight
{
  border:0px;
  padding:0px;
  padding-left:2px;
  padding-bottom: 2px;
  width:320px;
  border-bottom: double 2px #003366;
  border-top: double 2px #003366;
  vertical-align: top;
  text-align: left;
}

span.SelLineTitleLeft,
span.SelLineTitleRight
{
  width:100%;
  text-align:center;
  height:25px;
  font-weight: 600;
  cursor: hand;
}

div.SelLineTextRight
{
  position: relative;
  top:8px;
  font-size: 8pt;
  border: none;
}

div.SelLineTextLeft
{
  position: relative;
  top:8px;
  font-size: 8pt;
  border: none;
}

img.SelLineLeft
{
   border:0px;
   margin:0px;
   float: left;
}

img.SelLineRight
{
   border:0px;
   margin:0px;
   float: right;
}

td.SelLineSep
{
  width: 1px;
  padding: 0px 4px 0px 4px;
}


/*****************************************************************************/
/* Onglets menus BLEU (public)
/*****************************************************************************/

table.OngletsBTableH
{
  margin: auto;  /* Use this to obtain surrounding blank space */
  padding: 0px; /* Do not use */
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
tr.OngletsBRowH {}
table.OngletsBTableH td
{
  font-family: Verdana,Arial,Geneva,Hevetica,Sun-Sans Regular;
  font-size: 8pt;
  font-weight: bold;
  padding: 0px;
  position: relative;
  text-align: center;
  cursor:hand;
}
table.OngletsBTableH td span
{
}

/*
 * Cell styles for separator items (if used)
 */
td.OngletsBSepH
{
  width:24px;
  height: 25px;
  background-image: url(../img20/tab/tab4B.png);
  background-repeat: no-repeat;
  cursor:default;
}

td.OngletsBSepFirstH
{
  width:12px;
  height: 25px;
  background-image: url(../img20/tab/tab1B.png);
  background-repeat: no-repeat;
  cursor:default;
}

td.OngletsBSepLastH
{
  width:12px;
  height: 25px;
  background-image: url(../img20/tab/tab3B.png);
  background-repeat: no-repeat;
  cursor:default;
}

/*
 * Cell styles for current item separators (if used)
 */
td.OngletsBSepFirstHereH
{
  width:12px;
  height: 25px;
  background-image: url(../img20/tab/tab1hB.png);
  background-repeat: no-repeat;
  cursor:default;
}

td.OngletsBSepLastHereH
{
  width:12px;
  height: 25px;
  background-image: url(../img20/tab/tab3hB.png);
  background-repeat: no-repeat;
  cursor:default;
}

/*
 * Cell and span formats for general items
 */
td.OngletsBCellH
{
  height: 25px;
  background-image: url(../img20/tab/tab2B.png);
  background-repeat: repeat-x;
  border: none;
}
td.OngletsBCellH span 
{
  position:relative;
  top: 4px;
  color: Black;
  border: solid 1px white;
  padding: 1px 4px 0px 4px;
}
/*
 * Cell and span formats for general items when mouseover
 */
td.OngletsBOCellH
{
  height: 25px;
  background-image: url(../img20/tab/tab2B.png);
  background-repeat: repeat-x;
  border: none;
  cursor: hand;
}
td.OngletsBOCellH span
{
  position:relative;
  top: 4px;
  color: Black;
  border: solid 1px black;
  padding: 1px 4px 0px 4px;
}
/*
 * Cell and span formats for active item when mouseover
 */
td.OngletsBOCellHereH
{
  height: 25px;
  background-image: url(../img20/tab/tab2hB.png);
  background-repeat: repeat-x;
  border: none;
  cursor: hand;
}
td.OngletsBOCellHereH span
{
  position:relative;
  top: 4px;
  color: White;
  border: solid 1px black;
  padding: 1px 4px 0px 4px;
}
/*
 * Cell and span formats for active items
 */
td.OngletsBCellHereH
{
  height: 25px;
  background-image: url(../img20/tab/tab2hB.png);
  background-repeat: repeat-x;
  border: none;
}
td.OngletsBCellHereH span
{
  position:relative;
  top: 4px;
  color: White;
  border: solid 1px #A0787A;
  padding: 1px 4px 0px 4px;
}

.AccountTab
{
  border: solid 4px #003366;
  background-color: White;
  padding:12px;
  text-align:center;
}

.AccountTab table
{
  margin:auto;
}

/* FAQ */
table.CMFAQ, table.CMFAQSum { font-family:Verdana, Arial; font-size:8pt; margin: 0px; border-collapse:collapse; margin: 0px; width:100%; }
table.CMFAQ td.Category { width:750px; vertical-align:top; border-top:dashed 1px #999999; padding-top:12px; padding-bottom:8px; padding-left:4px; font-size:12pt; font-weight:bold; text-align:left; background-color: #E8E8E8; }
table.CMFAQ td.Question { width:750px; vertical-align:top; padding-top:12px; font-size:10pt; font-style:italic; font-weight:bold; text-align:left; border-top:solid 1px #b0b0b0; }
table.CMFAQ td.Answer { font-size:10pt; vertical-align:top; text-align:left; padding-bottom: 15px; padding-top: 14px; padding-left: 0px;}
table.CMFAQ span.QA { font-size:12pt; font-weight:bold; }
      
table.CMFAQSum td.CategorySum { width:750px; vertical-align:top; padding:12px 0px 6px 0px; font-size:10pt; font-style:italic; font-weight:bold; text-align:left; }
table.CMFAQSum td.QuestionSum { padding:0px 0px 6px 6px; }
      
table.CMFAQSum a.FAQLink:hover { background-color: #003366; color: White; }
table.CMFAQ a.TopLink, a.TopLink:visited { font-size:8pt; font-style:normal; font-family:Arial, Helvetica, Sans-serif; }
table.CMFAQ a.TopLink:hover { }