/* --------------------------------------------------------------------------------- 

   STRUCTURE SITE

----------------------------------------------------------------------------------*/



html, body {

	height: 100%;

	width: 100%;

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color : #322;

	background-color: #322;

}

#wrapper {

	margin: 0 auto;

	min-height: 100%;

	width: 977px;

	height: auto;

	background: url('images/body_bg.jpg') repeat-y;

	margin-bottom: -25px;

}

#site {

	width: 100%;

	min-height: 100%;

	height: auto;

	background: url('images/page_bg.jpg') no-repeat;

}

* html #wrapper, * html #site {

	height: 100%;

}

#bandeau  {

	margin: 0;

	width: 100%;

	height: 113px;

}

#entete {



}

#gauche {

	position: relative;

	float: left;

	width: 193px;

	margin-left: -194px;

}

* html #gauche {

	margin-left: -97px;

}

#page {

	width: auto;

	padding-bottom: 25px;

}

#contenu {

	width: auto;

	margin-left: 194px;

	overflow: visible;

}

#interieur {

	position: relative;

	width: 99%;

	min-height: 400px;

	height: auto !important;

	height: 400px;

	padding-bottom: 10px;

	margin: 0;

}

#pied {

	clear: both;

	height: 20px;

	width: 100%;

	text-align: center;

	padding-top: 4px;

	background-color: #322;

	margin-top: -20px;

	border-top: 1px solid #322;

}

#footer {

	position: relative;

	display: block;

	text-align: center;

	color: #FFF;

}

#footer a {

	color: #988;

}

.menu_haut {

	width: 102px;

	height: 102px;

	overflow: hidden;

	background: url('images/menu_haut.jpg') no-repeat;

	cursor: pointer;

}

.menu_haut a {

	margin-left: -500px;

}

.menu_partenaires {

	background-position: 0 0;

}

.menu_partenaires:hover,

.menu_partenaires_active {

	background-position: 0 -102px;

}

.menu_partenaires_disabled,

.menu_partenaires_disabled:hover {

	background: url('images/menu_partenaires_disabled.jpg') no-repeat;

	cursor: default;

}

.menu_compte {

	background-position: -102px 0;

}

.menu_compte:hover,

.menu_compte_active {

	background-position: -102px -102px;

}

.menu_compte_disabled,

.menu_compte_disabled:hover {

	background: url('images/menu_compte_disabled.jpg') no-repeat;

	cursor: default;

}

.menu_panier {

	background-position: -204px 0;

}

.menu_panier:hover,

.menu_panier_active {

	background-position: -204px -102px;

}

.menu_ecoute {

	width: 193px;

	height: 32px;

	overflow: hidden;

	background: url('images/menu_ecoute.jpg') no-repeat;

	cursor: pointer;

}

div.menu {

	width: 193px;

	height: 47px;

	overflow: hidden;

	background: url('images/menu.jpg') no-repeat;

	cursor: pointer;

	margin-bottom: 2px;

}

div.menu a {

	margin-left: -500px;

}

div.menu_brun {

	background-position: 0 0;

}

div.menu_brun:hover,

div.menu_brun_active {

	background-position: -193px 0;

}

div.menu_blanc {

	background-position: 0 -47px;

}

div.menu_blanc:hover,

div.menu_blanc_active {

	background-position: -193px -47px;

}

div.menu_bagagerie {

	background-position: 0 -94px;

}

div.menu_bagagerie:hover,

div.menu_bagagerie_active {

	background-position: -193px -94px;

}

div.menu_gourmand {

	background-position: 0 -141px;

}

div.menu_gourmand:hover,

div.menu_gourmand_active {

	background-position: -193px -141px;

}

div.menu_boutique {

	background-position: 0 -188px;

}

div.menu_boutique:hover,

div.menu_boutique_active {

	background-position: -193px -188px;

}

div.menu_voyage {

	background-position: 0 -235px;

}

div.menu_voyage:hover,

div.menu_voyage_active {

	background-position: -193px -235px;

}

