﻿
/*YUI Overrides Start*/
#custom-doc {  
     margin:auto;text-align:left; /* leave unchanged */
     width:59em;/* non-IE */  
     *width:57.5em; /*IE */   
     min-width:766px;/* optional but recommended */  
     color:#333333;
     font-family:Arial;
}  

#bd 
{
    margin-left:1.385em;
    *margin-left:1.351em;
    margin-right:1.385em;
    *margin-right:1.351em;
    margin-top:1.615em;
    *margin-top:1.576em;
}

#ft
{
    border-top: 1px solid #CCCCCC;
    text-align:right;
    padding-top:10px;
    font-size:85%;
}

b {
	font-weight:bold;
}
strong {
	font-weight:bold;
}


/*YUI Overrides End*/

/*Element Styles Start*/

INPUT {font-family:Arial;   
     color: #333333;
     font-size:85%;
     }
     
SELECT{font-family:Arial;   
     color: #333333;
     width:162px;
     font-size:100%;
	 /*pour mettre plus grand que 162px si c'est le cas*/
	 width: expression(document.body.clientWidth <= 161? "161px" :"auto");

    }
    
* html SELECT{    font-size:85%;   }

    
    P
    {
       margin-top:12px;
       margin-bottom:12px;
    }


/*Element Styles End*/

/*General Styles Start*/

/*Text Styles Start*/
    
h1
{
    font-size:138.5%;
    font-weight:bold;
    color:#0067C6;
    border-bottom:1px solid #CCCCCC;   
    text-transform:uppercase;
   }

h1.bottomMargin
{
	margin-bottom:13px;
}

h2
{
    font-weight:bold;
    color:#0067C6;
    margin-top:12px;
    margin-bottom:12px;
    border-bottom:1px solid #CCCCCC;   
    padding-bottom:9px;
    text-transform:uppercase;
}

.divBelow
{
   margin-bottom:-4px; 
}

.genericDivSpacing
{
	margin-bottom:10px; 
}

/*Existing fb Style*/
.fb
{
font-weight:bold;
    color:#0067C6;
    margin-top:12px;
    margin-bottom:12px;
    border-bottom:1px solid #CCCCCC;   
    padding-bottom:9px;
    text-transform:uppercase;
}

/*Existing HPfb Style*/
.HPfb

{
    font-weight:bold;
    color:#0067C6;
    margin-top:12px;
    margin-bottom:12px;

}

P .HPfb
{
    font-size:125%;
}


h3
{
    font-weight:bold;
    color:#333333;
    margin-top:12px;
    margin-bottom:12px;
}

