#left
{
  float: left;
  padding: 0;
  width: 500px;  
}

.arianne
{
  display: block;
  text-align: right;
  padding: 5px 30px 0 0;
  font-size: 10px;
}

.added
{
  float: left;
  padding: 20px;
  width: 450px;
  text-align: center;
}

h1
{
  padding: 10px 0 5px 5px;
  margin: 0 20px 10px 20px;
  border-bottom: 1px dashed #ccc;
  font-size: 17px;
}


.submenu
{
  padding: 0 0 10px 5px;
  margin: 0 20px 10px 20px;
  border-bottom: 1px dashed #ccc;
  font-size: 13px;
  font-weight: bold;
}


h2
{
  padding: 0;
  margin: 0 0 10px 20px;
  color: #f57208;
  font-size: 20px;
}

#left ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#left .photo, #right .photo
{
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border: 1px solid #ccc;
}

#left .desc
{
  float: left;
}

#left .product
{
  float: left;
  clear: both;
  width: 440px;
  padding: 10px 20px;
}

#left h3
{
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  width: 336px;
}

#left .ref
{
  display: block;
  font-style: italic;
  line-height: 18px;
  font-size: 11px;
}

#left .infos
{
  margin-bottom: 5px;
}

#left .actions
{
  width: 336px;
  border-top: 1px dashed #ccc;
  padding-top: 5px;
}

#left .status
{
  float: left;
  display: block;
  color: #f57208;
  font-weight: bold;
  width: 225px;
}

#left .cart
{
  float: left;
  width: 30px;
}

#left a.details
{
  display: block;
  float: left;
  background: url(../images/marker.jpg) 5px 2px no-repeat;
  width: 35px;
  padding-left: 4px;
}

#left a.details:hover
{
  text-decoration: none;
  color: #999;
}

#left .product1
{
  background: #f3f2f4;
}

#left .product2
{
  background: #fff;
}

#right
{
  float: right;
  padding: 0;
  margin: 0;
  width: 500px;
}

.warning
{
  margin: 30px;
  text-align: center;
  color: #f57208;
}

#right .header
{
  background: #f57208 url(../images/marker_product.jpg) 10px 10px no-repeat;
  color: white;
  padding: 10px 20px 10px 30px;
  overflow: hidden;
  zoom: 1;
}

#right .header .title
{
  float: left;
  font-size: 10pt;
  font-weight: bold;
  position: relative;
  top: -1px;
}

#right .header .ref
{
  float: right;
  font-style: italic;
}

#right .images
{
  background: #f3f2f4;
  text-align: center;
  clear: both;
  overflow: hidden;
  zoom: 1;
}

#right .images img
{
  border: 1px solid #ccc;
  margin: 20px 0 0 10px;
  float: left;
}

#right .imagesright img
{
  margin: 20px 0 -10px 10px;
}

#right .pictos
{
  position: relative;
  top: 10px;
}

#right .pictos img
{
  margin: 20px 0 -7px 10px;
  border: 0;
}

#right .body p.desc
{
  margin: 0;
  padding: 20px;
  text-align: justify;
}

#right .body p.list
{
  margin: 0;
  padding: 0 20px 20px 20px;
  text-align: justify;
}

#right .body
{
  background: #f3f2f4;
}

#right .footer
{
  color: white;
  overflow: hidden;
  font-weight: bold;
}

#right .footer .quantite 
{
  float: left;
  background: #8a838f;
  padding: 3px 10px;
  width: 133px;
  height: 20px;
  line-height: 20px;
  margin-right: 2px;
  text-align: center;
}

#right .quantite input
{
  width: 30px;
  border: 1px solid #ccc;
  background: white;
  color: black;
  text-align: center;
  height: 16px;
}

#right .footer .direct
{
  display: block;
  float: left;
  padding: 3px 15px 3px 35px;
  height: 20px;
  line-height: 20px;
  background: #f57208 url(../images/arrow.jpg) 10px 8px no-repeat;
  margin-right: 2px;
  color: White;
}

#right .footer .addtocart
{
  display: block;
  float: left;
  padding: 3px 15px 3px 40px;
  height: 20px;
  line-height: 20px;
  background: #f57208 url(../images/cart2.jpg) 10px 6px no-repeat;
  color: White;
}