div.menu_habitat {

	background-position: 0 -282px;

}

div.menu_habitat:hover,

div.menu_habitat_active {

	background-position: -193px -282px;

}

div.menu_bonplan {

	height: 64px;

	background-position: 0 -329px;

}

div.menu_bonplan:hover,

div.menu_bonplan_active {

	height: 64px;

	background-position: -193px -329px;

}

#menu_bottom {

	width: 193px;

	height: 120px;

	background: url('images/menu_bottom.jpg') no-repeat;

	overflow: hidden;

}

#sous_menu {

	width: 193px;

	height: auto;

	background: url('images/titre_recherche.jpg') no-repeat left top #E0DCD9;

	overflow: hidden;

	padding-top: 30px; 

	color: #544;

}

#sous_menu_bottom {

	width: 193px;

	height: 4px;

	background: url('images/left_bg_bottom.jpg') no-repeat left bottom #E0DCD9;

}

#search_top {

	width: auto;

	height: auto;

	margin-left: 5px;

	background: url('images/search_bg.jpg') no-repeat;

	text-align: right;

	margin-top: 2px;

	padding-top: 28px;

	padding-right: 14px;

	overflow: hidden;

}

#titre {

	position: relative;

	background: transparent;

	display: block;

}

#menu {

	position: relative;

	background: transparent;

	display: block;

}

p.menu_hifi{

	font-size:9px;

	line-height:9px;

}

p.menu_bonplan{

	font-size:9px;

}



div#conseillers_ecoute{

	background:url(images/ecoute_bg.png) no-repeat 0 0;

	position:absolute;

	width:365px;

	height:245px;

	z-index:9999;

}

div#conseillers_ecoute a{

	font-weight: bold;

	color:#644;

}

div#conseillers_ecoute a:hover{

	color:#866;

}

div#conseillers_ecoute a img{

	border:none;

}

div#conseillers_ecoute ul{

	padding:10px 5px;

}

div#conseillers_ecoute ul li{

	list-style:none;

	margin-bottom:8px;

	text-indent:22px;

	line-height: 12px;

}

div#conseillers_ecoute p#contact{

	padding-left:20px;

}



.clr {

	clear: both;

}

#menu .menu_haut {

	width: 130px;

	height: 8px;

	margin: 0;

}

#menu .menu_bas {

	width: 160px;

	height: 13px;

	margin: 0;

}

#menu .menu_milieu {

	width: 150px;

	height: auto;

	margin: 0;

	padding-left: 5px;

	padding-bottom: 5px;

}

#menu .gauche_bas {

	width: 150px;

	height: 15px;

	margin: 0;

}



/* ---------------------------------------------------------------------------------

   ELEMENTS

----------------------------------------------------------------------------------*/



h5 {

	font-size: 12px;

	font-weight: bold;

	margin: 2px 0 2px 0;

	padding: 0;

}

h4 {

	font-size: 14px;

	font-weight: bold;

	margin: 3px 0 3px 0;

	padding: 0;

}

h3 {

	font-size: 16px;

	font-weight: bold;

	margin: 5px 0 5px 0;

	padding: 0;

}

p {

	margin: 2px 0 2px 0;

}

p.menu {

	margin: 0;

	margin-bottom: 2px;

}

p.reduc {

	margin: 0;

	margin-top: 1px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

	text-align: center;

}

#search_top p {

	margin-top: 15px;

}

a {

	text-decoration: none;

	color: #C00;

}

a:hover {

	color: #F66;

}

form {

	margin: 0px;

	padding: 0px;

}

#sous_menu form {

	margin-left: 20px;

	margin-bottom: 5px;

}

input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 2px;

	padding: 1px 5px 1px 5px;

}

input.counter {

	padding: 1px;

	text-align: right;

	border: 1px solid #999;

}

input.button_default {

	border: 0;

	background-color: #544;

	color: #FFF;

}

input.field_default {

	border: 1px solid #544;

	background-color: #FFF;

	color: #544;

}

textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0px;

	padding: 0px 2px 0px 2px;

	color: #333;

	border: 1px solid #666;

}

