/* REDEFINITION DES STYLES DE BASE */
*{border: 0; margin: 0; padding: 0;}
* html,* html body{background: #000 url(foo) fixed;} /* speed fix */

body{background: #000; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF;}
img{display: block;}
html, body {width:100%; height:99%}
.content{margin: 0 auto;}
.nodisplay {display:none;}
.hide{position:absolute; left:-10000px;}
.novisible{visibility:hidden;}
/*#selection-list .hide{display:none;}*/
select.hide{position:absolute; left:-10000px;}
.clear{clear:both;}
.content-container {zoom:1; width: 950px; margin:40px auto 20px;}
.content-container:after {clear:both; display:block; visibility:hidden; height:0; content:".";}
.content-container-error {zoom:1; width: 950px; margin:0px auto 0px; background:url(../img/error_top.jpg) no-repeat bottom center; height:207px;}
.content-container-error404 {zoom:1; width: 950px; margin:0px auto 0px; background:url(../img/error404_top.jpg) no-repeat bottom center; height:207px;}

a {color:#FFF;}
a.witharrow {padding:0 0 0 10px; display:block; color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../img/sbag-cartcell-optdetail.gif) no-repeat left 5px;}
a.witharrowbold {padding:0 0 0 10px; display:block; color:#FFF; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../img/sbag-cartcell-optdetail.gif) no-repeat left 4px;}

dfn {font-style:normal; border-bottom:1px dotted; cursor:help;}
/**
 * Style de couleurs concernant les disponibilités
 */

.dispo-vert {color:#33FF00;}
.dispo-bleu {color:#00FFFF;}
.dispo-rouge {color:#CC0000;}
.dispo-jaune {color:#FFFF00;}

.status-green {color:#007a02}
.status-lightgreen {color:#5bad00}
.status-yellow {color:#8ea917}
.status-red {color:#cb111d}

/* STYLE DES TEMPLATES PC BY SURCOUF */
#header {position:relative; z-index:800; height: 20px; background: url(../img/header-bg.gif) repeat-x left top; margin-top: 1px;}
#header .content {width: 930px; padding: 2px 0; position:relative;}
#header a {text-decoration: none; color: #FFF;}
#header p {float: left; font: normal 11px Helvetica, Arial, sans-serif;}
#header p img {float: left;}
#header p span {float: left; height: 15px; background: #000; padding-top: 1px;}
#header p span span {float: none; color: #CB111D;}
#header p span span#header-price {font-size: 9px; color: #FFF;}
#header ul {position:absolute; right:0; z-index:10000;}
#header ul li {list-style: none; float: left; padding-left: 9px;}
#header ul li a img {float: left;}
#header ul li a span {font-size: 10px; float: left; height: 15px; background: #000 url(../img/header-picto-link.gif) no-repeat left 6px; padding-top: 1px; padding-left: 6px; cursor: pointer;}
#header ul li a span.connect{background: #000 url(../img/user_account.png) no-repeat right center; padding-right:20px;}
/* bonhomme pour connecter ne marche pas sur ie6 */
/** html #header ul li a span.connect{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/user_account.png',sizingMethod='scale');background-color:#000;background-repeat: no-repeat;background-position: left;padding-right:20px;}*/
#header ul li a span.on {color:#000; font-size: 10px; float: left; height: 15px; background: url(../img/header-picto-link-on.gif) repeat-x left top; padding-top: 1px; padding-left: 6px; cursor: pointer;}
#header ul li.on a span {font-size: 10px; float:left; height: 25px; background: url(../img/header-bg-text-on.png) repeat-x left top; padding-top: 3px; padding-left: 3px; cursor: pointer; color:#000}

#homenavcontainer {
background:url("../img/bg-nividia-gtx-460-top.jpg") no-repeat scroll center center transparent;
padding-top:10px;
width:100%;
}
#home-visual {position:relative; z-index:1;}

#navigation {width: 950px; zoom: 1; overflow: hidden; margin: 10px auto 0;}
homenavcontainer #navigation {margin-top: 0;}
#navigation ul li {list-style: none; float: left; padding-top: 10px;}
#navigation ul li#logo {padding: 0 9px 15px;}

#product-list {width: 686px; margin: 0 auto; padding-bottom: 10px;}
#productlist-visual {position:relative; z-index:2;}

/* TEASER */
/* top part */
#teaser {height:500px; background:#FFF url(../img/home-teaser-bg.gif) repeat-x; border-bottom:1px #000 solid; font-family:Helvetica, Arial, sans-serif; color:#000; zoom: 1; overflow: hidden;}
#teaser .content {position:relative; width: 950px; height:500px; zoom: 1; overflow: hidden;}

#teaser .content a.teaserlink {float: left; margin:0; padding:0; border:0;}
#teaser .content #baseline {position:relative; top:-15px; width:830px;margin:380px auto 0;}
* html #teaser .content #baseline {margin:0 auto;}
*+html #teaser .content #baseline {margin:0 auto;}
#teaser .content #baseline p {font-size:16px; margin-bottom:8px; text-align:center;}
#teaser .content #baseline p.thanks {font-size:12px; margin:10px 0 8px;}
#teaser .content h1 {position:absolute; width:234px; height:48px; margin-left:-117px; top:10px; left:50%;}
#teaser .content form {width:700px; margin:-10px auto 0; padding-left:190px; height:20px; line-height:20px;}
#teaser .content form div.field {display:inline; zoom:1; line-height:20px; border:none; background:url(../img/home-inputfield.gif) no-repeat; padding:3px 10px 5px 10px;}
* html #teaser .content form div.field {padding:1px 10px 5px 10px;}
*+html #teaser .content form div.field {padding:1px 10px 5px 10px;}
#teaser .content form div.field input {border:none; background:none; width:230px;}
#teaser .content form input.submit {height:20px;vertical-align:-6px}

* html #teaser .content form div.field {vertical-align:-3px}
* html #teaser .content form input.submit {vertical-align:-4px; padding-left:5px;}
* html #teaser form label {vertical-align:1px}
*+html #teaser .content form div.field {vertical-align:-3px}
*+html #teaser .content form input.submit {vertical-align:-4px; padding-left:5px;}
*+html #teaser form label {vertical-align:1px}

#teaser .content form span, #teaser form label {font-size:12px; color:#000; height:20px; line-height:20px;}
#teaser form span {padding-left:10px;}

#home {
background:url("../img/bg-nividia-gtx-460-body.jpg") no-repeat scroll center center #000;
color:#000;
font-family:Helvetica,Arial,sans-serif;
height:405px;
overflow:hidden;
zoom: 1;
}
#home .content {position:relative; width: 950px; height:405px; zoom: 1; overflow: hidden;}

/* bottom part - bloc push & accès rapide */
/* default (teaser) */
#acces {zoom: 1; overflow: hidden; width: 950px; zoom: 1; overflow: hidden; margin:0 auto;}
#acces div {height:300px; float:left; position:relative;}
#acces div h2 {margin:14px 0 0 10px; font-family:Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal;height:24px; width:220px;}
#acces div p {position:absolute; bottom:35px;margin:0 10px 0 10px}
#acces div p a {color:#FFF; text-decoration:underline; font-weight:bold; font-size:14px;}
#acces div ul {margin:0 10px 0 10px; position:absolute; bottom:35px; list-style:none;}
#acces div ul li{padding-left:10px; margin:0; background: url(../img/common-pipion.gif) no-repeat left 7px;}
#acces div ul li a {color:#FFF; text-decoration:underline;}
#acces div form {position:absolute; bottom:5px;margin:0 10px 0 10px}
#acces.teaser div form {position:absolute; bottom:50px;margin:0 10px 0 10px}
#acces div form label {font-weight:bold;}
#acces div form span input {height:20px; vertical-align:middle;}
#acces div form span input.field {margin-right:5px; width:155px; line-height:20px;}
#acces #rubrique1 {width:236px; background: url(../img/push-desktop.jpg) no-repeat;}
#acces #rubrique2 {width:240px; background: url(../img/push-laptop.jpg) no-repeat;}
#acces #rubrique3 {width:240px; background: url(../img/push-pro.jpg) no-repeat;}
#acces #rubrique4 {width:234px; background: url(../img/push-services_last.jpg) no-repeat;}

/* home */
#acces.home {margin:0 auto 20px;}
#acces.home div p {bottom:20px;}
#acces.home div ul {bottom:20px;}
#acces.home div ul.withform {bottom:50px;}
#acces.home #rubrique1 {background: url(../img/push-configmoment.jpg) no-repeat;}
#acces.home #rubrique2 {background: url(../img/push-pro.jpg) no-repeat;}
#acces.home #rubrique3 {background: url(../img/push-services.jpg) no-repeat;}
#acces.home #rubrique4 {background: url(../img/push-experts_last.jpg) no-repeat;}

/* panier */
#editorial .shoppingbag {margin:0 auto 20px; width: 710px;}
#editorial .shoppingbag div {height:375px;}
#editorial .shoppingbag div p {top:240px;}

#editorial .shoppingbag div ul li {background: url(../img/sbag-cartcell-optdetail.gif) no-repeat left 5px;}
#editorial .shoppingbag div ul li a {color:#FFF; text-decoration:none; font-weight:bold;}

#editorial .shoppingbag #rubrique1 {background: url(../img/push-FIAnet.jpg) no-repeat;}
#editorial .shoppingbag #rubrique1 a {position:absolute;top:120px; left:39px;}

#editorial .shoppingbag #rubrique2 {background: url(../img/push-order.jpg) no-repeat;}
#editorial .shoppingbag #rubrique2 p {color:#999;}
#editorial .shoppingbag #rubrique2 p strong {color:#999; display:block; margin:10px 0 0;}
#editorial .shoppingbag #rubrique2 p strong.phone {color:#FFF; display:block; margin:0 0 10px; font-size:14px;}
#editorial .shoppingbag #rubrique2 p strong.phone span {color:#999; font-size:10px;}
#editorial .shoppingbag #rubrique2 p em {color:#FFF; font-style:normal; display:block}
#editorial .shoppingbag #rubrique2 a {position:absolute;top:160px; left:85px;}

#editorial .shoppingbag #rubrique3 {background: url(../img/push-surcouf_last.jpg) no-repeat; width:234px;}
#editorial .shoppingbag #rubrique3 p {bottom:100px;}
#editorial .shoppingbag #rubrique3 ul {bottom:40px;}
#editorial .shoppingbag #rubrique3 form {bottom:50px;}

#editorial .segments #rubrique1 {background:none;}
#editorial .segments #rubrique1 p{bottom:150px; color:#999;}
#editorial .segments #rubrique1 p strong {color:#FFF; font-weight:bold; font-size:12px;}
#editorial .segments #rubrique1 p a {margin-top:20px;color:#FFF; font-weight:bold; display:block; font-size:12px; text-decoration:none;}
#editorial .segments #rubrique2 p {bottom:64px;}

#editorial .segments #rubrique2 {background: url(../img/push-question.jpg) no-repeat;}
#editorial .segments #rubrique2 ul li {list-style:none; background: url(../img/sbag-cartcell-optdetail.gif) no-repeat left 5px;}
#editorial .segments #rubrique2 ul li a {color:#FFF; text-decoration:none; font-weight:bold;}
#editorial .segments #rubrique3 {background:none;}
#editorial .segments #rubrique3 p {color:#999; top:80px;}
#editorial .segments #rubrique3 p strong {color:#999; display:block; margin:10px 0 0; font-weight:normal;}
#editorial .segments #rubrique3 p strong.phone {color:#FFF; display:block; margin:0 0 10px; font-size:14px; font-weight:bold;}
#editorial .segments #rubrique3 p strong.phone span {color:#999; font-size:10px;}
#editorial .segments #rubrique3 p em {color:#FFF; font-style:normal; display:block}
#editorial .segments #rubrique4 a {position:absolute;top:160px; left:85px;}
#editorial .segments #rubrique4 {background: url(../img/push-order.jpg) no-repeat;}


/* CONFIGURATEUR */
#editorial {background: url(../img/content-bg.gif) repeat-x left top; overflow:hidden; min-height:95px; zoom:1;}
#editorial .content {width: 950px; padding-top: 20px; zoom: 1; overflow: hidden;}
#editorial .error {width: 950px; margin:0px auto 0px; background:url(../img/error_bottom.jpg) no-repeat top center; height:173px; padding-top:30px;}
#editorial .error strong{font-size:18px;}
#editorial .error p{font-size:12px;}
#editorial .error404 {width: 950px; margin:0px auto 0px; background:url(../img/error404_bottom.jpg) no-repeat top center; height:173px; padding-top:30px;}
#editorial .error404 strong{font-size:18px;}
#editorial .error404 p{font-size:12px;}
* html #editorial.empty {height:110px;}
#editorial .spacer {margin:10px auto 60px;}
#editorial .warning {float:left; padding:20px 0pt 20px 200px;width:450px;}
#editorial .warning strong {display:block; margin-bottom:10px;}
#editorial .price {float:left; padding-top:20px;width:450px;}
#editorial .price strong {display:block; margin-bottom:10px;}
#editorial .policy {width:950px; margin:20px auto;}
#editorial .policy strong {display:block; margin-bottom:10px;}



/* colonne de gauche */
#PC-configuration {float: left; width: 230px; margin-right: 10px;}
#PC-configuration img.off {-moz-opacity: 0.3; opacity: 0.3; filter : alpha(opacity=30);}
#PC-configuration h1 {padding-bottom: 5px;}

/* accordéon de selection des types de composants */
#config-surmesure {height: 736px; background: url(../img/config-bg.gif) no-repeat left bottom; margin:0; padding:0;}
#config-surmesure.off {background: none;}
#config-surmesure h1 {padding-bottom: 0;}
#config-surmesure ul {padding: 0 3px 0 10px; zoom: 1; overflow: hidden;}
#config-surmesure.off ul {display:none;}
#config-surmesure ul li {float: left; width: 217px; list-style: none; zoom: 1; overflow: hidden; cursor:pointer;}
/*#config-surmesure ul li a.main-link {height: 28px; padding-top: 6px; display: block; font: normal 16px Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; zoom: 1; overflow: hidden; background: url(../img/config-picto-link.gif) no-repeat right 16px;}*/
#config-surmesure ul li a.main-link {height: 28px; padding-top: 6px; display: block; font: normal 16px Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; zoom: 1; overflow: hidden;}
#config-surmesure ul li a.main-link img{float: left;}
#config-surmesure ul li a.main-link span{float: left; cursor: pointer; padding-top: 3px; padding-left: 6px;}
/*#config-surmesure ul li a.on {background: url(../img/config-picto-link-on.gif) no-repeat right 20px;}*/
#config-surmesure ul li ul {padding: 0;}
#config-surmesure ul li ul li {float: none; width: auto;height:36px;}
#config-surmesure ul li ul li img {float: left; margin: 2px 17px 2px 2px;}
* html #config-surmesure ul li ul li img {margin: 2px 17px 2px 1px;}
#config-surmesure ul li ul li p {padding-top: 4px; color: #FFF;}
#config-surmesure ul li ul li p strong {color: #FFF;}
#config-surmesure ul li ul li a {color: #FFF; text-decoration: none;}
#config-surmesure ul li ul li.on {background: url(../img/config-bg-list-on.gif) no-repeat left top;}
#config-surmesure ul li ul li.on a {color: #000;}
#config-surmesure ul li ul li.on strong {color: #000;}
#config-surmesure ul li ul li.mandatory a {color: #C00;}
#config-surmesure ul li ul li.mandatory strong {color: #C00;}

/* Colonne centrale */
#PC-selection {float: left; width: 460px; height: 736px; margin-right:8px; background: url(../img/selection-bg.gif) no-repeat left top; padding-right:0;}
#editorial.modificationsurmesure #PC-selection {margin-top: 37px;}
#PC-selection h2 {font: normal 24px Helvetica, Arial, sans-serif; color: #FFF; padding: 4px 8px 0;}
#PC-selection p {margin:15px 10px 5px; font-size:12px;}
#PC-selection p strong {display:block; font-size:14px;}

/* liste composants */
#selection-list {height: 485px; margin: 0 10px; padding-top: 180px;}
#selection-list.cpu-list {background: url(../img/selection-bg-cpu.jpg) no-repeat left top;}
#selection-list div {height: 450px; overflow: auto; margin-top:10px; zoom:1; position:relative;}
#selection-list fieldset {zoom:1; overflow:hidden;}


#selection-list fieldset div {height:auto; overflow:visible; margin:0; zoom:1;}
#selection-list fieldset div:after {clear:both; height:0; display:block; visibility:hidden; content:".";}
* html #selection-list fieldset div {margin-bottom:5px;}
*+html #selection-list fieldset div {margin-bottom:5px;}
#selection-list fieldset div .associated-quantity {clear:left;width:385px; padding-left:15px; margin-bottom:5px; border-bottom:1px dotted #FFF; zoom:1; position:relative;}
* html #selection-list fieldset div .associated-quantity {padding-bottom:5px;}
*+html #selection-list fieldset div .associated-quantity {padding-bottom:5px;}
#selection-list fieldset div .associated-quantity:after {clear:both; height:0; display:block; visibility:hidden; content:".";}
#selection-list fieldset div .associated-quantity label {float:left; width:80px; padding-top:2px;}
#selection-list fieldset div .associated-quantity select {display:inline}


#selection-list fieldset input {width: 14px; height: 14px; clear: left; float: left;}
#selection-list fieldset label {float: left; width: 375px; margin-bottom: 7px; padding-left: 5px;}
#selection-list fieldset label span {float: left; width: 299px; background: url(../img/selection-bg-separator.gif) no-repeat right 3px; cursor: default;}
#selection-list fieldset label span.selection-price {float: right; width: auto; background: none;}

/* boutons suiv. prec. */
#selection-slide {zoom: 1; overflow: hidden; margin: 0 10px;}
#selection-slide a {font-weight: bold; font-size: 12px; color: #FFF; padding-top: 3px; padding-bottom: 6px;}
#selection-slide a.previous {float: left; background: url(../img/selection-picto-previous.gif) no-repeat left top; padding-left: 26px;}
#selection-slide a.next {float: right; background: url(../img/selection-picto-next.gif) no-repeat right top; padding-right: 24px;}

/* Colonne de droite */
#PC-price {float: left; width: 240px;}
* html #PC-price {margin-right: -5px;}
*+html #PC-price {margin-right: -5px;} /* Hack IE 6 & 7 */
#editorial.modificationsurmesure #PC-price {margin-top: 37px;}

/* contenu colonne de droite */
#price-information {position:relative; height: 736px; background: url(../img/price-bg.gif) no-repeat left top; zoom:1; overflow:hidden; padding:0 8px;}
#price-information .off {-moz-opacity: 0.3; opacity: 0.3; filter : alpha(opacity=30); cursor:default;}
#price-information img#currentView {display:block; margin:10px 0 5px 0;}
#price-information ul.otherviews {margin:15px 0; list-style:none; overflow:hidden;zoom:1;}
#price-information ul.otherviews li {float:left; border:1px #A6A6A6 solid; margin:0 1px 0 0; padding:0; cursor:pointer;}
#price-information #price {width:110px; height:110px; position:absolute; top:120px; right:5px; background:url(../img/config-pastille-price.png) no-repeat;}
* html #price-information #price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/config-pastille-price.png',sizingMethod='scale')}
#price-information #price .amount {width:100px; margin:35px auto 0 auto;text-align:center; color:#CB111D; font-size:28px; font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
#price-information #price .amount .cents {font-size:12px; font-family:Helvetica, Arial, sans-serif;}
#price-information #price .amount .currency {font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#price-information #price .ecopart {width:90px; margin:-2px auto; text-align:center; color:#000; line-height:10px;}
#price-information #price-details {margin-top:50px; font-size:11px;}
#price-information #price-details strong {display:block; font-size:14px; font-family:Helvetica, Arial, sans-serif;}
#price-information #price-details strong em {color:#CB111D; font-style:normal;}
#price-information #availibility {margin:45px 0 5px 0; font-size:12px;}
#price-information #availibility strong {display:block; font-size:14px; font-weight:bold;}
#price-information .avantage {position:relative; margin:45px 0 0 0;}
#price-information .avantage span {position:absolute;top:53px;left:36px;width:33px;font-family:Impact, sans-serif;font-size:18px;text-align:center;cursor:default;}
#price-information div.help-btn {position:absolute; top:490px; right:10px;}
#price-information div.btns {position:absolute; bottom:10px; width:220px; zoom:1; overflow:hidden;}
#price-information a.zoom-btn {position:absolute; height:13px; top:10px; right:10px; display:block; padding:0 18px 3px 0; background:url(../img/config-btn-zoom.gif) no-repeat center right;}
#price-information a.zoom-btn {color:#FFF;}
#price-information a.btn-big {float:right;}
#price-information img.btn-big {float:right; margin:0;}
#price-information a.btn-big img {margin:0;}

/* redefinition pour template "sur mesure" */
#price-information.surmesure img {display:block; margin:5px 0 15px -5px;}
#price-information.surmesure #price {top:185px;left:10px;width:200px;height:auto;background:none;filter:none;zoom:1}
#price-information.surmesure #price .amount {height:auto; width:200px; margin:0;text-align:left; color:#CB111D; font-size:28px; font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
#price-information.surmesure #price .amount .cents {font-size:12px; font-family:Helvetica, Arial, sans-serif;}
#price-information.surmesure #price .amount .currency {font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#price-information.surmesure #price .ecopart {width:200px; margin:-2px auto; text-align:left; color:#FFF; line-height:normal;}
#price-information.surmesure #price-details {margin-top:50px; font-size:11px;}
#price-information.surmesure .avantage span {top:53px;left:36px;width:33px;font-family:Impact, sans-serif;font-size:18px;text-align:center;cursor:default;}


/* Ajouter au panier */
#price-validation {margin-top: 9px; text-align: center;}
#price-validation .off {-moz-opacity: 0.3; opacity: 0.3; filter : alpha(opacity=30); cursor:default;}


/* PAGES SEGMENTS */
#segments {overflow:hidden; zoom:1; width: 950px; margin:40px auto 20px;}
#segments ul.nav {overflow:hidden; zoom:1; width: 950px; list-style:none; margin:0 auto 20px; text-align:center;}
/*#segments ul.nav li {float:left;margin:0 2px;}*/
#segments ul.nav li {display:inline; margin:0 2px;}
#segments ul.nav li a {text-decoration:none;}
#segments ul.nav li img {display:inline;}
#segments ul.nav li.off {-moz-opacity: 0.3; opacity: 0.3; filter : alpha(opacity=30);}
/** html #segments ul.nav li {float:left;margin:0 1px;}*/
#segments div.segcell {position:relative; overflow:hidden;margin-bottom:10px; float:left; padding:10px 5px 1px; width:460px; height:135px}
#segments div.surmesure {background:url(../img/segment-surmesure-bg.gif) no-repeat;}
#segments div.polyvalent {background:url(../img/segment-polyvalent-bg.gif) no-repeat;}
#segments div.gamer, #segments div.bureautique {background:url(../img/segment-gamer-bg.gif) no-repeat;}
#segments div.feminin {background:url(../img/segment-feminin-bg.gif) no-repeat;}
#segments div.multimedia, #segments div.ultraportable {background:url(../img/segment-multimedia-bg.gif) no-repeat;}
#segments div.nomade {background:url(../img/segment-nomade-bg.gif) no-repeat;}
#segments div.config {background:url(../img/segment-myconfig-bg.gif) no-repeat;}
#segments div.spacer {margin-right:10px;}
#segments div.segcell .visual {float:left;width:200px; text-align:center; height:135px;}
#segments div.segcell .visual img {display:inline}
#segments div.segcell div.infos {float:right; margin:0 5px 0 0px; width:145px; height:108px; overflow:hidden;}
#segments div.segcell div.infos strong {font-size:22px; display:block; margin:2px 0 8px; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}
#segments div.config div.infos strong {margin:8px 0 20px;}
#segments div.config div.infos strong a {margin:0; position:static; font-size:22px; font-weight:normal; background:none; padding:0;}
#segments div.segcell div.infos p {}
#segments div.segcell div.infos p strong {display:block; margin:0; font-size:11px; font-weight:bold;}
#segments div.segcell div.infos a {display:block; position:absolute; bottom: 10px; margin:10px 0 0; padding:0 0 0 10px; display:block; color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../img/sbag-cartcell-optdetail.gif) no-repeat left 5px;}
#segments div.config a.delete {position:absolute;overflow:hidden;zoom:1;top:10px; right:10px; height:17px; background:url(../img/components/config-popin-btn-close.gif) no-repeat right top; padding-right:20px; color:#FFF; text-decoration:none}
#segments div.segcell div.url {float:right; margin:5px 5px 0 0px; width:145px; height:108px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
#segments div.segcell a.copy {position:absolute;overflow:hidden;zoom:1;top:120px; right:10px; height:17px; background:url(../img/copy_btn.png) no-repeat right top; padding-right:20px; color:#999; text-decoration:underline}
/*#segments div.config a.delete {z-index:1000;position:absolute; top:10px; right:10px; height:17px; background:url(../img/components/config-popin-btn-close.gif) no-repeat right top; padding-right:20px; color:#FFF; text-decoration:none;}*/

#segments div.polyvalent div.infos a {color:#6E7A9B;}
#segments div.gamer div.infos a, #segments div.bureautique div.infos a {color:#008DD9;}
#segments div.feminin div.infos a {color:#CE0E46;}
#segments div.multimedia div.infos a, #segments div.ultraportable div.infos a {color:#FE4700;}
#segments div.nomade div.infos a {color:#67AF00;}

#segments div.segcell div.price {float:right; width:95px; height:95px; margin:20px 0 0;}
#segments div.segcell div.price p {width:90px; margin:-2px auto; text-align:center;}
#segments div.config div.price p {text-align:right; color:#999;margin:28px auto 0}
#segments div.segcell div.price .amount {width:90px; margin:28px auto 0 auto;font-size:22px; font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
#segments div.config div.price .amount {margin:0 auto;color:#FFF;}
#segments div.config div.price .stroked {color:#C00; text-decoration:line-through;}
#segments div.segcell div.price .amount .cents {font-size:12px; font-family:Helvetica, Arial, sans-serif;}
#segments div.segcell div.price .amount .currency {font-size:15px;margin-left:2px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#segments div.surmesure div.price {background:url(../img/segment-surmesure-pastille.png) no-repeat;}
* html #segments div.surmesure div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-surmesure-pastille.png',sizingMethod='scale')}
#segments div.polyvalent div.price {background:url(../img/segment-polyvalent-pastille.png) no-repeat;}
* html #segments div.polyvalent div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-polyvalent-pastille.png',sizingMethod='scale')}
#segments div.gamer div.price {background:url(../img/segment-gamer-pastille.png) no-repeat;}
* html #segments div.gamer div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-gamer-pastille.png',sizingMethod='scale')}
#segments div.bureautique div.price {background:url(../img/segment-gamer-pastille.png) no-repeat;}
* html #segments div.bureautique div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-gamer-pastille.png',sizingMethod='scale')}
#segments div.feminin div.price {background:url(../img/segment-feminin-pastille.png) no-repeat;}
* html #segments div.feminin div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-feminin-pastille.png',sizingMethod='scale')}
#segments div.multimedia div.price {background:url(../img/segment-multimedia-pastille.png) no-repeat;}
* html #segments div.multimedia div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-multimedia-pastille.png',sizingMethod='scale')}
#segments div.ultraportable div.price {background:url(../img/segment-multimedia-pastille.png) no-repeat;}
* html #segments div.ultraportable div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-multimedia-pastille.png',sizingMethod='scale')}
#segments div.nomade div.price {background:url(../img/segment-nomade-pastille.png) no-repeat;}
* html #segments div.nomade div.price {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/segment-nomade-pastille.png',sizingMethod='scale')}

/* partenaires */
#partner {position:relative; width:710px; padding:0; margin-right:10px; float:left; background: url(../img/form-bg.gif) repeat-y; zoom:1; min-height:500px;}
* html #partner {height:500px;}
#partner .top{width:710px; height:15px; background: url(../img/form-top.gif) no-repeat}
#partner .bottom {width:710px; height:16px; position:absolute; bottom:0; background: url(../img/form-bottom.gif) no-repeat}
#partner h1 {font-size:20px; font-weight:normal; margin:0 0 15px 10px;}
#partner h2 {font-size:11px; font-weight:bold; margin:0 0 15px 10px;}
#partner h2 strong {display:block; margin:0; text-transform:uppercase;}
#partner p {color:#999; margin-left:10px; text-align:justify; margin:0 5px 10px 10px;}
#partner p.spacer {margin-top:10px;}
#partner div.content {overflow:hidden; zoom:1; position:relative;}
#partner div.main {float:left; width:440px; margin:40px 10px 0 0;}
#partner div.links {float:left; width:190px; margin:40px 10px 0 0; height:100%; padding:30px 10px 0 30px;background:url(../img/partner-sep.gif) no-repeat left top;  min-height:350px;}
#partner strong {font-size:12px; margin:0 0 5px 10px; display:block;}
#partner ul {list-style:none; margin:0 0 10px 15px;}
#partner a {display:block; margin-bottom:30px; font-size:10px;}

#partner-related {position:relative; width:230px; padding:0; float:left; background: url(../img/form-related-bg.gif) repeat-y; min-height:500px;}
* html #partner-related {height:500px;}
#partner-related .top {width:230px; height:15px; background: url(../img/form-related-top.gif) no-repeat}
#partner-related .bottom {width:230px; height:14px; position:absolute; bottom:0; background: url(../img/form-related-bottom.gif) no-repeat}
#partner-related img {display:block; margin:10px auto 20px;}


/* services */
#services-menu ul li a.main-link span, #experts-menu ul li a.main-link span, #download-menu ul li a.main-link span {width:165px; padding:2px 10px 1px 5px; font-size:15px;}

#services-content, #experts-content,  #download-content {float:left; position:relative; width:671px; height:481px; background:url(../img/register-form-bgOneBlock.gif) no-repeat; padding:10px;}
#services-content h1, #experts-content h1,  #download-content h1 {font-size:24px; font-weight:normal;}
#services-content div {zoom:1; overflow:hidden;}
#services-content dl {margin:50px 20px 40px 30px; height:340px; width:395px; float:left; overflow:auto;}
#services-content dl dt {font-weight:bold;}
#services-content dl dd {color:#999;margin-bottom:30px;}
#services-content dl dd strong {color:#FFF;margin-bottom:30px;}
#services-content dl dd a {display:inline ; margin-bottom:0px; font-size:11px;color:#999}
#services-content dl dd small a {display:inline ; margin-bottom:0px; font-size:10px;}
#services-content div.links {float:left; width:140px; margin:40px 10px 0 0; height:340px; padding:30px 10px 0 30px;background:url(../img/partner-sep.gif) no-repeat left top;  min-height:350px;}
#services-content ul {list-style:none; margin:0 0 10px 15px;}
#services-content a {display:block; margin-bottom:30px; font-size:10px;}

#services-content div.cumulcard {float:left; width:196px;height:195px;background:url(../img/robot-cumul.png) no-repeat left top;}
* html #services-content div.cumulcard{float:left; width:196px;height:195px;; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/robot-cumul.png', sizingMethod='crop')}
#services-content div.atcard {float:left; width:196px;height:195px;background:url(../img/robot-at.png) no-repeat left top;}
* html #services-content div.atcard{float:left; width:196px;height:195px;; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/robot-at.png', sizingMethod='crop')}
#services-content div.percentcard {float:left; width:196px;height:195px;background:url(../img/robot-percent.png) no-repeat left top;}
* html #services-content div.percentcard{float:left; width:196px;height:195px;; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/robot-percent.png', sizingMethod='crop')}
#services-content div.examcard {float:left; width:196px;height:195px;background:url(../img/robot-outil.png) no-repeat left top;}
* html #services-content div.examcard{float:left; width:196px;height:195px;; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/robot-outil.png', sizingMethod='crop')}
#services-content div.paycard {float:left; width:196px;height:195px;background:url(../img/robot-sablier.png) no-repeat left top;}
* html #services-content div.paycard{float:left; width:196px;height:195px;; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/robot-sablier.png', sizingMethod='crop')}
#services-content div.wantcard {float:left; width:196px;height:195px;background:url(../img/robot-sablier.png) no-repeat left top;}
* html #services-content div.wantcard{float:left; width:196px;height:195px;; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/robot-sablier.png', sizingMethod='crop')}
#services-content div.noticecard {float:left; width:196px;height:195px;background:url(../img/robot-interrogation.png) no-repeat left top;}
* html #services-content div.noticecard{float:left; width:196px;height:195px;; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/robot-interrogation.png', sizingMethod='crop')}


#experts-content {padding:10px; width:671px}
#experts-content dl {margin:50px 0 40px 0; height:340px; overflow:hidden; background:url(../img/experts-content-sep.gif) no-repeat 220px top;}
#experts-content dl div {float:left; width:190px; margin:0 0 20px; padding:0 15px; height:100px; overflow:hidden}
#experts-content dl dt {font-weight:bold; margin-bottom:10px;}
#experts-content dl dd {color:#999;margin-bottom:0px;}

#download-content {padding:10px; width:671px}
#download-content div.container {margin:30px 0 30px 0; height:370px; overflow:hidden; background:url(../img/experts-content-sep.gif) no-repeat 220px top;}
#download-content div.container div {float:left; width:190px; margin:0 0 20px; padding:0 15px; height:370px; overflow:hidden}
#download-content div.container div h2 {color:#999; font-size:11px; text-transform:uppercase; margin:0 0 10px 0;}
#download-content div.container div ul {list-style:none;}
#download-content div.container div ul li {display:block; height:80px; margin-bottom:10px; overflow:hidden;}
#download-content div.container div ul li a {font-weight:bold;}
#download-content div.container div ul li a:hover {text-decoration:underline;}
#download-content div.container div ul li ul li {display:block; height:auto; margin:0; overflow:auto; font-size:10px; color:#FFF; line-height:12px;}
#download-content div.container div ul li ul li strong {color:#999;}

#basic-content {width:580px; margin:20px auto;}
#basic-content h1 {font-size:24px; font-weight:normal; margin:0 0 10px;}
#basic-content h2 {font-size:12px; font-weight:bold; margin:30px 0 20px;}
#basic-content p {color:#999;}
#basic-content ol {color:#FFF; list-style-position:inside;}
#basic-content ol li {color:#FFF;}
#basic-content ol li span {color:#999;}

/* ACCOUNT */
#account-nav, #payment-nav {width:230px; padding:0; float:left; position:relative; background: url(../img/form-related-bg.gif) repeat-y;}
#account-nav .top, #payment-nav .top {width:230px; height:15px; background: url(../img/form-related-top.gif) no-repeat}
#account-nav .bottom , #payment-nav .bottom {width:230px; height:14px; background: url(../img/form-related-bottom.gif) no-repeat}
#account-nav ul.accordion-like {margin:20px 0 20px 8px;}
#payment-nav  ul.accordion-like {margin:23px 0 20px 8px;}

#member-space #member {margin:0 0 20px 20px; font-size:16px;}
#member-space #member.spacer {padding-top:20px;}
#member-space #member strong {display:block; font-size:24px; font-weight:normal;}
#member-space #form {margin:0 0 0 10px; position:relative;}
#member-space #form fieldset.form {margin:20px 20px 0 20px;padding:0 10px 0 30px;}
#member-space fieldset.form div {margin-bottom:20px;}
#member-space fieldset.form div.last {margin-bottom:60px;}
#member-space fieldset.form div div.spacer {margin:0 40px 0 0;}
#member-space fieldset.form div div {margin-bottom:0;}

#member-space.no-nav {width:710px;}
#member-space .member-content-container {width:710px; padding:0; margin-left:10px; float:left; overflow:hidden; zoom:1}
#member-space.no-nav .member-content-container {margin-left:0;}
#member-space .member-content {position:relative; width:710px; padding:0; background: url(../img/form-bg.gif) repeat-y;}
#member-space .member-content .top {width:710px; height:16px; background: url(../img/form-top.gif) no-repeat; z-index:10;}
#member-space .member-content .bottom {width:710px; height:16px; background: url(../img/form-bottom.gif) no-repeat; z-index:20px;}
#member-space .member-content .content {zoom:1; position:relative;}
#member-space .member-content .content:after {clear:both; display:block; visibility:hidden; height:0; content:".";}
#member-space .grey {background: url(../img/form-bg-grey.gif) no-repeat;}
#member-space .grey .top {background: url(../img/form-top-grey.gif) no-repeat;}
#member-space .grey .bottom {background: url(../img/form-bottom-grey.gif) no-repeat;}

#member-space .price {color:#999; text-align:right;}
#member-space .price span.ttc {font-size:16px;}
#member-space .price div.amount {display:block; color:#FFF; font-size:22px; text-align:right; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}
#member-space .price div.amount em {font-style:normal; font-size:18px;}
#member-space .price div.amount span.euro {font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#member-space .stroked {text-decoration:line-through; display:block; font-size:14px; color:#C00}

#member-space .sum-price {float:right; width:400px; margin:0 10px 20px 0;}

#steps {overflow:hidden; zoom:1; list-style:none; width:792px; margin:10px auto 15px;}
#steps li{float:left; margin:0 0 20px 0;}

/* ADRESSES */
#member-space .address-cell {margin-bottom:20px; width:710px;}
#member-space .address-cell .content h2 {font-size:18px;}
#member-space .address-cell .content h3 {font-size:12px;}
#member-space .address-cell .shipping {display:inline; float:left; width:325px; padding-right:15px; position:relative; margin:0 0 0 15px; background:url(../img/sbag-cartcell-sep.gif) no-repeat top right; min-height:110px;}
* html #member-space .address-cell .shipping {height:100px;}
#member-space .address-cell .payment {display:inline; float:right; width:325px; margin:0 0 0 15px; padding-right:15px; position:relative;}
#member-space .address-cell h2 {margin-bottom:20px;}
#member-space .address-cell a.deletebtn {position:absolute; color:#FFF; text-decoration:none; top:-5px; right:15px;height:20px; background: url(../img/components/config-popin-btn-close.gif) no-repeat 100% 0; padding:1px 22px 0px 0; text-align:right;}
#member-space .address-cell p {color:#999; width:150px; float:left; margin-right:5px;}
#member-space .address-cell p span {display:block;}
#member-space .address-cell div.tools {padding:20px 0 0; clear:both; position:relative; overflow:hidden; zoom:1;}
#member-space .address-cell a.mkdefaultbtn {float:left; color:#FFF; text-decoration:none;height:22px; background: url(../img/common-btn-mkdefault.gif) no-repeat 100% 0; padding:1px 22px 0px 0; text-align:right;}
#member-space .address-cell a.modifybtn {margin:0; float:right; color:#FFF; text-decoration:none; height:22px; background: url(../img/common-btn-modify.gif) no-repeat 100% 0; padding:1px 22px 0px 0; text-align:right;}
#member-space .address-cell a.continue {float:right;}

#member-space .address-options {margin-bottom:40px;padding:7px 8px 0; position:relative; width:694px; height:25px; background:url(../img/address-options-bg.gif) no-repeat;}
#member-space .address-options a.addbtn {color:#FFF; text-decoration:none; height:22px; background: url(../img/common-btn-add.gif) no-repeat 100% 0; padding:1px 23px 0px 0; text-align:right;}
#member-space .address-options a.shipping {float:left; text-align:left; background-position:0 0; padding:1px 0 0px 23px;}
#member-space .address-options a.payment {float:right;}

.add-address-form {position:absolute; top:200px; left:50%; margin:0 0 0 -370px; display:none; padding:30px 35px 40px; width:690px; min-height:330px; background:url(../img/components/address-form-bg.png) no-repeat;}
* html .add-address-form {position:absolute; top:200px; left:50%; margin:0 0 0 -370px; display:none; padding:16px 18px 22px; width:690px; height:330px; background:url(../img/components/address-form-bg.gif) no-repeat;}
#add-shipping-form h2, #add-payment-form h2 {font-size:22px;}
.add-address-form a.close {position:absolute; top:25px; right:30px; background: url(../img/components/config-popin-btn-close.gif) no-repeat 100% 0; padding:0px 29px 0px 0;width:25px;height:24px;color:#FFF; text-decoration:none;}
* html .add-address-form a.close {position:absolute; top:15px; right:15px; background: url(../img/components/config-popin-btn-close.gif) no-repeat 100% 0; padding:0px 29px 0px 0;width:25px;height:24px;color:#FFF; text-decoration:none;}
.add-address-form fieldset.form input.submit {bottom:35px; right:40px;}

/* COMMANDES */
#command-list .member-infos h2 {font-size:21px; font-weight:normal; margin:0 0 15px 15px;}
#command-list .member-infos .main {display:inline; float:left; width:440px; padding-right:15px; position:relative; margin:0 0 10px 15px; background:url(../img/sbag-cartcell-sep.gif) no-repeat top right; min-height:110px;}
#command-list .member-infos .sec {display:inline; float:left; width:200px; padding-left:15px; position:relative; margin:0 15px 10px 0;}
#command-list .member-infos .modifybtn {position:absolute; right:10px; bottom:10px; margin:0; color:#FFF; text-decoration:none; height:16px; background: url(../img/common-btn-modify.gif) no-repeat 100% 0; padding:1px 22px 0px 0; text-align:right;}
#command-list .member-infos ul {list-style:none;}
#command-list .member-infos ul li {color:#999; display:block; width:140px; margin:0 6px 12px 0; float:left;}
#command-list .member-infos ul li strong {color:#FFF; display:block;}

#command-list h2 {font-size:21px; font-weight:normal; margin:15px 0 15px 15px; position:relative;}
#command-list h2 fieldset {font-size:12px; position:absolute; top:7px; right:30px;}
#command-list h2 fieldset label{margin-left:10px;}
#command-list .commands {margin-bottom:20px;}
#command-list .commands a.foldingbtn {z-index:200; position:absolute; top:10px; left:20px; padding:0 0 0 10px; display:block; color:#FFF; font-weight:bold;font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../img/sbag-cartcell-optdetail.gif) no-repeat left 4px;}
#command-list .commands a.foldingbtn.down {left:19px; padding:0 0 0 11px; background:url(../img/sbag-cartcell-optdetaildown.gif) no-repeat left 5px;}
#command-list .commands table {width:690px; margin:20px 10px 10px; border-collapse:collapse;}
#command-list .commands table tr td {text-align:left; padding:5px 0 5px 10px; border-bottom:1px solid #333;}
#command-list .commands table tr td.bordered {border-right:1px solid #333;}
#command-list .commands table tr td.status strong {display:block;}
#command-list .commands table tr.last-row td {border-bottom:none;}
#command-list .commands table tr td img {display:inline;}
#command-list .commands table tr td.quantity input {display:block; float:left; width:60px; padding:0 3px 0 10px; margin:0 2px 0 0; height:18px; background:url(../img/sbag-cartcell-qfield.gif) no-repeat top left; text-align:right;}
#command-list .commands table tr td.quantity label {display:block; clear:both; width:73px; text-align:right; color:#999;}
#command-list .commands table tr td.price {font-weight:normal; color:#999;}
#command-list .commands table tr td.price span.ttc {font-size:16px;}
#command-list .commands table tr td.price div.amount {font-size:21px;color:#FFF; text-align:left;}
#command-list .commands table tr td.price div.amount span.euro {font-size:15px;}

/* detail commande */
#command-details .member-content {margin-bottom:20px;}
#command-details h2 {font-size:21px; font-weight:normal; margin:0 0 25px 15px;}

#member-space #command-details .address-cell .shipping {display:inline; float:left; width:325px; padding-right:15px; position:relative; margin:0 0 0 15px; background:url(../img/sbag-cartcell-sep.gif) no-repeat top right; min-height:90px;}
* html #member-space #command-details .address-cell .shipping {height:90px;}

#command-details table {height:50px; width:300px; border:none; margin:0 0 20px 10px;}
#command-details table.carthead {position:absolute; top:0;}
#command-details table.product-price {height:auto; width:240px; margin:0;}
#command-details table.product-total {height:auto; width:197px; margin:0;}
#command-details table th, #command-details table th h1 {text-align:left; font-size:24px; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}
#command-details table.product-price th, #command-details table.product-total th {vertical-align:text-bottom;}
#command-details table.product-price td, #command-details table.product-total td {vertical-align:top;}
#command-details table th.price {text-align:right; font-size:10px; color:#999; font-family:Arial, Helvetica, sans-serif;}
#command-details table th.product {text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#command-details table td {text-align:left; font-size:16px; vertical-align:bottom;}
#command-details table td.price {color:#FFF; text-align:right; padding:5px 0 0 0; font-size:22px;}
#command-details table td.price span.euro {font-size:15px;}
#command-details table td.product {text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#command-details table td.product span {display:block; color:#999;}

#command-details div.cartcell a.details {position:absolute; top:10px; left:20px; padding:0 0 0 10px; display:block; color:#FFF; font-weight:bold;font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../img/sbag-cartcell-optdetail.gif) no-repeat left 4px;}
#command-details div.cartcell div.content {padding:0 1px;overflow:hidden; zoom:1; margin:0pt auto; position:static;}
#command-details div.cartcell div.visual, #command-details div.cartcell div.infos, #command-details div.cartcell div.quantity {float:left;}
#command-details div.cartcell div.visual {width:202px; text-align:center;}
#command-details div.cartcell div.infos {width:255px; padding:0 0 0 20px; background:url(../img/sbag-cartcell-sep.gif) no-repeat top left; min-height:100px;}
#command-details div.cartcell div.quantity {width:197px; padding:0 0 0 15px; background:url(../img/sbag-cartcell-sep.gif) no-repeat top left; min-height:100px;}

#command-details div.cartcell div.infos strong {display:block; height:30px; margin:2px 0 15px 0; font-size:22px; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}

#command-details div.cartcell div.quantity a.deletebtn {position:absolute; color:#FFF; text-decoration:none; top:8px; right:8px;height:20px; background: url(../img/components/config-popin-btn-close.gif) no-repeat 100% 0; padding:1px 22px 0px 0; text-align:right;}
#command-details div.cartcell div.quantity fieldset {display:block; height:20px; margin:2px 0 15px 0; padding:10px 0 0 0; vertical-align:top; zoom:1;}
#command-details div.cartcell div.quantity fieldset input {display:block; float:left; width:60px; padding:0 3px 0 10px; margin:0 2px 0 0; height:18px; background:url(../img/sbag-cartcell-qfield.gif) no-repeat top left; text-align:right;}
#command-details div.cartcell div.quantity fieldset label {display:block; clear:both; width:73px; text-align:right; color:#999;}
#command-details div.cartcell div.quantity fieldset a {display:block; float:left;}

#command-details div.cartcell div.details {z-index:80; overflow:hidden; zoom:1; width:710px; position:absolute; top:0; left:0; background:url(../img/command-cartcell-detailbg.gif) no-repeat top left;}
#command-details div.cartcell div.details div.bottom {width:710px; height:15px; position:absolute; bottom:0; left:0; background:url(../img/command-cartcell-detailbottom.gif) no-repeat top left;}
* html #command-details div.cartcell div.details div.bottom {bottom:-1px;}

#command-details div.cartcell div.details a.close {z-index:100;position:absolute; top:10px; right:15px; background:url(../img/sbag-cartcell-detclose.gif) no-repeat right 4px; padding-right:10px; color:#FFF; text-decoration:none;}
#command-details div.cartcell div.details a.details {z-index:101;position:absolute; top:10px; left:19px; padding:0 0 0 11px; color:#FFF; font-weight:bold;font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../img/sbag-cartcell-optdetaildown.gif) no-repeat left 5px;}
#command-details div.cartcell div.details dl {width:117px; float:left; padding:35px 10px 10px 10px; font-size:10px;}
* html #command-details div.cartcell div.details dl {padding:35px 10px 10px 6px;}
#command-details div.cartcell div.details dl.large {width:183px; margin-left:10px;}
#command-details div.cartcell div.details dl dt {line-height:8px;}
#command-details div.cartcell div.details dl dd {margin-bottom:3px; color:#999;}
#command-details div.cartcell div.details dl.right {padding:35px 10px 10px 11px;}
#command-details div.cartcell div.details dl.right dt {text-align:right;}
#command-details div.cartcell div.details dl.right dd {text-align:right;}

#command-details .sum ul {list-style:none; width:500px;margin:0 0 0 17px; float:left;}
#command-details .sum ul li {color:#999; display:block; width:160px; margin:0 6px 0 0; float:left;}
#command-details .sum ul li.spacer {margin:0 6px 12px 0;}
#command-details .sum ul li strong {color:#FFF; display:block;}
#command-details .sum ul li em {color:#FFF; display:block; font-style:normal;}
#command-details .sum ul li img {float:right;margin:8px 40px 0 0}
#command-details .sum .price {padding:30px 20px 0 0; width:100px; float:right;}

#command-details .sum ul.confirm_left {list-style:none; width:335px;margin:0 0 0 17px; float:left;}
#command-details .sum ul.confirm_left li {color:#999; display:block; width:140px; margin:20px 6px 0 0; float:left;}
#command-details .sum ul.confirm_left li.spacer{margin: 0 6px 0 0;}
#command-details .sum ul.confirm_right {list-style:none; width:210px;margin:0; float:left;}
#command-details .sum ul.confirm_right li {color:#999; display:block; width:210px; margin:0 6px 0 0; float:left;}
#command-details .sum .confirm {padding:40px 19px 0 0;}

#command-details div.address-cell h2{margin-left:0;}

#command-details .total h2 {float:left; text-transform:uppercase;}
#command-details .total .price {padding:10px 20px 0 0; width:200px; float:right;}
#command-details .total .price .ecopart {margin-top:15px; color:#36e200;}
#command-details .total .price .amount span.notice {float:left; width:100px; text-align:left; font-size:11px; margin:6px 0 0 0}

#command-details .avantages {position:relative; width:710px; padding:0; background: url(../img/form-bg.gif) repeat-y;}
#command-details .avantages .top {width:710px; height:16px; background: url(../img/form-top.gif) no-repeat; z-index:10;}
#command-details .avantages .bottom {width:710px; height:16px; background: url(../img/form-bottom.gif) no-repeat; z-index:20px;}
#command-details .avantages .content {min-height:120px; zoom:1; position:relative;padding-right:160px;background: url(../img/cmd-avantage-bg.png) right no-repeat;}
* html #command-details .avantages .content {height:120px; background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cmd-avantage-bg.png', sizingMethod='crop')}
/** html #command-details .avantages .content {background:none;}*/
#command-details .avantages h2 {padding-top:6px; margin-bottom:0;}
#command-details .avantages p {margin-left:15px; color:#999;}
#command-details .avantages a {margin:9px 0 0 15px; text-decoration:underline; display:block;}

#command-details .links {overflow:hidden; zoom:1;}
#command-details .links a {width:auto;}
#command-details .links a.first {float:left; margin-left:15px;}
#command-details .links a.second {float:right; margin-right:15px;}

#command-details div.notice {clear:both; margin:10px 0 20px 15px;width:300px; font-size:10px; color:#999;}

/* Avantages */
#avantages #avantage {float:left; height:373px; width:310px; background:url(../img/account-avantages-bg.gif) no-repeat; overflow:hidden; padding:10px 15px 10px;}
#avantages #avantage h2 {font-size:22px; height:60px; overflow:hidden; margin-bottom:30px;}
#avantages #avantage h3 {font-size:11px; padding:0 5px 0 5px; font-weight:bold;}
#avantages #avantage p {padding:0 5px 15px 5px; text-align:justify;}
#avantages #avantage ul {list-style:none; margin-top:10px; padding-left:15px;}
#avantages #avantage ul li {margin-bottom:15px; background:url(../img/common-tick.gif) no-repeat 0% 50%; padding-left:10px;}
#avantages #avantage ul li strong {color:#FFF;}

#avantages #avantage-star {position:relative; float:right; height:293px; width:320px; background:url(../img/account-avantages-bgstar.gif) no-repeat;  padding:90px 20px 10px;}
#avantages #avantage-star h3 {font-size:11px; font-weight:normal;}
#avantages #avantage-star p {padding:0 0 15px 0; text-align:justify;}
#avantages #avantage-star p.notice {color:#999;}
#avantages #avantage-star p.notice strong {display:block; color:#FFF;}
#avantages #avantage-star p.notice em {display:block; color:#FFF; font-style:normal;}
#avantages #avantage-star p.notice a {display:block; color:#FFF; text-decoration:underline;}
#avantages #avantage-star p.no-space {padding-bottom:5px;}
#avantages #avantage-star fieldset label {display:block; padding:0 0 5px 3px;}
#avantages #avantage-star fieldset div {margin-bottom:10px;}
#avantages #avantage-star fieldset div div {margin-bottom:0;}
#avantages #avantage-star fieldset span.error {display:block; padding:2px 0 0 3px; color:red; clear:both;}
#avantages #avantage-star ul {list-style:none; margin-top:30px;}
#avantages #avantage-star ul li {margin-bottom:15px; color:#999;background:url(../img/common-tick.gif) no-repeat 0% 50%; padding-left:10px;}
#avantages #avantage-star ul li strong {color:#FFF;}
#avantages #avantage-star ul li em {display:block; color:#CCC; font-style:normal;}
#avantages #avantage-star table {width:100%; border-collapse:collapse; margin-bottom:25px;}
#avantages #avantage-star table td {text-align:center; width:50%; padding:10px; font-size:22px; border-bottom:1px solid #333;}
#avantages #avantage-star table th {width:50%; padding:10px; border-bottom:1px solid #333;}
#avantages #avantage-star table .bordered {border-right:1px solid #333;}
#avantages #avantage-star input.submit {position:absolute; right:10px; bottom:10px;}

#avantage-form {display:none; position:absolute; top:200px; left:50%; margin:0 0 0 -230px; padding:35px 30px 40px; width:460px; height:170px; background:url(../img/components/avantage-form-bg.png) no-repeat;}
#avantage-form p {width:400px;}
* html #avantage-form {position:absolute; top:200px; left:50%; margin:0 0 0 -233px; padding:30px 10px 26px 10px; width:466px; height:170px; background:url(../img/components/avantage-form-bg.gif) no-repeat;}
#avantage-form a.close {position:absolute; top:25px; right:30px; background: url(../img/components/config-popin-btn-close.gif) no-repeat 100% 0; padding:0px 29px 0px 0;width:25px;height:24px;color:#FFF; text-decoration:none;}
* html #avantage-form a.close {position:absolute; top:15px; right:15px;}
#avantage-form fieldset.form input.submit {bottom:35px; right:40px;}


/* PAYMENT */
#payment {float:left; margin-left:10px; height:380px; padding:0; position:relative; width:710px; background: url(../img/form-trame-bg.gif) repeat-y;}
#payment .top {width:710px; height:15px; background: url(../img/form-trame-top.gif) no-repeat;}
#payment h1 {font-size:20px;font-weight:normal;margin:0 0 15px 10px;}
#payment ul.admin-voucher-list {margin-top:10px;}
#payment ul li {list-style:none;}
#payment #select-card {margin-bottom:35px;}
#payment a.witharrow {display:inline; position:absolute; right:230px; padding-left:33px; border-left:1px solid #fff; background:url(../img/sbag-cartcell-optdetail.gif) no-repeat 25px 5px;}
#payment .crypto a.witharrow {display:inline; position:absolute; right:100px; padding-left:33px; border-left:1px solid #fff; background:url(../img/sbag-cartcell-optdetail.gif) no-repeat 25px 5px;}
#payment .legend {width:400px; color:#999999; margin:65px 0 0 30px;}
#payment  .crypto {margin-top:20px;}
#payment .address {background: url(../img/payment-address.gif) no-repeat; width:170px; text-align:center; padding:8px 0; margin:20px 0 40px 0;}
#payment .price {color:#999999; font-size:10px;}
#payment .warning {background: url(../img/payment-warning2.gif) no-repeat; width:423px; padding:6px; margin:20px 0 40px 0;}
#payment .submit {position:absolute; right:10px; bottom:8px;}

#payment #visual {position:absolute; width:175px; height:144px; bottom:45px; right:22px; text-indent:-10000px; overflow:hidden;}
#payment  .advantage-card {position:absolute;background: url(../img/payment-visual-01.png) no-repeat; width:193px; height:149px; bottom:35px; right:22px; text-indent:-10000px; overflow:hidden;}
* html #payment  .advantage-card {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/payment-visual-01.png',sizingMethod='scale')}
#payment  .credit-card {background: url(../img/payment-visual-cb.png) no-repeat;}
* html #payment  .credit-card {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/payment-visual-cb.png',sizingMethod='scale')}
#payment  .partner-card {background: url(../img/payment-visual-fnac.png) no-repeat;}
* html #payment  .partner-card  {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/payment-visual-fnac.png',sizingMethod='scale')}
#payment  .kadeos {background: url(../img/payment-visual-04.png) no-repeat;}
* html #payment  .kadeos  {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/payment-visual-04.png',sizingMethod='scale')}
#payment  .check {background: url(../img/payment-visual-05.png) no-repeat;}
* html #payment  .check  {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/payment-visual-05.png',sizingMethod='scale')}
#payment  .admin-voucher {background: url(../img/payment-visual-06.png) no-repeat;}
* html #payment  .admin-voucher {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/payment-visual-06.png',sizingMethod='scale')}
#payment  .company-voucher {background: url(../img/payment-visual-07.png) no-repeat;}
* html #payment  .company-voucher {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/payment-visual-07.png',sizingMethod='scale')}

#payment .bottom {width:710px; height:16px; position:absolute; bottom:0; background: url(../img/form-bottom.gif) no-repeat; clear:both;}
#shoppingbag .paymenthead {width:100%; margin:10px 0; position:relative; padding:0 20px;}
#shoppingbag .paymenthead td {font-size:16px; text-align:left; vertical-align:bottom;}
#shoppingbag .paymenthead td.paymentmode {text-align:right;}
#shoppingbag .paymenthead td.price  {color:#FFF; font-size:22px; padding:5px 0 0 0;}
#shoppingbag .paymenthead th.price {text-align:left; font-size:10px; color:#999; font-family:Arial, Helvetica, sans-serif;}


.desc-finaref-form {position:absolute; top:200px; left:50%; margin:0 0 0 -370px; display:none; padding:30px 35px 40px; width:690px; height:690px; background:url(../img/components/address-form-bg.png) no-repeat;}
* html .desc-finaref-form {position:absolute; top:200px; left:50%; margin:0 0 0 -370px; display:none; padding:16px 18px 22px; width:690px; height:690px; background:url(../img/components/address-form-bg.gif) no-repeat;}
.desc-finaref-form a.close {position:absolute; top:25px; right:30px; background: url(../img/components/config-popin-btn-close.gif) no-repeat 100% 0; padding:0px 29px 0px 0;width:25px;height:24px;color:#FFF; text-decoration:none;}
* html .desc-finaref-forma.close {position:absolute; top:15px; right:15px; background: url(../img/components/config-popin-btn-close.gif) no-repeat 100% 0; padding:0px 29px 0px 0;width:25px;height:24px;color:#FFF; text-decoration:none;}
#finaref-form-description {height:292px; overflow:auto;}

/* FOOTER */
#footer {width: 350px; zoom: 1; overflow: hidden; margin: 5px auto 0;}
#footer.spacer {margin: 80px auto 0;}
#footer p {float: left; width: 80px; padding-top: 8px;}
#footer img {float: left; margin-right: 8px;}
#footer ul li {float: left; list-style: none; margin-top: 8px; padding-right: 7px; margin-right: 7px; background: url(../img/footer-bg-separator.gif) no-repeat right 3px;}
#footer ul li.last {padding-right: 0; margin-right: 0; background: none;}
#footer ul li a {color: #FFF; text-decoration: none;}

/* ajout lot alpha */
#teaser .content a.configlink {color:#000;}