html, body {height: 100%;	margin: 0;}

/* General elements properties */
html {background: #efefef url(/gfx/gui/html.png);}
body {font: 90% "Trebuchet MS", sans-serif;}
form {margin: 0}
/* prend le dessus sur div#ProdDetailPromoPrice h1 sous firefox... Va comprendre charles...
a {color: #b43dd8; font-weight: bold;}
a:hover {color: #b43dd8;}
*/
img {border: none;}
/* test de hack png avec couche alpha pour IE
 img, { behavior: url("/css/iepngfix.htc") }
*/

/* global=content+sidebar+20 */
div#global {min-height: 100%; width: 1000px; margin: 0 auto; padding: 0 10px; position: relative; background: url(/gfx/gui/global.png) center repeat-y;}

div#header {background: #c80000 url(/gfx/gui/header.png) repeat-x; color: #fff; padding-top: 4px; padding-left: 4px;	padding-right: 20px; padding-bottom: 4px;	height: 102px; position: relative;}
div#header h1 {margin: 0;	background: #f00 url(/gfx/gui/header.png) repeat-x;	color: #fff; padding: 6px; position: relative;}	
#header .MerchantLogo {width: 342px;	height: 112px; position: absolute;}
#header .AdsClassic {width: 468px; height: 60px;	float: right;	padding-top: 16px; position: relative;}
#header .TimeStamp {float: right; vertical-align: bottom; font-size: 14px; color: #fff; position: relative;}

div#footer {position: absolute; width: 1000px; bottom: 0; background: #c80000 url(/gfx/gui/footer.png) repeat-x; color: #fff; text-align: center;}
div#footer p {margin: 2px 0; font-size: 0.9em;}
div#footer a {color: #fff; font-weight: bold;}

div#content {float: left; width: 790px;	margin-left: 10px;}
/* div#content h2 {padding-left: 35px;	background: #fff url(/gfx/gui/titre.png) left center no-repeat;	color: #b43dd8;} */
div#content h3 {color: #c80000; font-variant: small-caps;}	

/* Pour éviter la superposition du pied de page et du contenu : */
div#center {padding-bottom: 50px;	overflow: auto; padding-top: 8px}
div#sidebar {float: right; width: 175px; padding-right: 10px; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
div#sidebar h3 {color: #c80000;}
div#sidebar a:hover {color: #c80000;}
div#sidebar h3, div#footer p, div#sidebar p  {padding: 0 10px;}
 
div#sidemenu {float:left; width:175px; margin:0px;}

/* Sidebar menu definition */
ul#menu {margin: 0; padding: 0; list-style: none;}

/* pour centrer parfaitement la fenêtre, il faut une marge négative de 20 pixels */
div#SysMsg {position: absolute; left: 25%; right: 50%; z-index: 100; margin-left: -10px;}
div#SysMsgWindow {width: 380px; background: #000; border: 1px solid #000; padding: 2px; margin-top: 180px;}
div#SysMsgWindow .WindowHeader {height: 18px; padding-left: 2px; margin: 0px; background: url("/gfx/gui/SysMsgWindow_h1.png") repeat-x; color: #fff; font: 14px Verdana, Arial, Helvetica; font-weight: bold;}
div#SysMsgWindow .inner {position: relative; background: #fff url("/gfx/gui/SysMsgWindow_inner.png") repeat-x bottom;}
div#SysMsgWindow .inner p {text-align: justify; margin:0px; padding: 4px;}
div#SysMsgWindow .alert {float: left; height:128px; width: 72px; background: #fff url("/gfx/gui/SysMsgWindow_ico_alert.png") no-repeat center; margin: 4px; padding: 8px; border: 1px solid #DEDEDE;}
div#SysMsgWindow .err {float: left; height:128px; width: 72px; background: #fff url("/gfx/gui/SysMsgWindow_ico_err.png") no-repeat center; margin: 4px; padding: 8px; border: 1px solid #DEDEDE;}
div#SysMsgWindow .WindowButton {position: absolute; bottom: 4px; right: 4px;}
div#SysMsgWindow .LeftButton {}
div#SysMsgWindow .RightButton {padding-right: 8px;}
div#SysMsgWindow .WindowBtn_apply {background: url("/gfx/gui/SysMsgWindow_dialog-btn_apply.png") top left no-repeat; padding-left: 20px;}
div#SysMsgWindow .WindowBottom {height: 3px; background: #000;}

/* Menu Login et Logout */
div#MenuLogin h1 {padding-left: 4px; font-size: 10px; font-weight: bold; color: #c00; display: none;}
div#MenuLogin {color: #000; font: 11px Verdana, Arial, Helvetica; font-weight: bold;}
div#MenuLogin ul {border: 0px; margin: 0; padding: 0}
div#MenuLogin li {display:block;padding-left: 10px;background: url(/gfx/gui/r_m1_li.gif) no-repeat left center; color: #000; font: small-caps 10px Verdana, Arial, Helvetica; text-decoration: none;}
div#MenuLogin li a {color: #000; font: 11px Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold;}
div#MenuLogin button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; font-weight:bold; color:#fff; background: #000 url(/gfx/gui/r_m1_button.png) repeat-x; margin:1px; border:1px solid #ff0000; padding:0 4px 0 4px;}
div#MenuLogin button:hover {background: #000 url(/gfx/gui/r_m1_button_hover.png) repeat-x; color:#000;}
div#MenuLogin input {color:#000; border: 1px solid #c00;}
.MenuLogin_h1 {height: 12px; width: 164px; background: url(/gfx/gui/r_m1_h1.png) no-repeat;}
.MenuLogin, .MenuLogout {width: 164px; background: #fbb url(/gfx/gui/r_m1_inner_bg.png) bottom repeat-x;}
.MenuLogin .t1, .MenuLogout .t1 {height: 2px; width: 164px; background: url(/gfx/gui/r_m1_top.png) no-repeat;}
.MenuLogin .b1, .MenuLogout .b1 {height: 2px; width: 164px; background: url(/gfx/gui/r_m1_bottom.png) no-repeat;}
.MenuLogin .inner, .MenuLogout .inner {padding: 6px;background: url(/gfx/gui/r_m1_bg.png) repeat-y;}
.MenuLogout .inner {text-align: center;}
.MenuLogin .spacer {height: 4px; background:transparent url(/gfx/gui/h_dotted.png) repeat-x center;}

/* Propriétés génériques des menus */
.MenuInfo, .MenuAboutUs, .MenuCart, .MenuUserInfo {width: 164px; background: #cccbeb url(/gfx/gui/r_mg_inner_bg.png) bottom repeat-x;}
.MenuInfo .t1, .MenuAboutUs .t1, .MenuCart .t1, .MenuUserInfo .t1 {height: 2px; width: 164px; background: url(/gfx/gui/r_mg_top.png) no-repeat;}
.MenuInfo .b1, .MenuAboutUs .b1, .MenuCart .b1, .MenuUserInfo .b1 {height: 2px; width: 164px; background: url(/gfx/gui/r_mg_bottom.png) no-repeat;}
.MenuInfo .inner, .MenuAboutUs .inner, .MenuCart .inner, .MenuUserInfo .inner {padding: 6px;background: url(/gfx/gui/r_mg_bg.png) repeat-y;}
div#MenuInfo, .div#MenuAboutUs, .div#MenuCart, .div#MenuUserInfo {color: #000; font: small-caps 11px Verdana, Arial, Helvetica; font-weight: bold;}
div#MenuInfo ul, div#MenuAboutUs ul, div#MenuCart ul, div#MenuUserInfo ul {border: 0px; margin: 0; padding: 0}
div#MenuInfo li, div#MenuAboutUs li, div#MenuCart li, div#MenuUserInfo li {display:block;padding-left: 10px;background: url(/gfx/gui/r_mg_li.png) no-repeat left center; color: #000; font: small-caps 10px Verdana, Arial, Helvetica; text-decoration: none;}
div#MenuInfo li a, div#MenuAboutUs li a , div#MenuCart li a, div#MenuUserInfo li a {color: #000; font: 11px Verdana, Arial, Helvetica; font-weight: bold; text-decoration: none;}
.MenuSpacer {height: 8px; width: 164px;}

/* Menu Aide & infos */
.MenuInfo_h1 {height: 12px; width: 164px; background: url(/gfx/gui/r_m5_h1.png) no-repeat;}
div#MenuInfo h1 {padding-left: 4px; font-size: 10px; font-weight: bold; color: #524ea1; display: none;}

/* Menu A propos de nous */
.MenuAboutUs_h1 {height: 12px; width: 164px; background: url(/gfx/gui/r_m6_h1.png) no-repeat;}
div#MenuAboutUs h1 {padding-left: 4px; font-size: 10px; font-weight: bold; color: #524ea1; display: none;}

/* Menu Caddy */
.MenuCart_h1 {height: 12px; width: 164px; background: url(/gfx/gui/r_m3_h1.png) no-repeat;}
div#MenuCart h1 {padding-left: 4px; font-size: 10px; font-weight: bold; color: #524ea1; display: none;}
div#MenuCart button {font: 12px Arial, Helvetica, sans-serif; color:#fff; font-weight: bold; text-transform: uppercase; background: #000 url(/gfx/gui/r_m3_button.png) repeat-x; margin:1px; border:1px solid #a874d0; padding:0 4px 0 4px;}
div#MenuCart button:hover {background: #000 url(/gfx/gui/r_m3_button_hover.png) repeat-x; color:#000;}

/* Menu User Infos */
.MenuUserInfo_h1 {height: 12px; width: 164px; background: url(/gfx/gui/r_m4_h1.png) no-repeat;}
div#MenuUserInfo h1 {padding-left: 4px; font-size: 10px; font-weight: bold; color: #524ea1; display: none;}

/* Servicebar menu definition */
/* div#servicebar {height:22px; padding:6px; background: url(/gfx/gui/footer.png) repeat-x;} */
div#servicebar {height:22px; padding:6px; font-family: Arial, Helvetica, sans-serif;}
div#servicebar form {margin: 0; font-size: 11px; font-weight:bold; color:#fff;}
div#servicebar input {font-size: 11px; color:#000;}
div#servicebar select {font-size: 11px; color:#000;}
div#servicebar button {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#fff; background: #000 url(/gfx/gui/buton_service_bar_off.png) repeat-x; margin:1px; border:0px; padding:0 4px 0 4px;}
div#servicebar button:hover {background: #000 url(/gfx/gui/buton_service_bar_on.png) repeat-x; color:#000;}
div#servicebar a {color: #fff;}

/* Search engine */
div#search {float: left; padding-right: 8px; margin-right:8px; border-right: 2px dotted #fff;}
div#newsletter {float: left; padding-right: 8px; margin-right:8px; border-right: 2px dotted #fff;}
div#community {float: left; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

/* Affichage des promotions */
/*div#promos {background: #fff url(/gfx/gui/c1_vgrad.gif) repeat-x;	padding: 1px; height:180px;}*/
div#promos {background: #fff; padding: 1px;}
div#promos a {font-weight: bold; color: #000;}

/* Affichage du TOP des ventes */
div#TopItemOnFocus {background: #fcfcfc url(/gfx/gui/newItems_bkgrnd.png) repeat-x bottom;}
div#TopItems legend {color: #C00; font-weight: bold; text-transform: uppercase; padding-right: 0.5em;}
div#TopItems label {padding: 0.5em;}
div#TopItems {float: left; width: 50%; margin-right: 6px;}

/* Affichage des nouveautés */
div#NewItemOnFocus {background: #fcfcfc url(/gfx/gui/newItems_bkgrnd.png) repeat-x bottom;}
div#NewItems legend {color: #0B5; font-weight: bold; text-transform: uppercase; padding-right: 0.5em;}
div#NewItems label {padding: 0.5em;}
div#NewItems {width: auto; margin-left: 6px;}

/* Affichage des infomerciales */
div#news {clear:both;}
div#news legend {color: #48C; font-weight: bold; text-transform: uppercase; padding-right: 0.5em;}
div#news label {padding: 0.5em;}
#news .newsRow {float: left; width: 50%; background: #fcfcfc url(/gfx/gui/newItems_bkgrnd.png) repeat-x bottom;}
#news .newsRow a {color: #000; text-decoration: none;}
#news .newsRow strong {color: #48C; font-weight: bold;}

/* Affichage des promotions */
.CatPromo {background: #fff url(/gfx/gui/CatPromoBgLeft.png) no-repeat scroll left bottom; width:197px; height: 180px; float: left; margin: 10px 0px 0px 0px;}
* html .CatPromo {background-position: 0px 52px;}
.CatPromo .inner {background: transparent url(/gfx/gui/CatPromoBgRight.png) no-repeat scroll right bottom; height: 180px; text-align: center;}
.CatPromo .photo {text-align: center;}
.CatPromo .photo a{display: block; width: 100px; margin: 0px 45px; line-height: 100px;}
.CatPromo .mainpromoprice {color: #ff3600; font-size: 18px; font-weight: bold;}
.CatPromo .mainnormalprice {color: #000000; font-size: 12px; font-weight: bold; text-decoration: line-through;}
.CatPromo .alternatenormalprice {color: #aaa; font-size: 12px; font-weight: bold;}
.CatPromo .prodname {color: #000; font-weight: bold; font-size: 11px;}
.CatPromo .tagline {color: #444; font-weight: normal; margin: 4px 0px 10px; font-size: 11px;}
.CatPromo .more {float: right; overflow: hidden; padding-top: 3px; text-align: right; white-space: nowrap;}
.CatPromo .more a {color: #9a9a9a; text-decoration: none;}

/* Affichage des TDG */
/*div#tdg {background: #fff url(/gfx/gui/c1_vgrad.gif) repeat-x; padding: 1px; height:180px;}*/
div#tdg {background: #fff; padding: 1px; height:180px;}
div#tdg a {font-weight: bold; color: #000;}
div#tdg h1 {display:inline; padding-left: 8px; background: url(/gfx/gui/pointer.gif) left center no-repeat; font-size: 11px; font-weight: bold; color: #000;}

.CatTDG {background: #fff url(/gfx/gui/CatPromoBgLeft.png) no-repeat scroll left bottom; width:197px; height: 100%; float: left;}
* html .CatTDG {background-position: 0px 52px;}
.CatTDG .inner {background: transparent url(/gfx/gui/CatPromoBgRight.png) no-repeat scroll right bottom; height: 100%; text-align: center;}
.CatTDG .TDGico {padding: 0px;}
.CatTDG .photo {text-align: center;}
.CatTDG .photo a{display: block; width: 100px; margin: 0px 45px; line-height: 100px;}
.CatTDG .mainnormalprice {color: #ff3600; font-size: 18px; font-weight: bold; text-decoration: none;}
.CatTDG .alternatenormalprice {color: #aaa; font-size: 12px; font-weight: bold;}
.CatTDG .prodname {color: #000; font-weight: bold; font-size: 11px;}
.CatTDG .tagline {color: #444; font-weight: normal; margin: 4px 0px 10px; font-size: 11px;}
.CatTDG .more {float: right; overflow: hidden; padding-top: 3px; text-align: right; white-space: nowrap;}
.CatTDG .more a {color: #9a9a9a; text-decoration: none;}

/* Affichage du top 10 */
.CatBestSellers .inner {width: 50%; float: left;}
.CatBestSellers .photo {text-align: left; padding: 4px;}
.CatBestSellers .prodname {color: #000; font-weight: bold; font-size: 11px;}
.CatBestSellers .tagline {color: #444; font-weight: normal; margin: 4px 0px 10px; font-size: 11px;}

/* Affichage de l'arborescence du catalogue */
.CatList {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: left}
.CatList LI {DISPLAY: block; LIST-STYLE-TYPE: none}
.CatListItem {PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 13px; PADDING-BOTTOM: 4px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-DECORATION: none}
.CatListItemHL {PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 13px; PADDING-BOTTOM: 4px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-DECORATION: none}
.CatListSubItem {PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 13px; PADDING-BOTTOM: 4px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-DECORATION: none}
.CatListSubItemHL {PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 13px; PADDING-BOTTOM: 4px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-DECORATION: none}
.CatListItem {BACKGROUND: url(/gfx/gui/CatArrow1.gif) no-repeat 2px 5px; COLOR: #515151; BORDER-BOTTOM: #9a9a9a 1px solid}
.CatListItem:hover {COLOR: #000000; BACKGROUND-COLOR: #f0f0f0}
.CatListItemHL:hover {COLOR: #000000; BACKGROUND-COLOR: #f0f0f0}
.CatListItemHL {PADDING-LEFT: 16px; FONT-WEIGHT: bold; BACKGROUND: url(/gfx/gui/CatArrow3.gif) no-repeat 2px 9px; COLOR: #515151; BORDER-BOTTOM: #9a9a9a 1px solid}
.CatListItemHL IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
.CatListSubItem {PADDING-LEFT: 19px; BACKGROUND: url(/gfx/gui/CatArrow2.gif) no-repeat 11px 9px; COLOR: #666666}
.CatListSubItemHL {PADDING-LEFT: 19px; COLOR: #ffffff; BACKGROUND-COLOR: #999999}
.CatListSubItem:hover {BACKGROUND-COLOR: #f0f0f0}

/* Listing produits */
div#ItemsListing fieldset {border: 0px; background: #fefefe url(/gfx/gui/newItems_bkgrnd.png) repeat-x bottom; padding: 4px;}

.ItemList th {text-transform:uppercase;font-weight:bold;font-size:12px;text-align:center;white-space:nowrap;border-right:1px solid #515151;padding-left:4px;padding-right:4px;}
.ItemList th a {color:#000000;text-decoration:none;}
.ItemList th a:hover {color:#666666;}
.ItemList_brands_HL {background: #AD99EE; height: 2px;}
.ItemListHLine {background:URL(/images/gui/main/ProdListHLine.gif);height:8px;text-align:center;}
.ItemListHLine td {border-right:1px solid #FFFFFF;}
.ItemListBLine {background:URL(/images/gui/main/ProdListBLine.gif);height:24px;text-align:center;color:#FFFFFF;}
.ItemListBLine a {color:#aeaeae;text-decoration:none;}
.ItemListBLine a:hover{color:#FFFFFF;text-decoration:none;}
.ItemListL1 td, .ProdListL2 td {border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.ItemListL1 {background:#F7F7F7;}
.ItemListL2 {background:#FFF;}
.ItemListL1 .Carac , .ItemListL1 .Desc { background-color: #F7F7F7;}
.ItemListL2 .Carac , .ItemListL2 .Desc { background-color: #FFF;}
.ItemList .ItemThumb {padding: 1px; max-height:109px;max-width:109px; text-align: center;}
.ItemList .ItemThumb img {border:0px;}
.ItemList .ItemBrand {text-align:center;white-space:nowrap;padding:3px;}
.ItemList .ItemBrand a {color:#000000;text-decoration:none;}
.ItemList .ItemBrand a:hover {color:#528DC7;}
.ItemList .ItemName {color:#2181CB;padding:5px; padding-right: 8px; background-position: top right; background-repeat: no-repeat;}
.ItemList .ItemName a {color:#0044cc;font-size:12px;margin:0px;font-weight:bold;text-decoration:none;}
.ItemList .ItemName p {padding: 0px; margin: 0px; color:#000;}
.ItemList .ItemPrice {color:#C00;text-align:right;font-weight:bold; padding-right: 8px; white-space:nowrap;}
.ItemList .ItemTotalPrice {text-align:right;font-weight:bold; padding-right: 8px; white-space:nowrap;}
.ItemList .ItemCheckBox {text-align: center;}
.ItemList .ItemAltPrice {color:#BEBEBE;}
.ItemList .ItemCart {text-align:center;white-space:nowrap;}
.ItemList .ItemAvailability {text-align:center;white-space:nowrap;}
.ItemList .ItemQty {text-align:center;white-space:nowrap;}
.ItemList .TagLine {font-size:9px;}
.ItemList .RefID a {color:#0044cc;font-size:12px;margin:0px;font-weight:bold;text-decoration:none;}}
.ItemList .BillingDate {text-align: center;}
.ItemList .BillingTotalPrice {text-align: right;}
.ItemList .BillingStatus {text-align: center;}
.ItemList .CRM {text-align: center;}

#ItemsListing .ToolbarText {float: right; height:12px; font-weight: bold;}
#ItemsListing .ToolbarIcon {float: left;}

.ItemListHLine {background:URL(/gfx/gui/ProdListHLine.gif); height:8px;text-align:center;}
.ItemListHLine td {border-right:1px solid #FFFFFF;}
.ItemListBLine {background:URL(/gfx/gui/ProdListBLine.gif);height:24px;text-align:center;color:#FFFFFF;}
.ItemListBLine a {color:#aeaeae;text-decoration:none;}
/*.ItemList .ItemThumb, .ItemList .ItemName p {display: none;}*/

/* Fiches détail des produits */
div#ProdDetail ul {list-style-type: none; padding: 0; margin: 0;}
div#ProdDetail li {color: black; list-style-type:none; background-image:url(/gfx/gui/ul_ProdDetailInfos.png); background-repeat:no-repeat; background-position:2px 5px; padding-left: 14px;}
div#ProdDetail p {color: black; text-align: justify; margin:0; padding:0}

.ProdDetailHR {background: url(/gfx/gui/ProdHDotsFaded.png) no-repeat left center; height: 10px; border: 0; margin:0; padding:0}
.ProdSmallTitle {font-size: 10px; font-weight: bold; text-transform: uppercase; color:#888;background: #ffffff; padding-left: 3px; padding-right: 3px; margin-left: 10px; background: #ffffff; color: #999}
.SmallTitleHR {background: url(/gfx/gui/ProdHDotsFaded.png) no-repeat left center; border: 0; margin:0; padding:0}

div#ToolBar {text-align: right;}

div#ItemDesc {clear:both;}
div#ItemDesc h1 {float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ff6600; text-transform: uppercase; margin:0;}
div#ItemDesc h2 {float: right; margin:0;}
div#ItemDesc h2 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;  color: #fff; background: #888 url(/gfx/gui/ico_back_to_top_on.png) no-repeat 100% 2px; padding: 2px; padding-right: 14px; border: solid 2px #888;}
div#ItemDesc h2 a:hover {color: #888; background: #fff url(/gfx/gui/ico_back_to_top_off.png) no-repeat 100% 2px;}

div#ProdDetailPromoPrice {width: 170px; border: 1px solid #c00; background: #fff800 url(/gfx/gui/PromoPriceBG.png) repeat-x bottom; text-align:center;}
div#ProdDetailPromoPrice h1 {padding: 0px;margin: 0px; background: #c00; font-size: 10px; color: #ffffff;}
div#ItemInfo {font-size: 12px; color: #000; display:table;}
div#ItemInfo a {font-size: 12px; color: #02b}

div#ProdDetailMainPicture {float: left; width: 260px; text-align: center;}
div#ProdDetailMainPicture imge {float: left; width: 260px; text-align: center;}
div#ProdDetailMainPicture h1 {margin:0; text-transform: uppercase; color:#000; font-size: 14px; font-weight: bold; text-align: right; padding-right: 5px;}
/* on utilise le min-height pour avoir une colonne centrale toujours de la même hauteur) */

div#ProdDetailInfos {float: left; padding: 4px; background: url(/gfx/gui/ProdDetailInfosBG.gif) repeat-x; background-position: bottom left; border-left: 1px dotted #888; border-right: 1px dotted #888; min-height: 365px; width: 250px;}
div#ProdDetailInfos button {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#fff; text-transform: uppercase; background: url(/gfx/gui/ico_pd_add2cart.png) no-repeat; border:0px; width: 200px; height: 26px;}
div#ProdDetailInfos button:hover {background: url(/gfx/gui/ico_pd_add2cart_hover.png) no-repeat; color:#000;}

div#ProdDetailServices {float: left; width: 250px; padding: 4px;}

span#ItemOriginalPrice {color: #c00; font-size: 24px; font-weight: bold;}
span#ItemOriginalAltPrice {color:#BEBEBE;}
span#ItemOriginalFreeShipping {color: #c00; font-size: 10px; font-weight: bold; text-transform: uppercase;}
span#ItemPromoPrice {color: #c00; font-size: 24px; font-weight: bold;}
span#ItemPromoOriginalPrice {color: #000; font-size: 16px; text-decoration: line-through;}
span#ItemPromoAltPrice {color:#BEBEBE;}
span#ItemPromoFreeShipping {color: #c00; font-size: 10px; font-weight: bold; text-transform: uppercase;}

div#ItemNavBar {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase;}
div#ItemNavBar span {border-right: 2px solid #888; color:#888; padding-right: 2px;}
div#ItemNavBar span a {color: #000; text-decoration:none;}
.ItemTitleDeco {clear: both; height: 6px; background: #888;}

/* product availability icons and description */
div#ProductAvailability_0, div#ProductAvailability_1, div#ProductAvailability_2, 
div#ProductAvailability_3, div#ProductAvailability_4, div#ProductAvailability_5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
div#ProductAvailability_0 {color: #f00;}
div#ProductAvailability_1 {color: #a4e137;}
div#ProductAvailability_2 {color: #3191f5;}
div#ProductAvailability_3 {color: #ff7200;}
div#ProductAvailability_4 {color: #f00;}
div#ProductAvailability_5 {color: #cccccc;}

div#CatTreeList1 h2, div#CatTreeList2 h2, div#CatTreeList3 h2, div#CatTreeList4 h2,
div#CatTreeList5 h2, div#CatTreeList6 h2, div#CatTreeList7 h2, div#CatTreeList8 h2,
div#CatTreeList9 h2, div#CatTreeList10 h2, div#CatTreeList11 h2, div#CatTreeList12 h2,
div#CatTreeList13 h2 {margin:0px;padding-bottom:5px;line-height:18px;text-transform: uppercase;font-weight:normal;text-align:center;font-size:11px;background: url(/gfx/gui/cat_default.png) no-repeat;color:#FFFFFF;color:expression( navigator.appVersion.toString().replace(/.*msie (\d).*/i, '$1') < 7 ? '#000000' : '#FFFFFF' );}

div#CatalogCatList {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color:#000; text-transform: uppercase;}
div#CatalogCatList a {color:#04c; text-decoration:none;}
div#CatalogCatList a:hover {color: #08f;}
div#CatalogCatList p {margin: 0px; font-size: 16px; color: #c00;}
div#CatalogCatList img {background: #fff}

.liste_dl_1 {float:left;color:#37349f;font-family:Verdana;font-size:12px;width:100%;}
.liste_dl_1 a {color: #000;}
.liste_dl_1 div.price{font-size:0.8em;font-weight: bold;float:right;color:#c00;margin:1px 3px 0 0}
.liste_dl_1 div.spacer{clear:both;background:transparent url(/gfx/gui/h_dotted.png) repeat-x scroll 0 0;font-size:1px;height:1px;line-height:0;padding:0 10px}

.liste_dl_2 {float:left;color:#37349f;font-family:Verdana;font-size:12px;width:100%; background: #f7f7f7;}
.liste_dl_2 a {color: #000;}
.liste_dl_2 div.price{font-size:0.8em;font-weight: bold;float:right;color:#c00;margin:1px 3px 0 0}
.liste_dl_2 div.spacer{clear:both;background:transparent url(/gfx/gui/h_dotted.png) repeat-x scroll 0 0;font-size:1px;height:1px;line-height:0;padding:0 10px}

.moreitems a {padding-left: 8px; background: url(/gfx/gui/pointer.gif) left no-repeat; float:right; font-size: 11px; font-weight: bold; color: #000;}

.NavBar {height: 5px; background: #000}

/* HelpBox */
.HelpBox {font: 14px Verdana, Arial, Helvetica;}
.HelpBox h1 {margin: 0px; font-size: 14px; color: #ff7c00; font-weight: bold;}
.HelpBox .inlay {border: 1px solid #c0c1c1; background: #fff url('/gfx/infobulle_vgrad_grey.gif') repeat-x top; padding: 2px;}
.HelpBox .inlay p {margin: 0px; font-size: 11px; color: #3d505a; font-weight: bold; text-align: justify;}

div#ReturnCustommer {text-align:left; font: 14px Verdana, Arial, Helvetica;}
div#NewCustommer {text-align:right; font: 14px Verdana, Arial, Helvetica;}

/* Authentification nécessaire */
div#ReturnCustommer {background: #fff url('/gfx/gui/ReqAuth_Rbg.png') no-repeat 520px 0;}
div#ReturnCustommer fieldset {border: 2px solid #CDCDCD; background: #fff url('/gfx/gui/ReturnCustommer_bg.png') repeat-x bottom; padding: 4px;}
div#ReturnCustommer legend {color: #000; text-transform: uppercase; font-weight: bold;}
div#ReturnCustommer .title {margin: 0px; color: #528dc7; font-size: 11px; text-transform: uppercase;}
div#ReturnCustommer p {text-align: justify; font-size: 12px;}
div#ReturnCustommer a {color: #ff6600; font-weight: bold; text-decoration: none;}
div#ReturnCustommer a:hover {color: #ff6600;}

div#NewCustommer {background: #fff url('/gfx/gui/ReqAuth_Lbg.png') no-repeat 75px 0;}
div#NewCustommer fieldset {border: 2px solid #CDCDCD; background: #fff url('/gfx/gui/NewCustommer_bg.png') repeat-x bottom; padding: 4px;}
div#NewCustommer legend {color: #000; text-transform: uppercase; font-weight: bold;}
div#NewCustommer .title {margin: 0px; color: #528dc7; font-size: 11px; text-transform: uppercase;}
div#NewCustommer p {text-align: justify; font-size: 12px;}
div#NewCustommer a {color: #ff6600; font-weight: bold; text-decoration: none;}
div#NewCustommer a:hover {color: #ff6600;}

/* Modes de paiements */
div#PaymentModes {font-family:Verdana;}
div#PaymentModes .logo {padding: 2px; border-right: 1px solid #ccc; text-align: center; width: 128px; font-size: 12px; font-weight: bold;}
div#PaymentModes .description {padding: 4px; text-align: justify; font-size: 12px; background: #eee url(/gfx/gui/form_pm_desc_background.png) bottom repeat-x;}
div#PaymentModes .radiobutton {padding: 2px; background: #e0e0e0; vertical-align: middle; width: 18px;}
#PaymentModes h1 {background: #b00; color:#fff; font-weight: bold; font-size: 16px; padding: 2px; text-align: center; margin: 0px;}
#PaymentModes p {margin: 0px;}
#PaymentModes thead {background: #b0b0b0; color:#fff; font-weight: bold; font-size: 14px;}
#PaymentModes table {border: 2px solid #c0c0c0; width: 100%}

/* Affichage des groupes de paiements (permet de désactiver complètement un groupe ne contenant aucune option active dans le fichier de conf */
div#PaymentOption_cash {display: block;}
div#PaymentOption_3x {display: none;}
div#PaymentOption_credit {display: none;}

div#PaymentBillingID {float: right; width: 218px;}
div#PaymentBillingAddress {width: 280px; margin-right: 6px; float: left;}
div#PaymentShippingAddress {width: 280px; margin-right: 6px; float: left;}

#PaymentBillingAddress fieldset, #PaymentShippingAddress fieldset, #PaymentBillingID fieldset, #OrderStatus fieldset {font-size: 12px; color: #000;}
#PaymentBillingAddress legend, #PaymentShippingAddress legend, #PaymentBillingID legend, #OrderStatus legend {color: #0044cc; font-weight: bold; text-transform: uppercase; padding-right: 0.5em;}
#PaymentBillingAddress p, #PaymentShippingAddress p, #PaymentBillingID p {margin: 0px;}

#OrderStatus td {padding: 2px;}
#OrderStatus .label {background: #f5f5f5;}
div#PaymentBillingResumeVAT {float: right;}
#PaymentBillingResumeVAT .label {width: 50%; vertical-align: top; background: #f5f5f5;}
#PaymentBillingResumeVAT .label {width: 50%; vertical-align: top; background: #f5f5f5;}
#PaymentBillingResumeVAT .TotalHT, #PaymentBillingResumeVAT .Rebate, #PaymentBillingResumeVAT .VAT, #PaymentBillingResumeVAT .TotalTTC  {text-align: right;}

/* Affichage du panier */
#CartItemList {border-spacing: 0px; padding: 0px; width:100%; border: 0px; background: transparent url('/gfx/gui/CartItemList_table_bg.png') repeat-x 0 12px;}
#CartItemList tfoot {background: transparent url('/gfx/gui/CartItemList_tfoot_bg.png') repeat-x top;}

/* Affichage TOPs de panier (achats de dernière minute */
div#LastMinuteTop h1 {margin: 0px; font-size: 16px; color: #ff6600;}
div#LastMinuteTopList {background: #fff url(/gfx/gui/newItems_bkgrnd.png) repeat-x bottom;}
div#LastMinuteTopList a {color: #000; text-decoration: none;}
div#LastMinuteTopList .ItemPrice {float: right;color: #c00;}
div#LastMinuteTopList .ItemAltPrice {color: #aaa;}
div#LastMinuteTopList .ItemCartButton a {color:#02b; font-weight: bold;}

/* Barre de retour à l'index de la page */
.ReturnTOP h2 {float: right; margin:0px; padding-top: 4px;}
.ReturnTOP h2 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #fff; background: #888 url(/gfx/gui/ico_back_to_top_on.png) no-repeat 100% 2px; padding: 2px; padding-right: 14px; border: solid 2px #888;}
.ReturnTOP h2 a:hover {color: #888; background: #fff url(/gfx/gui/ico_back_to_top_off.png) no-repeat 100% 2px;}

#InfoNavigate h1, #InfoEULA h1,
#InfoShipping h1, #InfoAboutUS h1 {font: 14px Verdana, Arial, Helvetica; font-weight: bold; margin: 0px; padding: 0px;}
#InfoNavigate p, #InfoEULA p,
#InfoShipping p, #InfoAboutUS p {margin: 0px; padding: 0px; text-align: justify}
#InfoNavigate ul, #InfoEULA ul,
#InfoShipping ul, #InfoAboutUS ul {margin: 0px; padding: 0px; text-decoration: none; color: #000;}
#InfoNavigate li, #InfoEULA li,
#InfoShipping li, #InfoAboutUS li {display:block;padding-left: 10px;background: url(/gfx/gui/r_m1_li.gif) no-repeat left center; color:#000; font: 11px Verdana, Arial, Helvetica; font-weight: bold;}
#InfoNavigate li a, #InfoEULA li a,
#InfoShipping li a, #InfoAboutUS li a {color:#528DC7; text-transform: uppercase; text-decoration: none;}

.FormContent .RequiredField {width: 150px; float: left;}
.FormContent .OptionalField {width: 150px; background: #eee;float: left;}
.FormContent .RequiredField label {color: #c00; padding-left: 10px;}
.FormContent .OptionalField label {color: #00c;}

/* Suivi des commandes */
#UserBillingHistory fieldset {padding: 4px; background:url('/gfx/gui/newItems_bkgrnd.png') repeat-x bottom;}

/* ligne pointillée (équivalent hr) */
.pointille {background:url('/gfx/gui/h_dotted.png') repeat-x; height:1px; font-size:1px; line-height:0px; padding:0 10px;}

/* Désactivation des prix alternatifs : */
.CatPromo .alternatenormalprice, .CatTDG .alternatenormalprice, .ItemList .ItemAltPrice, .ItemTotalAltPrice, span#ItemPromoAltPrice, span#ItemOriginalAltPrice, .VAT .TotalAltMoney, div#LastMinuteTopList .ItemAltPrice {display: none;}
/*.CatPromo .alternatenormalprice, .CatTDG .alternatenormalprice, .ItemList .ItemAltPrice, .ItemTotalAltPrice, span#ItemPromoAltPrice, span#ItemOriginalAltPrice, .VAT .TotalAltMoney {display: none;}*/

.MainTitle h1 {font-size: 20px; margin: 0px; border-bottom: 1px solid #B07FD5; color:#000;}

/* Classes obsolètes :                         */
/* Restent en production jusqu'au remplacement */
/* des templates de formulaires xhtml          */
.form-central {BORDER-RIGHT: #b07fd5 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #b07fd5 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; BORDER-LEFT: #b07fd5 1px solid; COLOR: #000000; BORDER-BOTTOM: #b07fd5 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #ffffff}
.form-menu {BORDER-RIGHT: #b07fd5 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #b07fd5 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; BORDER-LEFT: #b07fd5 1px solid; WIDTH: 100%; COLOR: #000000; BORDER-BOTTOM: #b07fd5 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #ffffff}
/* .form-menu_login {BORDER-RIGHT: #ff6600 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ff6600 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #ff6600 1px solid; WIDTH: 100%; COLOR: #000000; BORDER-BOTTOM: #ff6600 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #ffffff} */
/* INPUT.form-text_buton {BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #ffffff 1px solid; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #000000; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: center} */

.pubsiteanim {text-align: center;}