/* ONGLETS ET ACCORDEON */
#products {
	margin-top:16px;
}	

#container #products ul.tabs {
	margin-bottom:0;
	margin-left:0;
	list-style-type: none;
	padding-left:21px;
	height:27px;
	/* 		border-bottom:1px solid #878B43; */
}

#products ul.tabs li {
	border:1px solid #7c654c;
	border-bottom-width:0px;
	font-size:12px;
	margin:0 13px 0 0;
	padding:0;
	text-transform: uppercase;
	float:left;
	display: block;
	position:relative;
}

#products ul.tabs li.active {
	border-color:#fff;
}

#products ul.tabs li a,
#products ul.tabs li a:visited {
	background:#E6E6E6 url(/resources/images/interface/container/onglet_off_pq.gif) 0 0 repeat-x;
	text-decoration: none;
	border-bottom-width:0;
	color:#777777;
	cursor:pointer;
	padding:0 10px;
	line-height:26px;
	display: block;
	float:left;
}

#products ul.tabs li.active a,
#products ul.tabs li.active a:visited,
#products ul.tabs li a:hover {
	background: #968470 url(/resources/images/interface/container/onglet_on_pq.gif) 0 0 repeat;
	color:#fff;
}

#products div.tab_container {
	clear:left;
	/*background: url('/resources/images/interface/container/ombre_box_top.png') repeat-x 0 0;*/
	background:#FFFFFF url("/resources/images/interface/degrade-quadrille.gif") 0 0 repeat-x;
	border-top:1px solid #7c654c;
}

#products div.tab_container ul.sub-tabs {
	list-style-type: none;
	margin:0;
	padding-left:21px;
	background : #63513D url(/resources/images/interface/container/onglet_2_off_pq.gif) 0 0 repeat-x;
	height:28px;
}

#products div.tab_container ul.sub-tabs li {
	margin-bottom:0;
	float:left;
	display: block;
	position: relative;
}

#products div.tab_container ul.sub-tabs li a,
#products div.tab_container ul.sub-tabs li a:visited {
	text-decoration: none;
	border-bottom-width:0;
	display: block;
	float:left;
	padding:0 10px;
	margin:0;
	color:#baaf98;
	line-height:27px;
	text-transform: uppercase;
}

#products div.tab_container ul.sub-tabs li a:hover {
	background-color:#856e3f;
	color:#fff;
}

#products div.tab_container ul.sub-tabs li.active a {
	color:#fff;
}
#products div.tab_container ul.sub-tabs li.active a:hover {
	background: none;
}

#products div.tab_container div.sub-tab-content {
	clear:left;
}

#products div.tab_container div.item {
	border-bottom:1px solid #d4d4d4;
	clear: both;
}

#products div.tab_container div.item h3{
	margin:0;
	font-size:14px;
	padding:5px 0;
	cursor: pointer;
}

#products div.tab_container div.item h3:hover {
	/*background-color:#ecece5;*/
	background-color:#eee;
}

#products div.tab_container div.item h3 a {
	border-bottom-width:0;
	font-weight: normal;
	/*color:#274e27;*/
	color:#002540;
	line-height: 30px;
}

/*#products div.tab_container div.item h3:hover a {
	color:#476e47;
}*/


#products div.tab_container div.item h3 img {
	margin:0 9px 0 15px;
	vertical-align: middle;
}

#products div.tab_container div.item .promo {
	margin:0 0 1.3em 0;
	padding:10px 10px 0px 10px;
	background:#fff;
	border:1px solid #d4d4d4;
	border-top:0;
}

#products div.tab_container div.item.promo h3{
	background-image:url(/resources/images/interface/promo_coin.png);
	background-position:100% 0;
	background-repeat:no-repeat;
}

#products div.tab_container div.item h4.promo {
	margin:0;
	padding:0;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-transform:normal;
	background:#ed1c24;
	background-image: linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
	background-image: -o-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(166,25,29)), color-stop(1, rgb(237,28,35)));
	border:1px solid #ed1c24;
	border-bottom:0;
}

#products div.tab_container div.item h4.promo span {
	display:block;
	padding:7px 10px 6px 25px;
	background:url(/resources/images/interface/promo_etiquette.png) 4px 7px no-repeat;
}

#products div.tab_container div.item .desc{
	padding:0 0 15px 54px;
}

#products div.tab_container div.item .desc .gauche{
	float:left;
	width:156px;
	padding:10px 0 0 0;
}

#products div.tab_container div.item .desc .droite{
	float:left;
	padding:10px 0;
	width:310px;
	overflow:hidden;
}

#products div.tab_container div.item .desc img{
	border:1px solid #d4d4d4;
	/*float:left;*/
	margin:3px 0 15px 0;
	padding:3px;
	background:#fff;
}

#products div.tab_container div.item div.clear {
	float:none;
	margin:0;
	width:auto;
}

#products div.tab_container div.item .desc .button-set{
	clear:both;
	float:none;
	width:auto;
	padding-left:151px;
}