.blue{color:#0067C6;}
.bold{font-weight:bold;}

A
{
    color:#0067C6;
    text-decoration:none;
}

A:link
{
    color:#0067C6;
    text-decoration:none;
}

A:visited
{

}

A:hover
{
    color:#0067C6;
	text-decoration:underline;
}

A:active
{
    color:#0067C6;
	text-decoration:underline;
}


.greySeparator{color:#666666;}
.hidden{
visibility:hidden;
}

.center

{text-align:center;}

/*Text Styles End*/

/*Positional Styles Start*/

.rightAlign{float:right;}

/*Positional Styles End*/

/*General Styles End*/

/*Top Styles Start*/

#hd A
{
    font-weight:bold;
}

#hd A:hover
{
    color:#666666;
    text-decoration:none;
}

#hd A:active
{
    color:#666666;
    text-decoration:none;
}

#divGlobalBar, #divGlobalBarNoImage
{
    background-color:#CCCCCC;
    height:30px;
    line-height:30px;
    padding-left:18px;
    padding-right:18px;
    font-size:85%;
    font-weight:bold;
    text-align:right;
}

* html #divGlobalBar, * html #divGlobalBarNoImage
{
	padding-bottom:-5px;
}

#divGlobalBar P
{
	margin:0px;
	
}

#divGlobalBarNoImage P
{
	margin:0px;
	padding:0px;
}

#spnGlobalIndicator
{
text-transform:uppercase;
}


* html #spnGlobalIndicator
{
	padding-top:4px;
}

.globalColumn
{
    height:30px;
    line-height:30px;
    float:left;
}
* html .globalColumn img
{
	margin-bottom:-3px;
}

#divStatus
{
    Width:128px;
    *Width:128px;
    text-align:left;
}

#divWelcome
{
    text-align:left;
    color:#0067CE;
    overflow:hidden;
    text-transform:uppercase;
}

#divTopNav
{
    background-color:#F2F2F2;
    height:33px;
    *height:33px;
    padding-left:18px;
    *padding-left:18px;
    padding-right:18px;
    *padding-right:18px;
    line-height:33px;
    *line-height:33px;
    font-size:85%;
    font-weight:bold;
}

.topNavColumn
{
   width:170px;/* non-IE */  
   *width:170px;/* IE */  
   min-width:170px;/* optional but recommended */ 
   float:left; 
}

#divTopNavigation2
{
    margin-left:17px;
    *margin-left:17px;
     width:4px;/* non-IE */  
   *width:4px;/* IE */  
    min-width:4px;/* optional but recommended */ 
   float:left; 
}
#divTopNavigationLinks
{
   text-align:right;
   width:352px;/* non-IE */  
   *width:352px;/* IE */  
   min-width:352px;/* optional but recommended */ 
   margin-top:0px;
   *margin-top:-2px;
   float:left; 
  text-transform:uppercase;
}
* html #divTopNavigationLinks
{
	margin-top:6px;
}

#divTopNavigationSearch
{ 
    margin-left:18px;
    *margin-left:19px;
}

#txtSearch
{
  /*To get the text box height and correct text vertical alignment within it use height and lineheight for ie and padding for ff*/
   *height:17px;
   *line-height:17px;
   padding-top:2px;
   padding-bottom:2px;
   *padding-top:0px;
  *padding-bottom:0px;
   width:10.462em;
     *width:138px;
     min-width:138px;
     margin-bottom:0.077em;
     *margin-bottom:0px;
    position:relative;
    font-size:95%;
   *font-size:85%;
  top:2px;
   *top:0px;
}

* html #txtSearch
{
	margin-top:8px;
}

#btnGo
{
    position:absolute;
    top:38px;
    *top:38px;
    margin-left:5px;
    *margin-left:1px;
}
#btnGoNoGlobal
{
    position:absolute;
    top:8px;
    *top:8px;
    margin-left:5px;
    *margin-left:1px;
}


* html #btnGo
{
    position:absolute;
    top:38px;
    margin-left:1px;

}

#divTopSpacer
{
	border-bottom:1px solid #CCCCCC;
   	margin-top:1px;
	*margin-right:-1px;
}


/*Top Styles End*/

/*Left Hand Navigation Start*/

.leftNav
{
    color:#0067C6;
}


#divLeftNavHeader
{
    border-top:1px solid #CCCCCC;
    padding-top:12px;
    padding-bottom:12px;
    *padding-top:12px;
    *padding-bottom:12px;
    font-weight:bold;
    font-size:100%;
}

.leftMenuItem1
{
    border-top:1px solid #CCCCCC;
    padding-top:12px;
   /* margin-top:12px;*/
  padding-bottom:12px;
    font-size:85%;
}

.leftArrowMenuItem1 
{
	 border-top:1px solid #CCCCCC;
       padding-top:12px;
  padding-bottom:12px;
    font-size:85%;}

.leftMenuBottom
{
   border-top:1px solid #CCCCCC;
}

.leftSelectedMenuItem1
{
 	border-top:1px solid #CCCCCC;
    padding-top:12px;
    margin-bottom:16px;
    color:#333333;
    font-weight:bold;
    font-size:85%;
}

.leftMenuItem2
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:16px;
    font-size:85%;
}

.leftSelectedMenuItem2
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:16px;
    font-size:85%;
}

.leftMenuBottom2
{
margin-top:6px;
*margin-top:-10px;
 }


