/* -------------------------------------------------------------- 
  
  STYLE CSS
   * Filename:        style.css
   * Version:         2007-10-22 YYYY-MM-DD
  
	Modified:
    * d.olufson (2007-11-28)
    
-------------------------------------------------------------- */

#body { padding:5px 0 0 0; text-align:center; margin:0 auto; width:950px; background-color:#FFF; }
body { background:url(../images/g/bg-headerBar.jpg) left top repeat-x; color: #272B2F; /*text-align: center;  IE6 Fix */
 	   margin-bottom:20px; }
/*DEBUT HEADER*/
	div#headerNav { width: 950px; margin: auto; padding: 0px; height:105px; z-index: 3 }
/*FIN HEADER*/

/* Side Navigation
--------------------------------------------------*/

.side { padding:0; margin:0; }
.side dl { padding:0 0 0 0; margin:0; text-align:left; }
.side dt { padding:4px 4px 4px 8px; margin:0; background-color:#F0F0ED; border-top:1px solid #E6E6E4; font-weight:700; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px }
.side dd { padding:0; margin:0; }
.side dl dd { font-size:13px; font-weight:700 }
.side dl dl dd a { padding-left:25px; font-size:12px; font-weight:500 }
.side a { padding:5px 0 5px 14px; margin:0; color:#272B2F; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; text-decoration:none; }
.side a:hover { background-color:#F0F0ED; }
.side p { padding:0; margin:0; line-height:140%; }
/* Blog Containers
--------------------------------------------------*/
.sideFeed { padding:0; margin:0; }
.sideFeed a { text-decoration:underline; list-style:none; }
.sideFeed a:hover { text-decoration:none; }
.sideFeed ul { padding:0; margin:0; display:block; background-color:#F9F9F8; }
.sideFeed li { padding:10px; margin:0; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; list-style:none; }
.fbsubscribelink a { padding:10px; margin:0; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; text-decoration:none; }
.sideFeed p { padding:0; margin:0; line-height:140%; font-size:11px; }
.sideFeed a img { border:0; }
#creditfooter { padding:5px; margin:0; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; list-style:none; clear:both; }
/* Side Features
--------------------------------------------------*/
.sideFeature { padding:0; margin:0; }
.sideFeature dl { padding:0; margin:0 0 25px 0; display:block; background-color:#F9F9F8; }
.sideFeature dt { padding:4px 4px 4px 8px; margin:0; background-color:#F0F0ED; border-top:1px solid #E6E6E4; font-weight:700; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.sideFeature dd { padding:10px 10px 10px 14px; margin:0; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; list-style:none; }
.sideFeature a { text-decoration:underline; list-style:none; }
.sideFeature a:hover { text-decoration:none; }
/* =Side Container Styles 
---------------------------------- */
.sideNav { padding:0; margin:0; }
.sideNav li { list-style:none; padding:0; margin:0 0 8px 0; background-color: #ECECEC; border-top: 1px solid #C1C1C1; font-size: 14px; font-weight: 700; border: 1px solid #C1C1C1; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.sideNav li a { display:block; text-decoration:none; color:#A1A1A1; padding: 4px 0 4px 4px; }
.sideNav li a:hover { background-color:#6A6965; color:#E1E1E0; }
.sideLatest { padding:0; margin:15px 0 0 0; list-style-type:circle; list-style-position:inside; font-size:11px; }
.sideLatest li { padding:5px 0 10px 0; margin:0; }
.sideLatest li a { text-decoration:none; }
.sideLatest li a:hover { text-decoration:underline; }
.sideLatest h5 { }
/* Market
--------------------------------------------------*/
.market img { padding:4px; border:1px solid #E6E6E4; background-color:#F9F9F8; }
.product img { padding:4px; }
.links img { border:none; padding:0; float:none; margin:0; }
.links { margin:10px 0; padding:0; display:block; }
.content01 { margin-top:20px; }
.content01 img { float:left; }
/* Category
--------------------------------------------------*/
.category table { text-align:center; width:inherit; border-bottom:0px dotted #E6E6E4; padding:0 0 10px 0; }
.category td { border-right:1px solid #E6E6E4; border-width:0 0px 0 0; padding:0; margin:0; text-align:center; width:20%; }
.category tr { margin:0; padding:0; }
.category table a { display:block; text-decoration:none; color:#464D54; }
.category table a:hover { text-decoration:underline; }
.category table img { border:none; background-color:#FFF; margin:0; padding:10px 0; }
.category table p { text-align:left; padding:15px 5px 5px 5px; margin:0; }
/* Alternating Tables
--------------------------------------------------*/
#playlist { border: 0px; width:100%; padding-top:15px; border-bottom:1px #CCC solid }
#playlist .tr { background:url(../images/g/tr_bgrd.jpg); line-height:25px; }
#playlist td { border-top:1px solid #CCC; text-align:left;  border-right:1px solid #CCC; padding:0 5px; vertical-align:middle}
#playlist th { border-top:1px solid #CCC; border-right:1px dashed #CCC; border-left:1px solid #CCC;padding:0 20px 0 10px; text-align:left; border-bottom:none; width:350px}
#playlist tbody tr td { border-top:1px solid #CCC; text-align:left;  border-right:1px solid #CCC; padding:0 5px}
#playlist .odd td { color: #485056; padding: 3px 8px; border-left: 1px solid #D9D9D9; background-color:#edf3fe; }
#playlist .title td { color: #485056; padding: 5px 8px 3px 8px; border-left: 1px solid #D9D9D9; background-color:#CCDDFC; }
/* Misc
--------------------------------------------------*/
.floatleft { float:left; }
.floatright { float:right; }
.nofloat { float:none; }
.footer { padding:5px 0 5px 0; margin:0 0 25px 0; font-size:10px; border-bottom:1px solid #E7EBEA; text-align:right; color:#85888E; }
.footerHome { text-align:right; }
.ruleB { border-bottom:1px dotted #CCC; margin-bottom:20px; }
.ruleR { border-right:1px dotted #CCC; }
.ruleL { border-left:1px dotted #CCC; }
.breadcrumb { padding-bottom:5px; margin-bottom:20px; color:#969798; }
.checkin { padding:10px 10px 10px 0; margin:0 0 20px 0; color:#969798; background-image: url(../images/g/bk-topnav.jpg); text-align:right; width:auto; }
.button { border:none; }
p img.right { float:right; margin:0 0 1.5em 1.5em; }
.tabImage { float:right; margin:0; padding:4px; border:1px solid #e6e6e4; background-color: #f9f9f8; }
.tableTop { background-color:#F9F9F8; font-weight:700; }
.tableTop td { font-weight:700; }
.small { font-size:11px; }
#routeTab p { padding-right:375px; }
#poiTab h3 { background-color: #f9f9f8; margin-bottom: .5em; padding:5px; }
.marginB { margin-bottom:1.5em; }
.marginT { margin-top:1.5em; }
/* Category Formatting
--------------------------------------------------*/
/* small */
.admin_cat_small { text-align:center; background-color:#FFF; width:100px; padding:0; margin:0; border:1px solid #E4EAF0; }
.admin_cat_small2 { text-align:center; background-color:#FFF; width:100px; padding:0; margin:0; border:1px solid #FDC; }
.admin_cat_small:hover { background-color:#F5F5F5 }
.admin_cat_small2:hover { background-color:#FDC }
#cat-prod-small { width:75px; padding:0; margin:0; border:1px solid #E4EAF0; }
#cat-prod-small input.checkbox { border:1px solid #E4EAF0; width:100px; }
#cat-prod-small a { text-decoration:none; }
#cat-prod-small img { padding:0; margin:0; border:7px solid #FFF; }
.prod-desc-small { font-size:11px; padding:5px; word-wrap:break-word; width:75px; }
#cat-price-display-small { font-size:11px; }
#cat-price-display-small .price { color: #C16427; text-align:left; }
#cat-price-display-small .price-strike { color:#333333; text-decoration:line-through; }
#cat-price-display-small .price-sale { color:#8B2B26; }
/* regular */
#cat-prod { width:150px; padding:0; margin:0; border:1px solid #E4EAF0; }
#cat-prod a { text-decoration:none; }
#cat-prod img { padding:0; margin:0; border:7px solid #FFF; }
#cat-prod-spacer { width:10px; padding:0; margin:0; }
.menudef { background-color:#F7F8F9; cursor:pointer; }
.menuOver { background-color:#E4EAF0; cursor:pointer; }
#cat-prod.menuOver a { color:#333; }
.prod-desc { font-size:11px; padding:5px; word-wrap:break-word; width:140px; }
#cat-price-display { font-size:11px; padding:5px; }
#cat-price-display .price { color: #C16427; text-align:left; }
#cat-price-display .price-strike { color:#333333; text-decoration:line-through; }
#cat-price-display .price-sale { color:#8B2B26; }
#pagination { text-align:right; margin:0; padding:0; }
#storeCopy { padding:0 0 0 10px; margin:0; font-size:11px; font-weight:normal; font-style:normal; }
#storeCopy select { font-size:11px; }
#storeCopy .priceDropdown { padding:0 0 8px 0; margin:0; font-weight:normal; }
#storeCopy .cartBox { padding:0 0 8px 0; margin:0; font-weight:normal; }
.cartBox input { margin:6px 0 0 0; }
/* Side Container Styles
--------------------------------------------------*/
#Side { padding:0; margin:0; }
#Side dl { padding:0; margin:0 0 25px 0; font-size:11px; text-align:left; }
#Side dl dl { padding:0; margin:0; }
#Side dl dl dl { padding:0; margin:0; }
#Side dl dl dl dl { padding:0; margin:0; }
#Side dt { padding:4px 4px 4px 8px; margin:0; background-color:#F0F0ED; border-top:1px solid #E6E6E4; font-weight:bold; }
#Side dd { padding:0; margin:0; }
#Side dl dl a { padding:5px 0 5px 8px; margin:0px; display:block; background-color:#F9F9F8; border-bottom:1px dotted #E6E6E4; }
#Side dl dd a { padding:5px 0 5px 8px; margin:0px; display:block; background-color:#F9F9F8; border-bottom:1px dotted #E6E6E4; }
#Side dl dl dd a { padding:5px 0 5px 16px; margin:0px; display:block; background-color:#F9F9F8; border-bottom:1px dotted #E6E6E4; }
#Side dl dl dl dd a { padding:5px 0 5px 24px; margin:0px; display:block; background-color:#F9F9F8; border-bottom:1px dotted #E6E6E4; }
#Side dl dl dl dl dd a { padding:5px 0 5px 32px; margin:0px; display:block; background-color:#F9F9F8; border-bottom:1px dotted #E6E6E4; }
#Side a { text-decoration:none; color:#666666 }
#Side a:hover { background-color:#F0F0ED; }
/* For blog list containers */
#SideFeed { padding:0; margin:0; }
#SideFeed dl { padding:0 0 25px 0; margin:0; font-size:11px; text-align:left; }
#SideFeed dt { padding:7px 4px 7px 8px; margin:0; background-color:#F0F0ED; border-top:1px solid #E6E6E4; font-weight:bold; }
#SideFeed dd { padding:0; margin:0; }
#SideFeed a { padding:5px 0 5px 14px; margin:0; display:block; background-color:#F9F9F8; background-image:url(../fr/images/g/ic-add.gif); background-repeat: no-repeat; background-position:.3em .7em; }
#SideFeed a:hover { background-color:#F0F0ED; }
#SideFeed p { padding:0; margin:0; line-height:140%; font-size:11px; }
#SideFeed .feedTitle { display:none; }
#SideFeed .date { display:none; }
#creditfooter { display:none; }
.feedburnerFeedBlock ul { padding:0; margin:0; border:none; }
.feedburnerFeedBlock li { list-style-type:none; border-bottom:1px dotted #E6E6E4; }
.feedburnerFeedBlock div { padding:5px 0 5px 15px; margin:0; background-color:#F9F9F8; }
.feedburnerFeedBlock p { padding:0; margin:0 0 0 5px; }
/* Column Styles
--------------------------------------------------*/
#ColumnF { float:left; width:180px; margin:0 8px 10px 5px; text-align:left; }
#ColumnG { float:left; width:100%; margin:0 8px 0 0; text-align:left; }
#ColumnH { float:left; width:178px; margin:0 8px 0 0; text-align:left; }
#ColumnI { float:left; width:230px; margin:0; text-align:left; }
#ColumnJ { float:left; width:670px; margin:0 8px 0 0; text-align:left; font-size:12px; padding-right:40px; }
#ColumnK { width:760px; margin:0; text-align:left; font-size:12px; }
#ColumnL { float:left; width:566px; margin:0 8px 0 0; text-align:left; font-size:11px; }
#ColumnM { float:left; width:178px; margin:0; text-align:left; }
/* Store Specific Columns */
#ColumnN { float:left; width:230px; margin:0 8px 0 0; text-align:left; padding-right:40px; }
#ColumnO { float:left; width:670px; margin:0; padding:0; text-align:left; font-size:11px; }
#ColumnP { float:left; width:760px; text-align:left; padding:5px 0 0 0; }
#ColumnP h3 { font-size:16px; border-left:4px solid #CC6600; padding:0 0 0 5px; margin:15px 0 0 0; }
#ColumnP a { text-decoration:underline; color:#CC6600; }
#ColumnP a:hover { text-decoration:none; color:#CC6600; }
#ColumnP p { line-height:1.2em; padding:0 0 0 12px; }
#ColumnQ { float:left; width:350px; text-align:left; padding:0 10px 10px 0; font-size:12px; }
#ColumnR { float:left; width:229px; padding:0 0 0 40px; margin:0; text-align:left; border-left: 1px solid #E6E6E6; }
#ColumnR a img { border:1px solid #E6E6E6; padding:5px }
#ColumnS { float:left; width:390px; padding:0 0 0 5px; margin:0; text-align:left; }
/* Column Styles
--------------------------------------------------*/
#content01 { margin:10px 0 0 0; padding:0; width:600px; text-align:left; }
#side01 { margin:10px 0 0 15px; padding:0; width:100px; float:left; border-style:dotted; border-width:0 1px 0 0; border-color:#dadad9; text-align:left; }
#inside01 { margin:10px 0 0 8px; padding:0; width:450px; float:left; text-align:center; }
#inside01 h3 { text-align:left; }
#inside02 { margin:10px 0 0 8px; padding:0; width:370px; text-align:center; }
#inside02 h3 { text-align:left; }
/* =Photo Runarounds 
---------------------------------- */
#item01 { margin:0 10px 0 0; padding:0; }
#item01 .text { width:85%; text-align:justify }
#item01 img { /*border:solid 1px #E6E6E4;
	padding:4px;*/
}
/*#item01 ul { }
#item01 li{float:left; position:relative; padding:5px 10px 0 10px; background-image:url(../images/g/gr-arrow02.gif);
background-repeat: no-repeat; background-position:.3em .8em; 	list-style:none; list-style-type:none; margin:0; }
#item01 a { text-decoration:none; } */
#item01 .runaround { width:90px; margin:0; padding:0 15px 20px 0; float:left; }
#item01 .runaroundLarge { width:150px; margin:0; padding:0 15px 20px 0; float:left; }
#item02 { margin:0 0 10px 0; padding:0; }
#item02 img { border:solid 1px #E6E6E4; padding:4px; }
.item04 img { border:solid 1px #E6E6E4; padding:4px; }
#news { margin:0 0 0 0; padding:0; }
#news .text { width:auto; text-align:justify; min-height:200px; background:url(../images/g/new-bgr.png) repeat-x; }
#bodyRunaround { width:75px; min-height:170px; display:block; background-color:#FFF; }
#news .runaround { width:90px; margin:0; padding:0 15px 20px 0; float:left; }
#news .runaroundLarge { width:150px; margin:0; padding:0 15px 20px 0; float:left; }
#productFeature { margin:0 0 20px 0; }
#productFeature img { border:solid 1px #E6E6E4; padding:5px; }
#product img { border:none; }
#product h1 { margin:0; padding:4px 0 10px 0; color:#000000; }
#productcopy { font-weight:bold; font-size:12px; margin:0; padding:0; }
#productcopy a { color:#CC6600; }
#feature { padding:5px 0 5px 0; margin:0 0 10px 0; }
#productname span { padding: 0 0 20px 0; }
#marketContainer { padding:0; float:left; width:388px; margin:0 8px 0 0; text-align:left; }
#marketContainer a { text-decoration:none; }
#marketContainer a:hover { text-decoration:none; }
#bodyRunaround { width:90px; margin:0; float:left; }
#bodyRunaround01 { width:90px; margin:0; padding:0 15px 30px 0; float:left; }
#bodyRunaround01 img { border:solid 1px #E6E6E4; padding:4px; }
#bodyRunaround02 { width:190px; margin:0; padding:0 25px 5px 0; float:left; }
#bodyRunaround03 { width:225px; margin:0 0 5px 10px; padding:0; float:right; }
#bodyRunaround04 { width:225px; margin:0 0 5px 10px; padding:0; }
#copyright { padding:5px 0 5px 0; margin:0 0 10px 0; font-size:9px; border-bottom:1px solid #E7EBEA; text-align:right; color:#85888E; }
#copyright a { text-decoration:none; color:#85888E; }
#copyright a:hover { text-decoration:underline; color:#3E4C6A; }
#copyrightSmall { padding:5px 10px 0 0; margin:0; font-size:9px; text-align:right; color:#85888E; }
#versionsPrice { }
#productListImage { float:left; padding:20px 20px 10px 0; }
#productListImage img { border:0; }
#productListImage a { text-decoration:none }
#productListDetails { line-height:1.6em; padding:20px 0; }
#BorderZero img { border:0; }
.cartBox option, .cartBox select { font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#485056; }
#copyright { width:98%; padding:5px 0 5px 0; margin:0 0 25px 0; font-size:10px; border-bottom:1px solid #E7EBEA; text-align:right; color:#85888E; }
#copyright a { color:#0074D4; text-decoration:underline; }
#copyright a:hover { text-decoration:none; }
/* =Breadcrumb
---------------------------------- */
#breadcrumbcontainer { border-bottom:1px solid #F0F0ED; width:98%; padding:0 0 5px 0; margin:0 0 10px 0; color:#A8A9A5; }
#breadcrumbcontainer input { font-size:9px;/*border:1px solid #F0F0ED;
	color:#A8A9A5;
	
	padding:2px 5px;
	margin:0 0 5px 0;*/ }
#topbreadcrumb { float:left; padding:0; margin:0; color:#A8A9A5; text-align:left; font-size:11px; }
#topbreadcrumb a { color:#0074D4; text-decoration:underline; }
#topbreadcrumb a:hover { text-decoration:none; }
#language { float:right; padding:0; margin:0; text-align:right; font-size:11px; }
#language a { color:#0074D4; text-decoration:underline; }
#language a:hover { text-decoration:none; }
/* All Products Images
--------------------------------------------------*/

.reveal { width:100%; margin:0; padding:10px 0; text-align:left; }
.reveal a { border:0; padding:0 5px 0 0; font-size:12px; }
.reveal a:hover { border:0; }
.reveal img { vertical-align:inherit }
#promoarea { width:950px }
#promoarea img { padding:0; vertical-align:bottom }
#promoarea td, tr { margin:0; padding:0; vertical-align:bottom }
a.news1 { display:block; width: 244px; height:148px; background:url("../images/h/news1.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.news2 { display: block; width: 244px; height: 88px; background: url("../images/h/news2_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.news2b { display: block; width: 244px; height: 60px; background: url("../images/h/news2_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.news3 { display: block; width: 244px; height: 88px; background: url("../images/h/news3_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.news3b { display: block; width: 244px; height: 60px; background: url("../images/h/news3_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.news1 { background: url("../images/h/news1.hover.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.news2 { background: url("../images/h/news2-b.hover_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.news2b { background: url("../images/h/news2-b.hover_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.news3 { background: url("../images/h/news3.hover_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.news3b { background: url("../images/h/news3.hover_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.d_news1 { display:block; width: 244px; height:148px; background:url("../de/images/h/news1.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.d_news2 { display: block; width: 244px; height: 88px; background: url("../de/images/h/news2_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.d_news2b { display: block; width: 244px; height: 60px; background: url("../de/images/h/news2_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.d_news3 { display: block; width: 244px; height: 88px; background: url("../de/images/h/news3_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a.d_news3b { display: block; width: 244px; height: 60px; background: url("../de/images/h/news3_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.d_news1 { background: url("../de/images/h/news1.hover.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.d_news2 { background: url("../de/images/h/news2-b.hover_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.d_news2b { background: url("../de/images/h/news2-b.hover_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.d_news3 { background: url("../de/images/h/news3.hover_01.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
a:hover.d_news3b { background: url("../de/images/h/news3.hover_02.jpg") 0 0 no-repeat; margin:0 15px 0 0; padding:0 }
/* Pictures
-------------------------------------------------------------*/
#gal-img_dl { display:block; width:100%; height:150px; }
.gal-img_descr { margin: 10px 0 0 268px; background-image:url(../images/g/gal-bgr.png); height:150px; padding:5px }
a.gal-dl { float:right; padding:10px; display:block; background-image:url(../images/g/gal-dl.png); width:95px; background-repeat:no-repeat }
a:hover.gal-dl { background-image:url(../images/g/gal-dl-hover.png) }
.gal-text { color: #0074D4; text-decoration:underline }
.search a { color:#666; display:block; border:1px dotted #E6E6E4; margin:0px; padding:4px 0 4px 5px; text-decoration:underline; width:300px; background-color:#FFFFFF; font-size:10px; text-align:left }
.search a:hover { color:#464D54; display:block; border:1px dotted #E6E6E4; margin:0px; padding:4px 0 4px 5px; text-decoration:underline; background-color:#FFFFFF }
.nodisplay { vertical-align:top }
.nodisplay a { color:#FFFFFF; display:block; border:1px dotted #E6E6E4; margin:0px; padding:4px 0 4px 5px; text-decoration:none; background-color:#000000; font-size:10px; text-align:left; cursor:default; vertical-align:top }
.nodisplay a:hover { color:#FFFFFF; display:block; border:1px dotted #E6E6E4; margin:0px; padding:4px 0 4px 5px; text-decoration:none; background-color:#000000; font-size:10px; text-align:left; cursor:default }
.press { border:1px solid #CCCCCC; padding:6px; -moz-border-radius:6px; border-radius:6px; width:400px; float:left; margin-left:5px; }
.press_actif { border:1px solid #CCCCCC; padding:6px; -moz-border-radius:6px; border-radius:6px; width:auto; float:left; margin-right:5px; }
.hidden_titre { width:490px; overflow:hidden; height:18px; }
.hidden_fichier { width:140px; overflow:hidden; height:18px; }
#news th { font-weight:bold; color:#CCCCCC; border-bottom:none; }
#news input.text, input.title { background-color:#EEEEEE }
#mini-barre { width:100%; height:100px; color:#CCC; bottom:-80px; position:fixed; border:#999 1px solid; background:#000 url(../images/g/bg-minibarre.png) repeat-x; font-size:12px; }
#mini-barre:hover { bottom:0; }
#mini-barre-content { width:950px; margin:auto }
#mini-titre { width:90px; border-right:#999 1px solid; font-weight:100; font-size:9px; float:left; margin-right:15px; background:url(../images/g/ico.png) no-repeat; padding-left:25px; vertical-align:middle }
#mini-icones img { margin-top:2px; padding:0 1px 0 1px }
#bt-newsletter { background:url(../images/g/newsletter.jpg) no-repeat left; height:40px; padding:15px 0 0 15px }
#a-newsletter { text-decoration:none; color:#09F }
#a-newsletter b { color:#FFF; font-size:14px; font-weight:bold }
#a-newsletter span { margin-left:45px; font-size:11px; font-weight:bold }
.bt-button-left { width:316px; float:left; text-align: left; }
.bt-button-center { width:316px; float:left; text-align: center; }
.bt-button-right { width:316px; float:left; text-align: right; }
#debug { width:300px; z-index:500; background-color:#F90; color:#333; position:absolute; border:solid 10px #039; padding:15px; overflow:auto }
/***** bottom *****/
 
* {margin: 0; padding: 0; outline: none;}
img {border: none;}
 
#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #000 url(http://www.garmin.ch/images/g/bg-minibarre.png);
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 100%;
	margin: 0;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #CCC; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px 15px ;
	float: left;
 	text-indent: -9999px; 
	height: 16px; width: 16px;
	text-decoration: none;
	color: #FFF; font-size:10px;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #333; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(http://www.garmin.ch/images/g/ico.png) no-repeat 15px center;
	width: 100px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}
a.webupdater{	background: url(http://www.garmin.ch/images/g/ic-webupdater-sm.png) no-repeat center center;   }
a.connect{	background: url(http://www.garmin.ch/images/g/ic-trainingcenter-sm.png) no-repeat center center; }
a.basecamp{	background: url(http://www.garmin.ch/images/g/ic-basecamp-sm.png) no-repeat center center; }
a.mapsource{	background: url(http://www.garmin.ch/images/g/ic-mapsource.png) no-repeat center center; }
a.communicator{	background: url(http://www.garmin.ch/images/g/ic-communicator-sm.png) no-repeat center center; }
a.ant{	background: url(http://www.garmin.ch/images/g/ic-ant-sm.png) no-repeat center center; }
a.teamviwever{	background: url(http://www.garmin.ch/images/g/ic-teamviewer-sm.png) no-repeat center center; }
a.topo{	background: url(http://www.garmin.ch/images/g/ic-unlock.png) no-repeat center center; } 
a.lifetime{	background: url(http://www.garmin.ch/images/g/ic-lifetime-sm.png) no-repeat center center; }
a.mac{	background: url(http://www.garmin.ch/images/g/ic-mac-sm.png) no-repeat center center; }
a.usb{	background: url(http://www.garmin.ch/images/g/ico.png) no-repeat center center; }
#footpanel a.chat{	
	background: url(balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{	background: url(http://www.garmin.ch/images/g/ic-unlock.png) no-repeat center center;	 }

#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center; min-height:120px;
	width: 150px; 
	background: url(http://www.garmin.ch/images/g/pop_arrow-big.gif) no-repeat center bottom;
	padding: 1px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute; height:auto;
	top: -135px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel a small span{
	padding:10px; margin:5px 0 0 0
}

#footpanel a small span strong{
	font-size:11px; text-decoration:underline; 
}





#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: #000;
	padding: 5px 10px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 10px;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

 
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}


#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
 
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}

/* end bottom */