#products div.tab_container div.item .desc .gauche div.bloc {
	margin:0 0 15px 0;
	padding:9px;
	width:123px;
	background:#FFFFFF;
	border:1px solid #d4d4d4;
}

#products div.tab_container div.item a.bouton {
	float:left;
	margin:0 10px 0 0;
}

/*#products div.tab_container div.item .desc .liste_forfaits_gauche {
	width:150px;
}

#products div.tab_container div.item .desc .liste_forfaits_gauche img{
	border:1px solid #BFBFBF;
	margin:3px 15px 15px 0;
}

#products div.tab_container div.item .desc .liste_forfaits_droite {
	width:320px;
	}*/


	/* OVERRIDE RULES FOR RF */		

	body.rf #products div.tab_container ul.sub-tabs {
		background: #717538 url('/resources/images/interface/container/onglet_2_off_rf.gif') 0 0 repeat-x;
	}
	body.rf #products ul.tabs li a,
	body.rf #products ul.tabs li a:visited {
		background:#E6E6E6 url(/resources/images/interface/container/onglet_off_rf.gif) 0 0 repeat-x;
	}
	body.rf #products ul.tabs li.active a,
	body.rf #products ul.tabs li.active a:visited,
	body.rf #products ul.tabs li a:hover {
		background: #968470 url(/resources/images/interface/container/onglet_on_rf.gif) 0 0 repeat;
	}
	body.rf #products div.tab_container,
	body.rf #products ul.tabs li {
		border-color:#878b43;
	}
	body.rf #products div.tab_container ul.sub-tabs li a:hover {
		color: #fff;
		background-color:#83992c;
	}
	body.rf #products div.tab_container ul.sub-tabs li.active a:hover {
		background: none;
	}
	body.rf #products div.tab_container ul.sub-tabs li a,
	body.rf #products div.tab_container ul.sub-tabs li a:visited {
		color: #b4c975;
	}
	body.rf #products div.tab_container ul.sub-tabs li.active a {
		color:#fff;
	}

	/* OVERRIDE RULES FOR CT */		

	body.ct #products div.tab_container ul.sub-tabs {
		background: #415f7d url('/resources/images/interface/container/onglet_2_off_ct.gif') 0 0 repeat-x;
	}
	body.ct #products ul.tabs li a,
	body.ct #products ul.tabs li a:visited {
		background:#E6E6E6 url(/resources/images/interface/container/onglet_off_ct.gif) 0 0 repeat-x;
	}
	body.ct #products ul.tabs li.active a,
	body.ct #products ul.tabs li.active a:visited,
	body.ct #products ul.tabs li a:hover {
		background: #968470 url(/resources/images/interface/container/onglet_on_ct.gif) 0 0 repeat;
	}
	body.ct #products div.tab_container,
	body.ct #products ul.tabs li {
		border-color:#51779c;
	}
	body.ct #products div.tab_container ul.sub-tabs li a:hover {
		color: #fff;
		background-color:#6590ba;
	}
	body.ct #products div.tab_container ul.sub-tabs li.active a:hover {
		background: none;
	}
	body.ct #products div.tab_container ul.sub-tabs li a,
	body.ct #products div.tab_container ul.sub-tabs li a:visited {
		color: #97bfe6;
	}
	body.ct #products div.tab_container ul.sub-tabs li.active a {
		color:#fff;
	}

	/* OVERRIDE RULES FOR SEPAQ ANTICOSTI */		

	body.san #products div.tab_container ul.sub-tabs {
		background: #8b4231 url('/resources/images/interface/container/onglet_2_off_sa.gif') 0 0 repeat-x;
	}
	body.san #products ul.tabs li a,
	body.san #products ul.tabs li a:visited {
		background:#E6E6E6 url(/resources/images/interface/container/onglet_off_sa.gif) 0 0 repeat-x;
	}
	body.san #products ul.tabs li.active a,
	body.san #products ul.tabs li.active a:visited,
	body.san #products ul.tabs li a:hover {
		background: #8b4231 url(/resources/images/interface/container/onglet_on_sa.gif) 0 0 repeat;
	}
	body.san #products div.tab_container,
	body.san #products ul.tabs li {
		border-color:#a34d39;
	}
	body.san #products div.tab_container ul.sub-tabs li a:hover {
		color: #fff;
		background-color:#b96551;
	}
	body.san #products div.tab_container ul.sub-tabs li.active a:hover {
		background: none;
	}
	body.san #products div.tab_container ul.sub-tabs li a,
	body.san #products div.tab_container ul.sub-tabs li a:visited {
		color: #e2aea1;
	}
	body.san #products div.tab_container ul.sub-tabs li.active a {
		color:#fff;
	}

	/*Firefox mac fix*/

	#products div.desc a.button
	{
		display: inline;
		float: left;
	}

	/*IE7 fix*/

	*+html #products div.desc a.button {
		float: none;
	}
