/* Overrides previous css ------------------------------------------------------------*/
#content2Col {

}
#contentTop2Col {
  background-image:url(/images/backgrounds/orderTop2Col.png);
  border:0;
}
#center2Col {
  background-color:#fbf7f6;
  background-image:url(/images/backgrounds/order-bg.jpg);
  background-position:left top;
  background-repeat: repeat-x;
}
td.center {
  text-align:center;
}
td.right {
  text-align:right;
  padding-right:30px;
}
span.Head {
  display:block;
  width:100%;
  height:22px;
  line-height:22px;
  background:transparent url(/images/backgrounds/delivery-mode-bg.png) left top repeat-x;
}
.orange,
a.orange {
  color:#ff5c00;
}

/* RootOrderLine ---------------------------------------------------------------------*/
ul#rootOrderLine {
  width: 749px;
}
ul#rootOrderLine li {
  width:20%; /*750/5*/
  display:block;
  float:left;
  padding-top:40px;
  text-align:center;
}
ul#rootOrderLine li#step1 {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum1.gif) center center no-repeat;
}
ul#rootOrderLine li#step1.done {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum1Done.gif) center center no-repeat;
}
ul#rootOrderLine li#step1.selected {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum1Selected.gif) center center no-repeat;
}
ul#rootOrderLine li#step2 {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum2.gif) center center no-repeat;
}
ul#rootOrderLine li#step2.done {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum2Done.gif) center center no-repeat;
}
ul#rootOrderLine li#step2.selected {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum2Selected.gif) center center no-repeat;
}
ul#rootOrderLine li#step3 {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum3.gif) center center no-repeat;
}
ul#rootOrderLine li#step3.done {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum3Done.gif) center center no-repeat;
}
ul#rootOrderLine li#step3.selected {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum3Selected.gif) center center no-repeat;
}
ul#rootOrderLine li#step4 {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum4.gif) center center no-repeat;
}
ul#rootOrderLine li#step4.done {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum4Done.gif) center center no-repeat;
}
ul#rootOrderLine li#step4.selected {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum4Selected.gif) center center no-repeat;
}
ul#rootOrderLine li#step5 {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum5.gif) center center no-repeat;
}
ul#rootOrderLine li#step5.done {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum5Done.gif) center center no-repeat;
}
ul#rootOrderLine li#step5.selected {
  color:#000;
  background:transparent url(/images/backgrounds/stepOrderNum5Selected.gif) center center no-repeat;
}
ul#rootOrderLine li a,
ul#rootOrderLine li span {
  text-decoration:none;
  color:#babdc1;
}
ul#rootOrderLine li a:hover {
  text-decoration:none;
  color:#000;
}
ul#rootOrderLine li.done span,
ul#rootOrderLine li.selected span {
  color:#ff5c00;
}
/* FormLogin -------------------------------------------------------------------------*/
div#FormLogin,
div#ContentOrder,
div#ContentAccount {
  margin: 0 auto;
  clear:left;
  background-color:transparent;
}
div#FormLogin h2,
div#ContentOrder h2,
div#ContentAccount h2 {
  font-size:30px;
  font-weight:normal;
  text-align:center;
  margin-bottom:20px;
}
div#FormLogin {
  padding:20px 80px;
}
div#FormLogin form {
  width:310px;
  height:200px;
}
div#FormLogin #infosPayment {
  width:170px;
  height:200px;
  margin-right: 100px;
  float:right;
}
div#FormLogin form input#email,
div#FormLogin form input#password {
  display:block;
  width:250px;
}
#infosPayment .top,
#infosPayment .bottom {
  width:170px;
  height:6px;
}
#infosPayment .top {
  background:transparent url(/images/backgrounds/infosPaymentTop.jpg) center bottom no-repeat;
}
#infosPayment .bottom {
  background:transparent url(/images/backgrounds/infosPaymentBottom.jpg) center top no-repeat;
}
#FormLogin form .top,
#FormLogin form .bottom {
  width:310px;
  height:6px;
}
#FormLogin form .top {
  background:transparent url(/images/backgrounds/formLoginTop.jpg) center bottom no-repeat;
}
#FormLogin form .bottom {
  background:transparent url(/images/backgrounds/formLoginBottom.jpg) center top no-repeat;
}
#FormLogin .middle {
  display:block;
  width:auto;
  height:200px;
  padding:0 10px;
  background-color:#fff;
  color:#000;
  border-left:1px solid #c9cacb;
  border-right:1px solid #c9cacb;
}
#formCreateAccount {
    margin-top: 20px;
}
/* Adresses --------------------------------------------------------------------------*/
div#ContentOrder #InfosBlock span,
div#ContentOrder #deliveryAdressBlock span,
div#ContentOrder #AdressBlock span {
  color:#ff5c00;
  font-size:15px;
  font-weight:bold;
  display:block;
}
#deliveryAdressBlock {
  width:285px;
  margin-bottom:10px;
}
#AdressBlock {
  width:260px;
  float:right;
  margin-bottom:10px;
}
#deliveryAdressBlock a,
#AdressBlock a {
  text-decoration:none;
  color:#ff5c00;
}
.deliveryMode {
  height:170px;
  clear:both;
}
.deliveryMode p {
  margin:20px 0 5px 0;
}
.deliveryMode img {
  margin-top:10px;
}
.deliveryMode span.price {
  margin:5px auto;
  font-weight:bold;
  color: red;
  background-color: #fff;
}
.deliveryMode input.orangeButton142x29,
.deliveryMode a.orangeButton142x29 {
  margin:5px auto;
}
.deliveryMode div.text {
  margin-left:120px;
}
div#ContentOrder {
  width:568px;
}
div#ContentAccount .top,
div#ContentAccount .bottom,
div#ContentOrder .top,
div#ContentOrder .bottom {
  width:570px;
  height:6px;
  margin:0 auto;
}
div#ContentAccount .top,
div#ContentOrder .top {
  background:transparent url(/images/backgrounds/order-top.jpg) center bottom no-repeat;
}
div#ContentAccount .bottom,
div#ContentOrder .bottom {
  background:transparent url(/images/backgrounds/order-bottom.jpg) center top no-repeat;
}
div#ContentAccount .middle,
div#ContentOrder .middle {
  display:block;
  width:548px;
  padding:0 10px;
  background-color:#fff;
  border-left:1px solid #c9cacb;
  border-right:1px solid #c9cacb;
  color:#000;
  background-color:#fff;
  margin:0 auto;
}
/* Cart ------------------------------------------------------------------------------*/
table.cartEdit {
  width:100%;
}

