@charset "utf-8";
/* CSS Document */
#mini_pannier, #ac-search-results{
display:none;
}
#qte {
background:#fff;
color:#000;
display:block;
width:906px;
}
#qte #div_left {
background:#fff;
width:570px;
padding:20px 0px 20px 20px;
}
#qte #div_right {
padding:20px;
background:#fff;
}
#div_right h2 {
color:#fff;
text-align:center; 
}
#aussi {
padding:5px;
color:#fff;
}
#aussi .sb-inner {
background:#363636
}
#pannier {
display:block;
float:left;
background:url(../img/spannier.gif) bottom center no-repeat;	
padding-bottom:7px;
}


#pannier .sb-inner {
background:#fff;
}
#pannier .product div {
float:left;
height:50px;
line-height:15px;
text-align:center;
font-weight:bold;

}
#spannier  {
background:url(../img/bpn.gif) center repeat-y;	
clear:both;
width:570px;
float:left
}
#spannier .product div {
border-right:#999 1px solid;
border-top:#999 1px solid;
}
#pannier .entete {
	float:left;
background:#ccc;
color:#fff;
}
#pannier .entete div {
float:left;
background:#ccc;
height:20px;
font-weight:bold;
padding:5px 0;
border-right:#fff 1px solid;
}
#pannier .product div span {
padding:10px 2px 5px 2px;
display:block;
}
#pannier .product div .img_picto, #ext img {
float:left;
margin:2px 3px;
}
#pannier .product div a {
text-decoration:none;
}
#pannier .product {
float:left
}
#pannier .product .w1 {
width:306px;
text-align:left
/*margin-left:1px;*/
}
#pannier .product .w2 {
width:105px;
}
#pannier .product .w3 {
width:70px;
}
#pannier .product .w4 {
width:85px;_width:83px;
border-right:none;
}
#pannier .product .w5 {
width:0px;
border-right:none;
}
#ext {
margin:5px 0;
padding:5px;
display:block;
}
#ext div {
float:left;
}
.petitgris {
color:#999;
font-size:10px;
}
.petitgris a {
color:#ff9900;
font-size:11px;
}
.petitgris a:hover {
text-decoration:none;
}
#promo {
height:40px;
line-height:40px;
}
#promo .inputpromo {
background:url(../img/qte/code_promo.gif) top center no-repeat;
border:none;
font-size:16px;
padding:2px 4px;
text-align:center;
width:122px;
height:23px;
line-height:23px;
}
#promo .ok {
background:url(../img/qte/ok.gif) top center no-repeat;
position:relative;
top:7px;
right:2px;
.top:2px;
}
#total {
width:260px;
padding-bottom:6px;
float:right; 
background:url(../img/stotal.gif) bottom center no-repeat;
}
#stotal{
background:url(../img/btt.gif) repeat-y;
}
#total .sb-inner {
background:#fff;
}
#stotal div{
padding:0 ;
margin:0 5px;
clear:both;
}
#stotal div b{
margin:5px;display:block;
}

.prix_total {
background:url(../img/total.gif) no-repeat;
width:110px;
height:30px;
line-height:30px;
font-size:16px;
font-weight:bold;
margin:0 auto;

text-align:center;
display:block;
}
.cmt a {
color:#3399cc;
}
.cmt a:hover {
text-decoration:none;
}

.btn{
	background-color: transparent;
	background-image: url(../img/btn_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border: 0px solid #FFF;
	color:#fff;
	font-weight:bold;
	display: block;
	float: left;
	width: auto;
	height: 27px;
	padding:0;
	margin:0;
	text-decoration: none;
	cursor:pointer;
}
.btn span{
	display: block;
	background-image: url(../img/btn_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#fff;
	text-decoration: none;
	line-height:27px;
	height:27px;
	padding: 0px 7px;
	margin:0;
}
button {
background-image: url(../img/btn_valider.gif);
height:27px;
line-height:25px;
width: 104px;
text-align: center;
color:#fff;
border:none;
float:left;
}
.payment-errors {
	border: 1px solid red;
	background-color: #fcc;
	font:normal 12px arial;
	margin:10px auto;
	padding: 5px;
}
.payment-errors ul, .payment-errors li{
	padding:0;
	margin:0;
	list-style-type: none;
}
#payement {
position: relative; 
width: 677px;
margin: auto;
margin-top: 20px;
}
#payement_head{
float: left;
width:680px;
height:35px;
}
#payement_head_body{
float:left;
width:680px;
background-color: #ffffff;
}
.payement_head_btn{
float: left;
width: 225px;
height: 24px;
padding-top: 11px;
font-family: arial;
text-align: left;
font-size: 10px;
font-weight: bold;
color: #ffffff;
background-position:center top;
background-repeat:no-repeat;
}
.payement_card_btn{
float: left;
width: 89px;
height: 70px;
padding-top: 40px;
font-family: arial;
text-align: center;
font-size: 10px;
background-position:center top;
background-repeat:no-repeat;
cursor: pointer;
color:#000000;
}
#payement_nxw_shield{
left:20px;
top:360px;
width:650px;
height:60px;
color: #000000;
}
#payement_nxw_shield div{
float:left;
}
#payement_nxw_shield div div{
float:left;
top: 28px;
left: 64px;
height:20px;
width: 580px;
font-family: arial;
text-align: left;
font-size: 11px;
}

#payement_nxw_bibit{
position:absolute;
width:104px;
height:39px;
left:550px;
top:430px;
}
.box {
background-image:url(../images/area_left.gif);
background-repeat: repeat-y;
background-color : #FFFFFF;
}
.box2 {
background-image:url(../images/area_right.gif);
background-repeat: repeat-y;
background-position: right;
}
.box_body{
padding: 0 18px 0 12px;
}
.box_body p {
margin: 0px;
}
.box_up {
height:12px;
background-image:url(../images/area_top.gif);
}
.box_corner_lu {
width:18px;
height:12px;
background-image:url(../images/area_top_left.gif);
float: left;
}
.box_corner_ru {
width:18px;
height:12px;
background-image:url(../images/area_top_right.gif);
float: right;
}
.box_down {
height:12px;
background-image:url(../images/area_bottom.gif);
}
.box_corner_ld {
width:18px;
height:12px;
background-image:url(../images/area_bottom_left.gif);
float: left;
}
.box_corner_rd {
width:18px;
height:12px;
background-image:url(../images/area_bottom_right.gif);
float:right;
}
.etoile {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FF0000;
}
.input {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
border: 1px solid #999999;
width: 300px;
}

#cc_number, #cc_cvv, #cc_month, #cc_year, #cc_ownername {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
border: 1px solid #999999;
}

#cc_ownername {
width:300px;
}

#cc_cvv {
width:50px;
}

.inputobligatoire {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
border: 1px solid #999999;
width: 300px;
}
.select2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
border: 1px solid #999999;
width: 300px;
}

.payment-topic {
font:bold 14px arial;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}

.cc-type {
list-style:none;
margin:0;
padding:0;
}

.cc-type li {
display:inline;
margin-right:10px;
}

.cc-type li input {
position:relative;
top:-15px;
}

.cc-type li label {
display:inline;
margin-left:5px;
}

.submit-button {
font:bold 15px arial;
padding:5px;
border:1px solid #666;
outline:2px solid #ccc;
}

.payment-errors {
border: 1px solid red;
background-color: #fcc;
font:normal 12px arial;
margin:10px;
}