/* ** TABLEAU PANIER A LA CARTE ** */

#contenu_pac .pac_left{
float:left;
width:510px;
padding-right:9px;
border-right:1px dotted #837c63;
}

#contenu_pac .pac_right {
float:left;
width:391px;
padding-left:9px;
}

#contenu_pac .titre{
width:100%;
float:left;
height:26px;
border-bottom:1px solid #b74700;
}

#contenu_pac .pac_left .pac_desc {
	float: left;
	width: 490px;
	padding: 10px;
}
#contenu_pac #red .pac_desc {
	float: left;
	width: 900px;
	padding: 10px;
}

#contenu_pac h2 {
	float: left;
	width:98%;
	padding-left:2%;
	margin:0px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#f29843;
	margin-top: 10px;
	margin-bottom: 4px;
}


/* ** LISTE DES PRODUITS A LA CARTE DISPONIBLES - A GAUCHE ** */
.pac {
	clear: left;
	width: 100%;
	z-index: 2;
}


.pac table{
	float: left;
	width: 100%;
	border-collapse: collapse;
	z-index:1;
	text-align: center;
}

.pac .info_div {
  position: absolute;
  top: -11px;
  left: 208px;
  width: 193px;
  background-color: #fbf8ef;
  text-align: left;
  border: 1px solid #000;
  padding: 2px 5px;
  font-size: 10px;
  display: none;
  z-index: 10;
}


#contenu_pac  #green table {
	float: left;
	clear: both;
	width: 391px;
}
#contenu_pac  #green .floating {
	float: left;
	clear: both;
	width: 391px;
	height: 170px;
	overflow: auto;
}
#contenu_pac  #green .floating table {
	float: left;
	clear: both;
	width: 100%;
}
#contenu_pac  #green .floating table td {
	height: 30px;
}


.pac th {
	height: 35px;
	background-color: #f4aa64;
	color: #ffffff;
	border: 1px solid #d6cfb8;
	border-collapse: collapse;
	padding: 0px 5px;
}

.pac td {
	height: 35px;
	border: 1px solid #d6cfb8;
	padding: 0px 5px;
	border-collapse: collapse;
	vertical-align: middle;
}
.pac td.price, .pac td.promo {
	text-align: right;
	padding: 0px 10px 0px 0px;
}
.pac td.promo {
	background: url(http://www.r7g.com/20043/m/img/logo_promo.png) no-repeat 10px 10px;
	font-weight: bold;
}
.pac td.ab {
	background: url(http://www.r7g.com/20043/m/img/logo_ab.gif) no-repeat 7px 7px;
}
.pac .pair td {
	background-color: #f4edd4;
}
.pac td span.help {
	text-decoration: underline;
	padding: 0px 5px;
	cursor: help;
}
.pac td input {
	width: 36px;
	height: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0px;
	border: 1px solid #c0c0c0;
}
.pac td.qte {
	padding-left: 20px;
}
.pac td.qte input {
	float: left;
}
.pac td.qte span {
	float: left;
	width: 36px;
	text-align: center;
	line-height: 22px;
}
.pac td.qte .btn {
	float: left;
	width: 10px;
	height: 22px;
	padding-left: 4px;
}
.pac td.qte .btn img {
	float: left;
	clear: both;
	border: 0px;
	width: 10px;
	height: 11px;
}


#contenu_pac #orange h2 {
	background-color: #e45900;
}
#contenu_pac #red h2 {
	background-color: #dd7761;
	position: relative;
}
#contenu_pac #red h2 select {
	position: absolute;
	top: 3px;
	left: 250px;
	font-size: 11px;
}

#orange  th {
	background-color: #f4aa64;
}
#green  th {
	background-color: #a5c669;
	padding: 0px;
}
#red  th {
	background-color: #f09a89;
}

#green .total, #red .total {
	color: #e75a00;
	font-size: 14px;
	font-weight: bold;
}


#contenu_pac .submit_area {
	float: left;
	clear: both;
	width: 290px;
	padding-left: 100px;
	margin-top: 10px;
}
#contenu_pac .submit_area div {
	float: left;
	clear: both;
	padding: 8px 14px;
	background-color: #f4aa64;
}
#contenu_pac .submit_area input {
	float: left;
	font-size: 11px;
	text-align: center;
}

#contenu_pac #green .submit_area div {
	background-color: #a5c669;
}


#contenu_pac #red .submit_area {
	float: left;
	clear: both;
	width: 920px;
	padding: 0px;
	margin-top: 10px;
}
#contenu_pac #red .submit_area div {
	float: right;
	clear: both;
	padding: 8px 14px;
	background-color: #dd7761;
}
#contenu_pac #red .submit_area input {
	float: left;
	font-size: 11px;
	text-align: center;
}

.selected_PR_area {
	float: left;
	clear: both;
	width: 906px;
	border: 1px solid #ab1700;
	padding: 6px;
}
.selected_PR_area  .left_side {
	float: left;
	width: 690px;
}
.selected_PR_area  .left_side img {
	float: left;
	margin: 0px 10px 10px 0px;
}

.selected_PR_area  .right_side {
	float: left;
	width: 216px;
}