table.cartEdit tr td table.cartLines {
  width:400px;
  border-right:1px solid black;
}
table.cartEdit tr td table.cartLines tr td.small {
  width:25%;
}
table.cart {
  width:400px;
}
table.cart tr td {
  width:25%;
}
tr.border {
  border-bottom:1px solid #000;
}
/* Formulaires------------------------------------------------------------------------*/
.formAccount div.lineForm {
  margin:2px 5px;
  width:500px;
}
.formAccount div.lineForm label {
text-align:right;
width:180px;
}
.formAccount label {
text-align:right;
width:180px;
}
.formAccount #submitContainer {
    width:300px;
    height:29px;
    margin:0 auto;
    padding: 5px 0;
}
.formAccount #submitContainer * {
 float:left;
 margin: 0 4px;
}

#formLostPassword {
    padding: 5px;
    text-align: center;
}
#formLostPassword * {
    margin: 3px auto;
}
.champTexte {
    border:1px solid #BAB8B5;
}
.center {
    text-align: center;
}

/* Boutons ---------------------------------------------------------------------------*/
.orangeButton142x29,
.orangeButton142x29:link,
.orangeButton142x29:visited,
.orangeButton142x29:active,
.orangeButton142x29:hover,

.orangeButton426x29,
.orangeButton426x29:link,
.orangeButton426x29:visited,
.orangeButton426x29:active,
.orangeButton426x29:hover {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: block;
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
}
.orangeButton142x29:hover,
.orangeButton426x29:hover {
    background-position: 0 -29px;
}
input.orangeButton142x29 {
    border:none;
    background-color:transparent;
}
.orangeButton426x29 {
    width: 426px;
    height: 29px;
    line-height: 29px;
    font-size: 12px;
    background-image: url(/images/buttons/orange426x29.gif);
}
/* cadre arrondi ****************************************************************/
/*.northW
{
  width:8px;
  height:8px;
  background-image: url(/images/backgrounds/cadre-no.gif);
  float:left;
  border:1px solid black;
  position:relative;
}
.north
{
  width:auto;
  height:8px;
  background-color:#fff;
}
.northEast
{
  width:8px;
  height:8px;
  background:transparent url(/images/backgrounds/cadre-ne.gif) right top no-repeat;
  float:right;
  border:1px solid black;
}
.middle
{
  display:block;
  width:auto;
  height:auto;
  padding:0 10px;
  background-color:#fff;
  clear:both;
}
.southW
{
  width:8px;
  height:8px;
  background:transparent url(/images/backgrounds/cadre-so.gif) left top no-repeat;
  float:left;
}
.south
{
  width:auto;
  height:8px;
  background-color:#fff;
}
.southEast
{
  width:8px;
  height:8px;
  background:transparent url(/images/backgrounds/cadre-se.gif) left top no-repeat;
  float:right;
}
#infosPayment .north,
#infosPayment .south
{
  width:134px;
  margin-left:8px !important;
  margin-left:0;
  padding:0;
}
div#FormLogin form .north,
div#FormLogin form .south
{
  width:334px;
  margin-left:8px;
}
#infosPayment .middle,
div#FormLogin form .middle
{
  height:184px;
}*/