select {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666;

}

td.cadre_haut {

	background: url('images/cadre_haut.jpg') no-repeat center top;

	padding-top: 25px;

}

td.cadre_bas {

	background: url('images/cadre_bas.jpg') no-repeat center top;

	height: 25px;

}

table.cadre_bg {

	width: 670px;

	background: url('images/cadre_bg.jpg') repeat-y;

	margin: 0 auto;

}

td.prod_haut {

	background: url('images/prod_haut.jpg') no-repeat center top;

	padding-top: 25px;

}

td.prod_bas {

	background: url('images/prod_bas.jpg') no-repeat center top;

	height: 25px;

}

td.prod_gauche,

td.prod_droite {

	width: 95px;

}

table.product {

	width: 670px;

	background: url('images/prod_bg.jpg') repeat-y;

	margin: 0 auto;

}

.common{

	border: #666;

	background-color: #886;

}

.common_header {

	background-color: #CCA;

	color: #FFF;

	font-weight: bold;

	padding: 2px;

}

.line {

	background-color: #CC9;

}

.line0 {

	background-color: #FFF;

}

.line1 {

	background-color: #EEE;

}

.line3 {

	background-color: #CC9;

}

.line_total {

	color: #FFF;

	font-weight: bold;

	font-size: 16px;

}

.red2 {

	color: #C00;

}

.block {

	background-color: #FFF;

}

.blocktitle {

	font-weight: bold;

	color: #333;

	background-color: #CCC;

}

.subtitle {

	font-size: 12px;

	font-weight: bold;

	color: #888;

}

#smenu {

	width: 750px;

}

.reducbox {

	width: 80px;

	height: 35px;

	text-align: center;

	background-color: #C00;

	border: 1px solid #FFF;

}

.reducbox {

	margin-top: 70px;

	margin-left: 6px;

	

}

.immanquable {

	width: 90px;

	height: 50px;

	margin-right: 5px;

	margin-top: 70px;

	background: url('images/etiq_im.jpg') no-repeat;

}

.stamp_box {

	width: 90px;

	height: 85px;

	margin-right: 5px;

	margin-top: 30px;

}

.stamp_1 {

	background: url('images/stamp_1.jpg') no-repeat;

}

.stamp_2 {

	background: url('images/stamp_2.jpg') no-repeat;

}

.stamp_3 {

	background: url('images/stamp_3.jpg') no-repeat;

}

.stamp_4 {

	background: url('images/stamp_4.jpg') no-repeat;

}

.stamp_5 {

	background: url('images/stamp_5.jpg') no-repeat;

}

.stamp_6 {

	background: url('images/stamp_6.jpg') no-repeat;

}

.stamp_7 {

	background: url('images/stamp_7.jpg') no-repeat;

}



.produit,

.partenaire {

	background-color: #FFF;

	width: 100%;

}

.partenaire_l1 {

	border: 2px solid #996;

	background-color: #FFF;

}

.partenaire_l1 div.fic {

	margin:7px 10px;

}

.partenaire_l1 div.promo div.titre {

	font-weight:bold;

	margin:7px 0 3px 5px;

}

.partenaire_l1 div.promo div.content {

	margin-left:5px;

}

.partenaire_l2 {

	border: 2px solid #900;

	background-color: #FFF;

}

.partenaire_1 {

	margin: 0px;

	background-color: #AA7;

	text-align: center;

	color: #FFF;

	padding: 2px;

}

.partenaire_2 {

	margin: 0px;

	background-color: #900;

	text-align: center;

	color: #EEE;

	padding: 2px;

}

.partenaire_act {

	text-align: center;

}

.decompte {

	color : #C00;

	font-size: 14px;

	font-weight: bold;

}

.desc {

	width: 190px;

	margin: 6px;

}

.thumb {

	width: 120px;

	height: 120px;



	margin: 6px 10px 4px 6px;

	border: 0;

}

#prix, #prix_p, #prix_red, #stock {

	font-family: Arial, Helvetica, sans-serif;

	text-indent: 0px;

	margin: 5px;

	padding: 2px 0 2px 0;

}