.leftArrowMenuItem2
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:1px;
    padding-left:15px;
    font-size:85%;
    list-style-position:outside;
	background-repeat: no-repeat;
	background-image:url('/images/icons/nav_arrow.gif')
}

.leftMenuItem3
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:33px;
    font-size:85%;
}

.leftSelectedMenuItem3
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:33px;
    font-size:85%;
}

.leftMenuBottom3
{
margin-top:-10px;
 }


.leftArrowMenuItem3
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:18px;
     padding-left:15px;
    font-size:85%;
    list-style-position:outside;
	background-repeat: no-repeat;
	background-image:url('/images/icons/nav_arrow.gif')

}

.leftMenuItem4
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:50px;
    font-size:85%;
}

.leftSelectedMenuItem4
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:50px;
    font-size:85%;
}

.leftMenuBottom4
{
margin-top:-10px;
 }


.leftArrowMenuItem4
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:35px;
    padding-left:15px;
    font-size:85%;
    list-style-position:outside;
	background-repeat: no-repeat;
	background-image:url('/images/icons/nav_arrow.gif')
}

/*Left Hand Navigation End*/

/*Right Hand Navigation Start*/

.rightSection
{
    margin-bottom:35px;
}

.rightNavTitle
{
    font-weight:bold;
    color:#0067C6;
    padding-bottom:9px;
    border-bottom:1px solid #CCCCCC;
    margin-bottom:13px;
    font-size:100%;
      text-transform:uppercase;
}

.yui-ge div.right .imageWithText{vertical-align:text-top;margin-right:5px;}

.yui-ge div.right LI
{
    font-size:85%;
    line-height:16px;
}

.yui-ge div.right td
{
	 font-size:85%;
    line-height:16px;
}


.yui-ge div.right td .rightNavTitle
{
	  font-size:118%;
}

.yui-ge div.right .spacedList  LI
{
    margin-bottom:4px;
}

.yui-ge div.right .spacedListNews  LI
{
    margin-bottom:18px;
}


.yui-ge div.right LI A:visited
{

}

.yui-ge div.right LI A:hover
{
    text-decoration:underline;
}

#selUPSProductList
{
    margin-bottom:10px;
}

/*Right Hand Navigation End*/

/*Content Styles Start*/

.columnContainer
{
    *height:100%;
 margin-bottom:100px;
    *margin-bottom:20px;
	clear:both;
}

.leftColumnContent
{
    float:left;width:170px;margin-right:17px; 
    height:100%;
}

.rightColumnContent
{
    float:left;width:170px;
    height:100%;

}

.leftColumnContentSmall
{
    float:left;width:105px;margin-right:17px; 
margin-bottom:20px;
*margin-bottom:0px;
}

.rightColumnContentLarge
{
    float:left;width:235px;
	margin-bottom:20px;
	*margin-bottom:0px;
}



td .columnContainer .leftColumnContent
{
    float:left;width:169px;margin-right:17px; 
    height:100%;
}

td .columnContainer .rightColumnContent
{
    float:left;width:169px;
    height:100%;
}

td .columnContainer .leftColumnContentSmall
{
    float:left;width:104px;margin-right:17px; 
margin-bottom:20px;
*margin-bottom:0px;
}

td .columnContainer .rightColumnContentLarge
{
    float:left;width:234px;
	margin-bottom:20px;
	*margin-bottom:0px;
}

.rightColumnContentLarge A
{

}

/*Content Styles End*/

/*Form Styles Start*/

.divStandardSelect
{
    margin-top:15px;
}

.standardGo
{
    position:absolute;
    margin-left:3px;
    *margin-left:0px;
}

/*Table Styles Start*/

.dataTable
{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:12px;   
}

.dataTableManual
{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:12px;   
}

.dataTableManual
{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:12px;   
}

/*Sub styles are for legacy tables which contain content withitn a sub table*/
.dataTableWithSub
{
    width:100%;
  padding:-2px;
  margin:0px;
    margin-top:12px;   
      
}

.dataTableWithSub TD
{

}

