#top, #content, #bottom {
  position:relative;
  width:958px;
  margin:0 auto;
  text-align:left;
  background:#fff;
  border-left:1px solid #A8A8A8;
  border-right:1px solid #A8A8A8;
}

#borderTop{ background:#6b5570; height:5px; line-height:5px; font-size:2px; }
#top { background:url(../images/h1_top.gif) no-repeat top left #fff; height:185px; }
#Logo { position:absolute; top:12px; left:10px; }

#bienvenue, #deconnect { color:#000; background:#bbafbd; right:112px; position:absolute; top:0; height:31px; line-height:31px; font-size:12px; padding:0 10px; }
#bienvenue { font-weight:bold; }
#bienvenue span { color:#6b5570; }
#deconnect { color:#6b5570; right:5px; }

#comment { color:#000; position:absolute;top:40px;right:15px;text-align:right; }
#comment a { color:#000; }

#espacePro { color:#a62f10; font-size:25px; text-transform:uppercase; font-weight:bold; position:absolute; bottom:5px; right:15px; text-align:right; }

select.qte { width:135px; }


/*#menu { background:url(../images/menu.jpg) repeat-x #6b5570; }*/



#content { background:url(../images/fd_block.png) repeat-x #fff bottom left; border-top:6px solid #fff; }
#LeftColIndex {
  position:relative;
  float:left;
  width:475px;
	left:3px;
	padding:10px 0;
}
#LeftColIndex1 {
  position:relative;
  float:left;
  width:160px;
	left:10px;
	padding:0;
}
#LeftColIndex2 {
  position:relative;
  float:left;
  width:290px;
	left:20px;
	padding:0px 0;
}

#LeftCol {
  position:relative;
  float:left;
  width:357px;
	left:3px;
	padding:10px 0;
}
#LeftCol2 {
  position:relative;
  float:left;
  width:269px;
	left:3px;
	padding:10px 0;
}
#LeftCol3 {
  position:relative;
  float:left;
  width:670px;
	left:5px;
	padding:10px 0;
}
#LeftCol4 {
  position:relative;
  float:left;
  width:927px;
	left:25px;
	padding:10px 0;
}
.product {
  background:url(../images/choix_nb.gif) repeat-y;
}
.xlLarge{  width:769px !important;}
.xlLarge2{  width:469px !important;}

#RightColIndex {
  position:relative;
	float:left;
	left:14px;
  width:435px;
}
#RightCol {
  position:relative;
	float:left;
	left:14px;
  width:601px;
}
#RightCol2 {
  position:relative;
	float:left;
	left:14px;
  width:670px;
}
#RightCol3 {
  position:relative;
	float:right;
	right:2px;
  width:262px;
}
#RightCol4 {
 position: relative;
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
	text-align: center;
}
#adrFactum{position:relative; width:309px; min-height:350px; height:auto !important; height:350px; text-align:left; margin:0 25px; padding:0; float:left; background:#DEDEDE;}
#adrLivrum{position:relative; width:309px; min-height:350px; height:auto !important; height:350px; text-align:left; margin:0; padding:0; float:left; background:#DEDEDE;}
label{display:block; position:relative; height:22px; width:90px; text-align:right; float:left; margin:3px 1px 1px 10px}
input{width:180px; float:right; margin:3px 15px 1px 0px;font:12px verdana,arial,helvetica;}
.chp_adr{display:block; height:22px; position:relative; width:180px; float:right; margin:3px 15px 1px 0px}
textarea{width:180px; height:55px; float:right; margin:3px 15px 1px 0px;font:12px verdana,arial,helvetica;}
select{width:180px; float:right; margin:3px 15px 1px 0px;font:12px verdana,arial,helvetica;}

#recapCommande{position:relative; width:958px; height:131px; background: url(../images/fond_rs_commande.jpg) no-repeat; margin:0}
#recapCommande2{position:relative; width:958px; height:51px;  margin:0}
#recapMontant{position:relative; float:right; padding:9px 0; text-align:left; margin:0; width:673px; height:91px; background: url(../images/fd_recap_com.jpg) no-repeat;}
#recapMontant span{position:relative; display:block; float:right; margin:4px 15px; text-align:right; width:470px; height:18px;}
ul#modeCard{position:relative; float:right; margin:7px 15px; width:260px; height:43px;overflow:hidden;   list-style:none;}
ul#modeCard li{position:relative; float:left; width:57px; height:43px; margin:0 20px 0 0;}
ul#modeCard li a{position:relative; float:left; width:57px; height:43px; margin:0;  text-decoration:none;}
/*ul#modeCard li a img{top:0;}*/
ul#modeCard li a:hover{top:-43px;}



#bottom { background: url(../images/back_bottom.png) no-repeat bottom left #fff;  height:135px; position:relative; margin:0 auto;  }
#bottomBande { background:#bbafbd; border:3px solid #fff; border-width:0 3px; height:18px; line-height:18px; font-size:0; }
#bottom .padding { border:3px solid #fff; color:#fff; font-size:11px; padding:25px 0 35px; text-align:center; }
#bottom a { font-weight:bold; font-size:10px; text-decoration:underline; }
#bottom a:hover { text-decoration:none; }