#prix, #prix_red {

	font-weight: bold;

	font-size: 13px;

}

#prix_p {

	border: 1px solid #666;

	background-color: #DDD;

	font-size: 11px;

	color: #666;

}

#prix {

	border: 1px solid #666;

	background-color: #180;

	color: #FFF

}

#prix_red {

	border: 1px double #C30;

	color: #C30;

	background-color: #FDC;

}

#stock {

	font-weight: bold;

	font-size: 12px;

	color: #C30;

}

#stock .nbstock{

	padding: 0px;

	font-weight: bold;

	font-size: 18px;

}

.comment {

	color: #999;

	font-size: 10px;

}

.title {

	position: relative;

	font-size: 12px;

	margin-bottom: 10px;

	text-align: left;

	color: #544;

	padding: 3px 8px;

}

.title a {

	color: #766;

}

.title a:hover {

	color: #977;

}

ul {

	margin: 0px 0px 0px 0px;

}

li {

	margin: 0px 0px 4px 0px;

	padding: 0px;

	list-style-type: none;

}

ul.files {

	margin: 10px 0 0 5px;

	padding: 0;

	text-align: left;

}

ul.files li {

	margin: 5px 0;

}

ul.files li img,

td.files img {

	width: 22px;

	height: 22px;

	border: 0;

	margin-right: 8px;

}

ul.files p.comment {

	margin: 0 0 0 35px;

}

#menu_bottom ul {

	margin: 10px 0 0 30px;

	padding: 0;

}

#menu_bottom li {

	font-weight: bold;

	list-style-position: inside;

	list-style-type: disc;

	font-size: 12px;

}

#menu_bottom li a {

	color: #544;

}

#menu_bottom li a:hover {

	color: #766;

}

form#tarifs select{

	width:137px;

}

form#tarifs select#search_fam{

	font-size:9px;

}





/* Contenu */

#contenu .reduc1, #contenu .reduc2, #contenu .reduc3 {

	width: 60px;

	height: 20px;

	padding: 10px 0 10px 0;

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #CC0000;

	border: 1px solid #FFFFFF;

}

#contenu .reduc1 {

	position: absolute;

	right: 13px;

	bottom: 47px;

}

#contenu .reduc2 {

	position: absolute;

	left: -7px;

	bottom: 47px;

}

#contenu .reduc3 {

	margin-right: 4px;

}



div#bandeau_deroulant{

	background: url('images/ticker.jpg') no-repeat;

	font-family:Courier, monospace;

	font-size:13px;

	font-weight:bold;

	height:30px;

	margin:0;

	overflow:hidden;

	padding:7px 20px;

	width:740px;

}

ul.tabBar {
	margin: 16px 0 8px 0;
	padding: 0;
}

ul.tabBar li {
	float: left;
	margin: 0;
	padding: 4px 16px;
	border: 1px solid #CCC;
	border-bottom: 0;
	background-color: #CCC;
	color: #666;
	font-weight: bold;
}

ul.tabBar li.active {
	cursor: pointer;
}

ul.tabBar li.active:hover {
	background-color: #DDD;
}

ul.tabBar li.selected,
ul.tabBar li.selected:hover {
	background-color: #EEE;
	border: 1px solid #EEE;
	border-bottom: 0;
	color: #333;
}

div.tabContainer {
	clear: left;
	margin: -1px 0 0 0;
	border: 2px solid #EEE;
	padding: 5px;
	background-color: #EEE;
}

div.tabContainer div {
	display: inline-block;
	width: 225px;
	text-align: center;
	vertical-align: bottom;
}

div.tabContainer div h4 {
	margin-top: 8px;
	padding: 0 8px;
	font-size: 12px;
}

div.tabContainer div p.prix {
	width: 120px;
	margin: 0 auto;
	padding: 2px 0 2px 0;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #666;
	background-color: #180;
	color: #FFF
}

div.tabContainer p.fiche {
	padding: 8px;
}