.dataTableSub
{
    
    width:106%;
    min-width:106%;
    *width:101.75%;
   * min-width:101.75%;
    border-collapse: separate;
    padding:0px;
    margin:0px;
    border-spacing: 2px; 
    position:relative;
    right:3px;
     *right:3px;
    top: -2px;
    
}

.dataTable TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}

.dataTableManual TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}


.dataTableWithSub TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}

.dataTableSub TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}

.dataTable TD, .dataTableSub TD

{
   /*percentage of the 85%*/
   margin:10px; 
   font-size:90.58%; 
   padding:4px;
   vertical-align:top;
}


.dataTable .TableHead, .dataTableWithSub .TableHead

{
       background-color:#0067C6;
       color:#FFFFFF;
       font-size:109.41%; 
       font-weight:bold;
       padding:4px;
}



.dataTable .alternateRow0 , .dataTableSub .alternateRow0 
{
background-color:#E8E8E8;
    padding:4px;

   }

.dataTable .alternateRow1, .dataTableSub .alternateRow1
{
 }
 
.singleRow
{
	background-color:#E8E8E8;
}

.dataTableManual
{
}

.dataTableManual .alternateRow0 , .dataTableSub .alternateRow0 
{
    background-color:#E8E8E8;
    padding:4px;
   }

.dataTableManual .alternateRow1, .dataTableSub .alternateRow1
{

 }

/*Table Styles End*/

/*List Styles Start*/

.yui-ge div.first UL
{
    margin-left:20px; 
    margin-bottom:12px;
    margin-top:12px;
}

.yui-ge div.first UL LI
{
    list-style: disc outside;  
}

.yui-ge div.first OL[type="a"]
{
    margin-left:20px; 
    margin-bottom:12px;
    margin-top:12px;
     
}

.yui-ge div.first OL[type="a"] LI
{
   list-style:decimal;  
}

/*Style added to handle tabled lists*/
.blabla
{
    list-style: disc outside;  
    margin-left:20px;
}

/*Style to take away margin at top of some lists*/
.yui-ge div.first UL.noTopMargin
{
  margin-top:0px;
}

/*List Styles End*/

/*Form Styles Start*/

/*Footer Styles Start*/

#footerleft
{
    float:left;
    width:170px;
    margin-right:17px;
    text-align:left;
}
#footermid
{
    float:left;
    text-align:left;
    margin-top:-9px;
    *margin-top:-10px;
    
}

#spnCopyright
{
    margin-top:3px;
    *margin-top:3px;
}

#ft A:visited
{
}

#ft A:hover
{
    color:#0067C6;
    text-decoration:underline;
}

/*Remove legacy breadcrumb*/
#breadcrumb{
	display:none;
}

/*Footer Styles End*/

.width100
{width:100%;}

sup {
	font-size:90%;
}

 
#search {
	/*position: absolute;
	top: 66px;
	left: 510px;
	width: 500px;*/
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ffffff;
	text-align: right;
}

#search a:link, #search a:visited {
	color: #ffffff;
	text-decoration: none;
}

#search a:hover {
	color: #ffffff;
}

#search ul {
	margin: 0;
	padding: 0;
}

#search ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#search ul li a {
	font-size: 0.9em;
	vertical-align: middle;
	padding: 0 3px 0 0;
	margin: -1px 1px 0 0;
	border-right: 1px solid #ffffff;
}

#search .fond_coul {
	background-color: #ffffff;
}

#search form {
	display: inline;
	margin: 0;
	padding: 0;
}

#search .langue {
	margin: 0;
	padding: 0;
	width: 100px;/* difiÃ© le 06/04/2008 sinon =90 */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	vertical-align: middle;
	margin: 3px 3px 3px 3px;
	padding: 0 0 1px 4px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

#search input.search {
	width: 70px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #ffffff;
	vertical-align: middle;
	margin: 0;
	padding: 1px 1px 2px 4px;
	background-color: #4b77a7;
	border: 1px solid #4b77a7;
}

#search input.go {
	margin: 0;
	padding: 0 1px 0 1px;
	vertical-align: bottom;
}   