/* CSS Document */
body {
	background: #fff url('images/bg-body.jpg') 0 0 repeat;
	text-align: center;
/* ne jamais modifier */
	font: normal 80%/1em Arial, sans-serif;
	color: #808080;
	font-size: 11px;
	line-height: 11px;
}


/* template */
a {
	color: #8f8f8f;
	text-decoration: none;
}
a:hover {
	color: #000;
    text-decoration: underline;
}
#centrage_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#centrage_top_in, .centrage, #container-out, #header, #footer, #menu_bloc {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
.centrage, #container-out, #header, #menu_bloc {
	position: relative;
}
#centrage_top, #centrage_top_in {
	height: 123px;
}
#container-out {
	margin-top: 123px;
	background: transparent url('images/fond.png') 0 0 repeat-y;
	text-align: left;
	width: 980px;
}

#container-in {
	float: left;
	height: 500px;
	margin-bottom: 17px;
	_display: inline; /* ie6 hack */
}
html>body #container-in {
	height: auto;
	min-height: 500px;
}
#container-in2 {
	float: left;
	height: 140px;
}
html>body #container-in2 {
	height: auto;
	min-height: 119px;
}
#centrage-1 #container-in {
	width: 642px;
	margin-right: 30px;
}
#centrage-2 #container-in {
	width: 761px;
	margin-right: 15px;
}
#centrage-3 #container-in {
	width: 856px;
	margin-left: 62px;
}
#centrage-5 #container-in {
	width: 900px;
	margin-right: 40px;
	margin-left: 40px;
}
#centrage-6 #container-in {
	width: 435px;
	margin-right: 28px;
	margin-left: 62px;
}
#centrage-7 #container-in {
	width: 607px;
	margin-right: 20px;
	margin-left: 62px;
}

#centrage-8 #container-in {
	width: 856px;
	margin-right: 62px;
	margin-left: 62px;
}



#page_info_artiste #container-in {
    margin-bottom: 0;
}

#cat-3 {
    background: url('images/bg-cat-3.jpg') 0 0 no-repeat;
}

#cat-4 {
    background: url('images/bg-cat-4.jpg') 0 0 no-repeat;
}

#cat-8 {
    background: url('images/bg-cat-8.jpg') 0 0 no-repeat;
}

#cat-9 {
    background: url('images/bg-cat-9.jpg') 0 0 no-repeat;
}
#cat-14 {
    background: url('images/bg-cat-14.jpg') 0 0 no-repeat;
}

#cat-16 {
    background: url('images/bg-cat-16.jpg') 0 0 no-repeat;
}

#cat-17 {
    background: url('images/bg-cat-17.jpg') 0 0 no-repeat;
}

#cat-18 {
    background: url('images/bg-cat-18.jpg') 0 0 no-repeat;
}

#cat-23 {
    background: url('images/bg-cat-23.jpg') 0 0 no-repeat;
}

#cat-26 {
    background: url('images/bg-cat-26.jpg') 0 0 no-repeat;
}


/* left */
#left {
	text-align: left;
	/*margin-top: 52px;*/
}
#centrage-2 #left {
	float: right;
/* nécessaire ie6 */
	width: 182px;
}

#centrage-3 #left {
	float: right;
/* nécessaire ie6 */
	width: 238px;
	margin-left: 4px;
}
/* middle */
#middle {
	text-align: left;
	line-height: 16px;
	font-size: 12px;
	margin-top: 52px;
	color: #000;
}
#centrage-1 #middle {
	width: 630px;
	margin-left: 12px;
}
#centrage-2 #middle {
	float: right;
	width: 560px;
	margin-left: 19px;
}
#centrage-3 #middle {
	float: right;
	width: 698px;
	margin-right: 10px;
	margin-left: 10px;
}
#centrage-5 #middle {
	margin-top: 0;
}
#centrage-6 #middle {
	width: 435px;
}
#centrage-7 #middle {
	width: 607px;
}
#centrage-8 #middle {
	width: 856px;
}

#middle p {
    margin-bottom: 6px;
}

#middle h2, #middle h3 {
    margin-bottom: 12px;
}

#middle ul, #middle ol, #middle ul li, #middle ol li {
    margin-left: 2em;
}

#middle ul, #middle ol {
    margin-bottom: 12px;
}

#middle .galleryview .filmstrip li {
	margin: 0
;
}


/* right */
#right {
	_display: inline; /* ie6 hack */
	float: right;
	text-align: left;
    margin-top: 52px;
}
#centrage-6 #right {
	width: 393px;
	margin-right: 62px;
}
#centrage-7 #right {
	width: 228px;
	_width: 215px;
	margin-right: 62px;
}

#centrage-7 #right .boxe {
    width: 226px;
	_width: 210px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

#centrage-7 #right .boxe .boxe-top {
    width: 226px;
	_width: 210px;
    height: 27px;
    background: transparent url('images/right-boxe-entete.jpg') 0 0 no-repeat;

}

#centrage-7 #right .boxe .boxe-top h2 {
    line-height: 27px;
    color: #fff;
    font-size: 13px;
    margin-left: 15px;
}
#centrage-7 #right .boxe .boxe-middle {
    width: 174px;
    margin: 5px auto;
}
#centrage-7 #right .boxe .boxe-middle ul li {
    background: transparent url('images/fleche-noire.jpg') 0 50% no-repeat;
    padding-left: 12px;
    height: 17px;
    line-height: 17px;
}

#centrage-7 #right .boxe .boxe-middle ul li#logo-carte {
    margin-top: 10px;
    background: #fff;
    padding-left: 0;
}

#centrage-7 #right .boxe .boxe-middle ul li a {
    text-decoration: underline;
    color: #000;
}

#centrage-7 #right .boxe .boxe-middle #besoin_aide {
    color: #b4b4b4;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
}
#centrage-7 #right .boxe .boxe-middle #num_tel {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 12px;
}
#centrage-7 #right .boxe .boxe-middle #texte_contact {
    color: #b4b4b4;
    font-size: 10px;
}

#centrage-1 #right {
	width: 340px;
	margin-right: 32px;
	margin-top: 57px;
}

#centrage-2 #right {
	width: 248px;
	margin-right: 20px;
}
#centrage-3 #right {
	width: 196px;
}
#footer {
	clear: both;
	height: 180px;
	background: transparent url('images/footer.png') 0 0 no-repeat;
	position: relative;
	text-align: left;
}


.clear {
	clear: left;
}
.clearboth {
	clear: both;
}
#header {
	height: 123px;
	background: url('images/header.png') 0 0 no-repeat;
	position: relative;
	text-align: left;
}

#header #logo a {
	position: absolute;
	top: 0;
	left: 74px;
	width: 97px;
	height: 123px;
	display: block;
	font-size: 0;
	text-indent: -5000px;
}
#header #baseline {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 700px;
	height: 20px;
}

#header #links-top-fr_FR {
    position: absolute;
    top: 0;
    right: 63px;
    width: 194px;
    height: 16px;
    background: transparent url('images/links-top.jpg') 0 0 no-repeat;
}

#header #link-account, #header #link-cart, #header #link-contact, #header #link-other {
    position: absolute;
    top: 0;
    display: block;
    height: 16px;
    font-size: 0;
    text-indent: -5000px;
}

#header #link-account, #header #link-cart {
    width: 74px;
}
#header #link-contact, #header #link-other {
    width: 20px;
}

#header #link-cart {
    right: 0;
}
#header #link-account {
    right: 76px;
}
#header #link-contact {
    right: 152px;
}
#header #link-other {
    right: 174px;
}

#header #menu {
  position: absolute;
  top: 92px;
  left: 184px;
  margin:0;
  padding:0;
  list-style:none;
  }
#header #menu li {
  float:left;
  background:url('images/onglet-left.jpg') no-repeat left top;
  margin:0 1px 0 0;
  padding:0 0 0 8px;
  }
#header #menu #current, #header #menu #current-cat {
  background-image:url('images/onglet-left-hover.jpg');
  }
#header #menu li a {
  float:left;
  display:block;
  background:url('images/onglet-right.jpg') no-repeat right top;
  padding:11px 8px 8px 1px;
  text-decoration:none;
  color:#000;
  text-transform: uppercase;
  font-size: 11px;
  }
#header #menu #current a {
  background-image:url('images/onglet-right-hover.jpg');
  padding:11px 8px 9px 1px;
  }
  
#header #menu li.cat a {
    background-image : url('images/onglet-right-cat.jpg');
    padding:11px 22px 8px 6px;
}
#header #menu li#current-cat a {
  background-image:url('images/onglet-right-cat-hover.jpg');
  padding:11px 8px 9px 1px;
  }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header #menu li a {float:none;}
/* End IE5-Mac hack */
#header #menu li a:hover {
  color:#333;
  }

#sacs-menu {
	z-index: 100;
    position: absolute;
    top: 123px;
    left: 249px;
    width: 161px;
    background: #fff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
}

#sacs-menu ul {
    width: 159px;
    margin: 1px;
}

#sacs-menu ul li {
    height: 28px;
    line-height: 28px;
}

#sacs-menu ul li a {
    display: block;
    height: 28px;
    line-height: 28px;
}

#sacs-menu ul li a:hover {
    background-color: #e8e6d6;
}

#sacs-menu ul li a span {
    margin-left: 5px;
}
#footer ul li {
    height: 16px;
    line-height: 16px;
}
#footer #garanties {
	position: absolute;
	top: 22px;
	left: 62px;
	width: 195px;
	text-align: left;
}

#footer #garanties ul #logo-carte {
    margin-top: 7px;
}

#footer #informations {
	position: absolute;
	top: 22px;
	left: 288px;
	width: 195px;
	text-align: left;
}

#footer #societe, #footer #societe_link {
	position: absolute;
	top: 22px;
	left: 553px;
	width: 350px;
	text-align: left;
}

#footer #societe_link {
	display: block;
	height: 95px;
	font-size: 0;
	text-indent: -5000px;
}

#footer #societe p {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 16px;
}

#footer h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #000;
}
#footer ul li {
    height: 14px;
    line-height: 18px;
}

#footer ul li a {
    text-decoration: underline;
}

.separ {
	width: 698px;
	height: 1px;
	background: transparent url('images/bg-separ.jpg') 0 0 no-repeat;
	margin-bottom: 20px;
}

#middle .list-produit {
    margin-top: 15px;
}
#middle .list-produit .produit {
    float: left;
    width: 166px;
    height: 176px;
    background: url('images/carousel-bg.jpg') 0 0 no-repeat;
    position: relative;
}

#page_account_customer_points #middle .list-produit .produit {
    background-image: url('images/bg-product-cadeau.jpg');
}

#middle .list-produit .produit-right {
	margin-right: 0;
}
#middle .list-produit .produit .image {
    display: block;
    position: absolute;
    width: 138px;
    height: 138px;
    top: 1px;
    left: 14px;
	z-index: 99;
}

#middle .list-produit .produit .name {
    display: block;
    position: absolute;
    top: 140px;
    left: 29px;
    font-size: 11px;
    line-height: 14px;
}
#middle .list-produit .produit .name a {
	text-decoration: underline;
}

#middle .list-produit .produit .normal_price, #middle .list-produit .produit .reduc_price, #middle .list-produit .produit .del_price {
    display: block;
    position: absolute;
    top: 157px;
    left: 29px;
    font-size: 12px;
}
#middle .list-produit .produit .normal_price, #middle .list-produit .produit .reduc_price {
	left: 29px;
	width: 65px;
	font-size: 12px;
	color: #000;
}
#middle .list-produit .produit .del_price {
	left: 86px;
	width: 55px;
	font-size: 12px;
	color: #8f8f8f;
}

#middle .module .title {
    position: relative;
}

#middle .module .title .lien {
    position: absolute;
    top: 5px;
    right: 0;
    text-align: right;
}

#middle h1 {
    color: #000;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 20px;
}
#right h2 {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 14px;
}
#middle h2 {
	width: 100%;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
}
#middle h2, #middle h2 a {
	color: #000;
	font-weight: bold;
}
#middle h3 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 6px;
}

#middle h3, #middle h3 a {
	color: #000;
}

#middle h4 {
    font-size: 14px;
    font-weight: bold;
}

/* ----- TABLEAUX ----- */
table {
	width: 100%;
	margin: 0 auto 20px auto;
}
.module-605 table {
	margin: 0 auto;
}
table thead tr {
	border: 1px solid #ccc;
}
table thead tr th {
	text-align: left;
	padding: 5px 4px;
	background: #b1b1b1;
	font-weight: bold;
	color: #fff;
}
table thead tr th.first-column {
	border-left: 0;
}
table thead tr th.last-column {
	border-right: 0;
}
table tbody {
	background: #fff;
}
table tbody tr td {
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	padding: 4px 4px;
	vertical-align: middle;
}
#total_panier tbody tr td {
	border-bottom: 0;
}
table.total-panier tbody tr td {
	padding: 10px 4px;
}
table tbody tr td.first-column {
	border-left: 0;
}
table tbody tr.last-ligne td {
	border-bottom: 0;
	font-weight: bold;
}
table tr td.column_modify {
	width: 100px;
}
tbody tr td.last-column, thead tr th.last-column {
	border-right: 0;
}
/*table tbody tr.coupon {
	background: #f8f0db;
}
table tbody tr.fp {
	background: #f3e0b6;
}
table tbody tr.total_panier {
	background: #e9cd84;
}
table tbody tr.coupon td, table tbody tr.fp td, table tbody tr.total_panier td {
	border-bottom: 1px solid #fff;
}
*/
tbody tr td .cartQty {
	width: 40px;
	background: #fff url('images/qty-field.jpg') 0 0 no-repeat;
	border: 0;
	height: 21px;
	line-height: 25px;
	text-align: center;
}
tbody tr td.column-right {
	text-align: right;
}
tbody tr td.column-price {
	width: 65px;
	text-align: right;
	padding-right: 5px;
}
tbody tr td.column-quantity {
	width: 65px;
	text-align: right;
}
tbody tr td.column-img, tbody tr td.column-delete, tbody tr td.column-supprim, tbody tr td.column-bouton {
	text-align: center;
}
tbody tr td.column-delete, tbody tr td.column-supprim {
	width: 40px;
}
tbody tr td.column-price-total {
	width: 80px;
	text-align: right;
}
tbody tr td .qty-in-cart {
	font-weight: bold;
	font-size: 14px;
}
tbody tr td.column-img {
	width: 50px;
}
.table-total tbody tr.last-ligne td {
	font-weight: bold;
}
/*.column-img img {
	width: 50px;
	height: 50px;
}
*/
table tbody tr.coupon td {
}
/* coupons */
#coupon-field {
	border: 1px solid #71726c;
	width: 125px;
	padding: 0 2px;
	height: 18px;
	vertical-align: top;
}
#use-coupon-ok {
	line-height: 25px;
}

/* boutons  */
.buttons, .buttons-right, .buttons-left {
	position: relative;
	height: 28px;
/* hauteur à modifier */
	text-align: left;
	padding-left: 163px;
	margin: 10px 0 25px 0;
	text-decoration: none;
}
#sidebar .buttons, .buttons-table {
	padding-left: 0;
}
.buttons-right, .buttons-left {
	padding-left: 0;
}
.buttons-left {
	margin-left: 0;
}
.buttons-right {
	margin-right: 0;
}
fieldset .buttons {
	margin-right: 1em;
}
.buttons a, .buttons a.lbOn, .buttons a.lbAction, .buttons button {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none;
	float: left;
	text-decoration: none;
}
.buttons-right a, .buttons-right a.lbOn, .buttons-right a.lbAction, .buttons-right button {
	margin: 0 0 0 20px;
	float: right;
}
* html .buttons button, * html .buttons a {
	display: block;
}
*:first-child+html .buttons button, *:first-child+html .buttons a {
	display: block;
}
html>
/**/
body .buttons button {
	margin-top: -1px;
}
.buttons a span, .buttons button span, .buttons a span span, .buttons button span span {
	height: 28px;
/* hauteur à modifier */
}
.buttons a span, .buttons button span {
	position: relative;
	float: left;
	vertical-align: middle;
	padding: 0 0 0 18px;
/* largeur partie gauche du bouton */
}
.buttons a span, .buttons button span {
	/*background: transparent url('images/button-rose-left.jpg') 0 0 no-repeat;*/
	background: #000;

/* version bg */
}
.buttons a.delete span, .buttons a.back span, .buttons a.thickbox span, .buttons a.back_order span, .buttons a.back_compare span {
	/*background: transparent url('images/button-vert-left.jpg') 0 0 no-repeat;*/
	background: #b4b4b4;

/* version bg */
}
.buttons a span span, .buttons button span span {
	padding: 0 18px 0 0;
/* largeur partie droite du bouton */
	/*background: transparent url('images/button-rose-right.jpg') right top no-repeat;*/
	background: #000;

/* version bg */
}
.buttons a.back span span, .buttons a.thickbox span span, .buttons a span span#delete_address {
	/*background: transparent url('images/button-vert-right.jpg') right top no-repeat;*/
	background: #b4b4b4;

/* version bg */
}
.buttons a span span span, .buttons button span span span {
	height: 28px;
/* hauteur à modifier */
	padding: 0;
	line-height: 28px;
/* hauteur à modifier */
	color: #fff;
	font-size: 13px;
}
.buttons button span span span {
	font-size: 14px;
/* toujours un px de plus */
}
.buttons a span span span, .buttons button span span span {
	/*background: transparent url('images/button-rose-middle.jpg') left top repeat-x;*/
	background: #000;

/* version bg */
}
.buttons a.back span span span, .buttons a.thickbox span span span, .buttons a span span#delete_address span {
	/*background: transparent url('images/button-vert-middle.jpg') left top repeat-x;*/
	background: #b4b4b4;

/* version bg */
	color: #fff;
}
* html .buttons button {
	width: 1%;
	overflow: visible;
}
*:first-child+html .buttons button {
	overflow: visible;
}
/* Formulaires */
fieldset {
	margin-top: 10px;
}
fieldset .fieldset-bottom {
	clear: both;
	height: 12px;
}
.legend, legend {
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 100%;
	border-bottom: 1px solid #808080;
	height: 19px;
	line-height: 19px;
	margin-bottom: 10px;
}
.legend {
	color: #808080;
}
.formrow {
	width: 100%;
	vertical-align: middle;
	clear: both;
}
.formrow_cache {
	display: none;
}
.formlabel {
	width: 150px;
	float: left;
	margin-right: 16px;
	padding: 5px 0 0 0;
	text-align: right;
}
.formlabel .etoile, .etoile {
	color: #000;
}
.formtext, .formtextlong {
	width: 430px;
	float: left;
	padding: 2px 2px 2px 0px;
}
.formrow-checkbox .formtextlong {
	margin-left: 140px;
	width: 470px;
}
.formrow-checkbox .formlabel {
	padding: 0;
	font-size: 0;
	background: red;
	width: 100px;
	display: none;
}
.formtext input[type=text], .formtext input[type=password], .formtext select {
	width: 231px;
	background: #fff;
	border: 1px solid #e6e6e6;
	padding: 2px 2px 1px 2px;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
}
input[type=radio], .radio, table tbody tr td .radio {
	border: 0;
}
#TB_window .formtext input[type=text], #TB_window .formtext input[type=password], #TB_window .formtext select {
	background: #fff;
	border: 1px solid #e6e6e6;
}
.formtext select {
	width: 235px;
	background: #fff;
	border: 1px solid #e6e6e6;
}
.formtextlong textarea {
	width: 435px;
	height: 99px;
	background: #fff;
	border: 1px solid #e6e6e6;
	padding: 0 2px;
}
#TB_window .formtextlong textarea {
	width: 231px;
}
.formtext input.numeric-2 {
	width: 42px;
	background: #fff;
	border: 1px solid #e6e6e6;
	padding: 0 3px;
}
.formtext input.numeric-4 {
	width: 62px;
	background: #fff;
	border: 1px solid #e6e6e6;
	padding: 0 3px;
}
.formspacer {
	width: 100%;
	_height: 6px;
	min-height: 6px;
	vertical-align: top;
	line-height: 6px;
	clear: both;
}
.formdesc {
	width: 180px;
	float: left;
	font-size: 10px;
	color: #81876B;
	padding-left: 10px;
}
.numeric-2 {
	width: 25px;
}
.numeric-4 {
	width: 50px;
}

.zone-prod {
    position: relative;
    height: 482px;
    width: 900px;
}

.zone-prod h1 {
    position: absolute;
    top: 203px;
    left: 22px;
}

#cat-9.zone-prod h1 {
    position: absolute;
    top: 150px;
    left: 22px;
}

.zone-prod #carac {
    position: absolute;
    top: 236px;
    left: 22px;
    width: 195px;
}

#cat-9.zone-prod #carac {
    position: absolute;
    top: 180px;
    left: 22px;
    width: 195px;
}

.zone-prod #thumbs {
    position: absolute;
    top: 99px;
    right: 24px;
    width: 199px;
    height: 151px;
    background: transparent url('images/bg-thumbs.jpg') 0 0 no-repeat;
    border: 0;
}

.zone-prod #thumbs ul, .zone-prod #thumbs ul li {
    margin-left: 0;
}

.zone-prod #zone-panier {
    position: absolute;
    top: 250px;
    right: 24px;
    width: 219px;
    height: 184px;
}

.zone-prod #zone-panier #affiche_price {
    font-size: 21px;
    margin: 35px 0 10px 58px;
}

.zone-prod #zone-panier #affiche_cart, .zone-prod #zone-panier p {
    margin: 6px 0 6px 58px;
}

.zone-prod #thumbs ul li {
    float: left;
    margin-left: 1px;
    margin-top: 1px;
    width: 98px;
    height: 74px;
}

.zone-prod #product-zone-image, .zone-prod #video_bloc {
    position: absolute;
    top: 101px;
    left: 239px;
	width: 438px;
	height: 330px;
}
.zone-prod #link_video {
    display: block;
    position: absolute;
    top: 396px;
    left: 250px;
	width: 26px;
	height: 26px;
	z-index: 1;
	font-size: 0;
	text-indent: -5000px;
	background: transparent url('images/btn-360.jpg') 0 0 no-repeat;
	
}
.portfolio_img {
	width: 438px;
	height: 330px;
	margin: 0;
	position: relative;
	background: transparent url('images/bg-image-product.jpg') 0 0 no-repeat;
}
.premiere_image {
	width: 438px;
	height: 330px;
}
.portfolio_img #zoom a {
	width: 438px;
	height: 330px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-indent: -5000px;
	font-size: 0;
}





/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
	display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display: none;
}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
	font-size: 12px;
}
.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ui-tabs-nav:after {
/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.ui-tabs-nav li {
	float: left;
	margin: 5px 0 0 0;
	min-width: 84px;
/* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	display: block;
	padding: 0 10px;
}
.ui-tabs-nav a {
	margin: 1px 0 0;
/* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	color: #27537a;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
/* required in IE 6 */
	outline: 0;
/* prevent dotted border in Firefox */
	background: blue;
}
.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #000;
	background: #16a796 url('images/onglet-right.jpg') top right no-repeat;
}
.ui-tabs-nav a span {
	width: 64px;
/* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px;
/* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
	color: #16a796;
}
*>.ui-tabs-nav a span {
/* hide from IE 6 */
	width: auto;
	height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
	padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover, .ui-tabs-nav a:active, .ui-tabs-nav a:focus {
	background: #16a796 url('images/onglet-right.jpg') top right no-repeat;
}
.ui-tabs-nav a:hover {
	background: #fff;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
	background: #fff;
}
.ui-tabs-nav a:hover span, .ui-tabs-nav a:active span {
	background: #fff;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:active span {
	background: #16a796 url('images/onglet-left.jpg') 0 0 no-repeat;
	color: #fff;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
	background: #fff;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}
.ui-tabs-panel {
	border-top: 2px solid #16a796;
	padding: 1em 8px;
	background: #fff url('images/bg-panel.jpg') 0 0 repeat-x;
/* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-panel fieldset {
    background: transparent;
}
.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url('images/loading.gif') no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
/* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}
*:first-child+html .ui-tabs-nav {
/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font-size: 11px;
	color: #333333;
}
#TB_secondLine {
	font-size: 11px;
	color: #666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.TB_overlayMacFFBGHack {
	background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG {
	background-color: #808080;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay {
/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color: #000000;
	display: none;
	text-align: left;
	top: 50%;
	left: 50%;
	border: 1px solid #808080;
}
* html #TB_window {
/* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-right: 0;
}
#TB_caption {
	height: 25px;
	padding: 7px 30px 10px 25px;
	float: left;
}
#TB_closeWindow {
	height: 25px;
	padding: 11px 15px 10px 0;
	float: right;
}
#TB_closeAjaxWindow {
	padding: 7px 10px 5px 0;
	margin-bottom: 1px;
	text-align: right;
	text-align: right;
	float: right;
}
#TB_closeWindowButton a {
	line-height: 15px;
	text-decoration: none;
}
#TB_ajaxWindowTitle {
	text-align: center;
	padding-top: 4px;
	font-size: 19px;
	line-height: 22px;
	color: #808080;
	padding-bottom: 5px;
	border-bottom: 1px solid #808080;
}
#TB_ajaxbloc {
	width: 500px;
	margin: 0 auto;
	background: #fff;
}
#TB_title {
	background: #fff;
	width: 480px;
	margin: 0 auto;
	height: 35px;
}
#TB_ajaxbloc_bottom {
	width: 500px;
	height: 30px;
	background: #fff;
}
#TB_ajaxContent {
	clear: both;
	width: 480px;
	margin: 0 auto;
	padding: 2px 0 15px 0;
	overflow: auto;
	text-align: left;
	line-height: 14px;
}

#TB_ajaxContent.TB_modal {
	padding: 15px;
}
#TB_ajaxContent p {
	padding: 5px 0px 5px 0px;
}
#TB_ajaxContent object {
    padding: 0;
    margin: 0;
}
#TB_ajaxContent .formlabel {
	width: 100px;
}
#TB_ajaxContent .formtext {
	width: 220px;
}
#TB_ajaxContent .formtextlong {
	width: 290px;
}
#TB_ajaxContent a {
	text-decoration: none;
}
#TB_ajaxContent .info {
	font-size: 12px;
	text-align: left;
	background: #fff;
	width: 400px;
}
#TB_ajaxContent .buttons-thickbox {
	font-size: 14px;
	margin-top: 15px;
}
#TB_ajaxContent .buttons-thickbox a {
	margin-right: 60px;
	width: 60px;
}
#TB_ajaxContent .buttons-thickbox input {
	background: transparent;
	color: #fff;
	border: 0;
	padding: 3px 5px;
	text-transform: uppercase;
}
/* Rotator */
.rotatorOptions {
	position: absolute;
	top: 10px;
	right: 10px;
}
.rotatorOptions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.rotatorWrapper {
	background: #fff;
	height: 300px;
}
.rotatorWrapper-in {
	position: relative;
	background: #fff url('images/rotatorWrapper-in.jpg') 0 0 no-repeat;
	width: 940px;
	margin: 10px;
	height: 290px;
}
#slideshow {
	width: 664px;
	position: absolute;
	top: 15px;
	left: 15px;
}
.rotator {
	height: 290px;
}
.divRotator {
	height: 271px;
	width: 630px;
	position: relative;
}
.divRotator .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 301px;
	height: 241px;
}
.divRotator .texte {
	position: absolute;
	top: 9px;
	left: 311px;
	width: 285px;
	height: 250px;
}
.divRotator .texte h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

.divRotator .texte .desc {
    font-size: 12px;
    line-height: 16px;
    height: 170px;
}

.divRotator .texte h3, .divRotator .texte h3 a {
    color: #12a794;
}
.rotator_nav {
	width: 298px;
	height: 255px;
	overflow: hidden;
}
.rotator_nav li {
}
.rotator_nav li a {
	display: block;
	width: 298px;
	height: 85px;
	background: transparent url('images/rotatorWrapper-nav.jpg') 0 0 no-repeat;
	cursor: hand;
	outline: none;
	position: relative;
	text-decoration: none;
}

.rotator_nav li a .image {
    position: absolute;
    top: 5px;
    left: 5px;
}

.rotator_nav li a .name_short {
    position: absolute;
    top: 10px;
    left: 99px;
    color: #12a794;
    font-weight: bold;
    font-size: 13px;
    width: 230px;
}

.rotator_nav li a .desc_short {
    position: absolute;
    top: 35px;
    left: 99px;
    color: #000;
    width: 200px;
}


/*
.rotator_nav li.btn_1, .rotator_nav li.btn_2 {
	margin-bottom: 20px;
}
*/
.rotator_nav li a:hover, .rotator_nav li a.activeSlide, .rotator_nav li a.activeSlide:hover {
	background-position: 0 -85px;
}

.hide {
	display: none;
}
.overflow {
	width: 100%;
	overflow: hidden;
}
/* process commande */
.checkoutbar-bloc {
	width: 856px;
	color: #000;
	margin: 10px auto 20px;
	position: relative;
	height: 46px;
}

.checkoutbar-bloc h1 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 200px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
}

.checkoutbar-bloc ul {
    position: absolute;
    top: 20px;
    left: 200px;
    width: 656px;
    height: 26px;
	line-height: 26px;
	font-size: 12px;
}

.checkoutbar-bloc ul li {
	display: block;
	float: left;
	background: #fff;
	width: 95px;
	text-align: center;
}
.checkoutbar-bloc ul li a {
	text-decoration: none;
	color: #808080;
}
.checkoutbar-bloc ul li.current {
	background-color: #808080;
}
.checkoutbar-bloc ul li.current a {
	color: #fff;
}

.checkoutbar-bloc ul li.pass {
	background-color: #d2dd4c;
}
.checkoutbar-bloc ul li.pass a {
	color: #000;
}



.checkoutbar-bloc ul li.separ-process {
    width: 23px;
    background: transparent url('images/separ-process.jpg') 0 0 no-repeat;
    font-size: 0;
    text-indent: -5000px;
}
/* affichage des modules de paiement */
.bloc-paiement {
	padding: 10px;
	width: 585px;
	background: #fff;
	border: 1px solid #e8e8e8;
}

.bloc-paiement .description {
	margin-top: 10px;
}
.bloc-paiement .description .image {
	width: 120px;
	margin-right: 15px;
	float: left;
}
.bloc-paiement-selected {
	background: #d0dc4a;
	color: #000;
}
/* two-column */
#middle .two-column {
	width: 607px;
	text-align: left;
	margin: 0 auto 0 auto;
}
#middle .two-column table {
	width: 288px;
	border: 1px solid #e8e8e8;
	margin-bottom: 0;
}
.two-columnleft, .two-columnright {
	width: 290px;
	margin: 0 13px 0 0;
}
.two-columnright {
	float: right;
	margin: 0 0 0 14px;
}
dl.item-order-total {
	height: 20px;
	border-bottom: 1px solid #fff;
}
dl.item-order-total dt {
	width: 487px;
	float: left;
}
dl.item-order-total dd {
	width: 110px;
	float: left;
	text-align: right;
}
.item-order-total {
	padding: 5px;
	width: 597px;
	background: #fff;
	border-bottom: 1px solid #000;
}
* html .item-order-total {
    width: 607px;
}
.order-total-ot_total {
	padding: 10px 5px;
	background: #D2DD4C;
}
#middle dl.order-total-ot_total dt, #middle dl.order-total-ot_total dd {
	font-weight: bold;
	color: #000;
	font-size: 14px;
}

/* message */
.message {
	margin-bottom: 10px;
	font-weight: bold;
}
.message-success, .msg_success {
	color: #1ccb0e;
}
.message-error, .msg_error {
	color: red;
}
/* sitemap */
.sitemap_3 {
	margin-left: 15px;
}
.sitemap_4 {
	margin-left: 30px;
}
.sitemap_5 {
	margin-left: 45px;
}
.sitemap-container ul li {
	height: 16px;
	line-height: 16px;
}
.sitemap-container h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0 4px 0;
}
.sitemap-container h4 {
	margin: 8px 0 3px 0;
}
.sitemap-container h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 6px 0 2px 0;
}
.sitemap-container h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 1px 0;
}

.ticket-ans {
	margin-top: 10px;
}
.note {
	float: left;
	background: #4B5344;
	width: 20px;
	text-align: center;
	margin-right: 15px;
}
.note-top, .note-bottom {
	width: 14px;
	margin: 0 auto;
	color: #fff;
}
.note-top {
	border-bottom: 1px solid #fff;
}
.comment {
	border-bottom: 1px solid #4B5344;
	padding-bottom: 10px;
	margin-bottom: 10px;
}




/* Pagination */

.pagination {
	width: 607px;
	height: 17px;
	margin: 0 auto 10px;
	position: relative;
}

.pagination .pagination_first, .pagination .pagination_last {
	display: none;
}

.pagination .pagination_prev, .pagination .pagination_next {
	position: absolute;
	top: 0;
    width: 200px;
    height: 23px;
}

.pagination .pagination_prev {
	left: 0;
	text-align: left;
}

.pagination .pagination_next {
	right: 0;
	text-align: right;
}

.pagination .pagination_prev a, .pagination .pagination_next a {
    font-size: 13px;
}

/*
.pagination .list_pages ul {
	width: 300px;
	height: 12px;
	text-align: center;
	background: yellow;
}

.pagination .list_pages ul li {
	float: left;
	width: 12px;
	height: 12px;
	line-height: 12px;
	font-size: 11px;
	margin-right: 4px;
}

.pagination .list_pages ul li a {
	color: #3f3f3f;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 12px;
	height: 12px;
	background: red;
}
*/

.pagination .list_pages {
	position: absolute;
	top: 0;
	left: 300px;
    width: 300px;
    height: 20px;
}

.pagination .list_pages, .pagination .list_pages ul {
    width: 300px;
    height: 20px;
}
.pagination .list_pages ul li a {
    display: block;
    float: left;
	width: 20px;
	height: 20px;
	line-height: 18px;
	font-size: 11px;
	margin-right: 4px;
	text-align: center;
}

.pagination .list_pages ul li a:hover {
    background: #F0F1EC;
}

.pagination .list_pages ul li.currentPage a {
	color: #fff;
	background: #14A190;
}

#pagin-top {
	margin-bottom: 17px;
}

.module-gris {
    background: #f0f1ec;
    padding: 12px 0;
    margin: 15px auto;
}

.module-gris-int {
    width: 670px;
    margin: 0 12px;
}



.breadcrumb {
    position: absolute;
    top: 246px;
    left: 32px;
}

#home {
    display: block;
    position: absolute;
    top: 246px;
    left: 10px;
    width: 22px;
    height: 15px;
    font-size: 0;
    text-indent: -5000px;
    background: #fff url('images/bg-breadcrumb.jpg') 0 0 no-repeat;
}

.breadcrumb a {
    color: #15A993;
    font-weight: bold;
}




/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	float: left;
    display:block;
	width:18px;
	height:18px;
	background:url('images/left.png') no-repeat;
	float:left;
	margin:0;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url('images/right.png');
	clear:right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
    float: left;
    margin-left:28px;
	width:610px;
	height:20px;
}


/* items inside navigator */
div.navi a {
    height: 8px;
	float:left;
	margin:3px 0;
	/*background:url('images/navigator.png') 0 0 no-repeat;*/
	background: #ccc;
	cursor:pointer;
}

/* mouseover state */
div.navi a:hover {
	background: yellow;
}

/* active state (current page state) */
div.navi a.active {
	background: red;
}


/* root element for the whole scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 698px;
	height:300px;
}

/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
	border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
	/*margin-top:118px;*/
}



/* single item */
#thumbs div {
	float:left;
	/*margin-left: -50px;*/
	width:400px; /* 349px */
	height:300px;
	background:#333;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}

/* formulaire question commande */
.bloc-question {
    float: left;
    width: 70px;
    text-align: center;
    margin: 0 5px;
    font-size: 9px;
}

/* accès administrateur */
#admin_access {
    width: 100%;
    height: 40px;
    border-bottom: 3px solid #FA2D34;
    z-index: 3;
    background: #0D0D0D;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

#admin_access p {
    padding-top: 10px;
}

#admin_access p, #admin_access p a {
    color: #fff;
}

.code-banner {
    width: 500px;
    height: 120px;
}

#middle .carousel-1 ul, #middle .carousel-1 ul li {
    margin-left: 0;
}

#middle .carousel-1 ul {
    margin-bottom: 0;
}


.carousel-1 li {
    float: left;
    width: 166px;
    height: 176px;
    background: url('images/carousel-bg.jpg') 0 0 no-repeat;
    position: relative;
}

.carousel-1 li .image {
    display: block;
    position: absolute;
    width: 138px;
    height: 138px;
    top: 1px;
    left: 14px;
}

.carousel-1 li .name {
    display: block;
    position: absolute;
    top: 140px;
    left: 29px;
    font-size: 11px;

}

.carousel-1 li .name a {
    text-decoration: underline;
}

.carousel-1 li .prix {
    display: block;
    position: absolute;
    top: 157px;
    left: 29px;
    font-size: 12px;
    color: #000;

}

.carousel-wrap {
    width: 332px;
    float: left;
}

.carousel-control {
    float: left;
    width: 29px;
    cursor: pointer;
}




#middle .carousel-prod {
    width: 748px;
    margin: 0 auto;
}

#middle .carousel-prod ul, #middle .carousel-prod ul li {
    margin-left: 0;
}

#middle .carousel-prod ul {
    margin-bottom: 0;
}

.carousel-prod li {
    float: left;
    width: 138px;
    height: 176px;
    position: relative;
}

.carousel-prod li .image {
    display: block;
    position: absolute;
    width: 138px;
    height: 138px;
    top: 1px;
    left: 14px;
}

.carousel-prod li .name {
    display: block;
    position: absolute;
    top: 140px;
    left: 29px;
    font-size: 11px;

}

.carousel-prod li .name a {
    text-decoration: underline;
}

.carousel-prod li .prix {
    display: block;
    position: absolute;
    top: 157px;
    left: 29px;
    font-size: 12px;
    color: #000;

}

#page_product_info .carousel-wrap {
    width: 690px;
    float: left;
}

.separ-article-etape {
    background: url('images/separ-article-etape.jpg') 0 0 no-repeat;
    height: 26px;
}
.article-etape .image {
    float: left;
    width: 110px;
    height: 110px;
    border: 1px solid #e6e6e6;
    margin-right: 27px;
}

.article-etape .image img {
    width: 108px;
    height: 108px;
    margin: 1px;
}

#quicktime, #mpeg {
    background-color: #fff;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 14px;
    line-height: 14px;
    padding-left: 30px;
    margin-bottom: 5px;
}

#quicktime {
    background-image: url('images/format-quicktime.jpg');
}
#mpeg {
    background-image: url('images/format-mpeg.jpg');
}



.fleche {
    padding-left: 12px;
    background: transparent url('images/fleche-grise.jpg') 0 60% no-repeat;
}

#wslide_accueil {
    position: relative;
    width: 900px;
    height: 357px;
    margin-bottom: 27px;
}

#wslide_accueil .wslide-menu {
    position: absolute;
    top: 340px;
    left: 10px;
    width: 100px;
    height: 17px;
}

#nbs_presentation {
	display: inline;
    float: left;
    width: 404px;
    margin-right: 59px;
    margin-left: 21px;
    _margin-left: 15px;
}

#home_products {
	display: inline;
    float: left;
    width: 390px;
}
#nbs_presentation h2, #home_products h2 {
    margin-bottom: 15px;
}
#middle #home_products h2 {
    margin-left: 29px;
}
#nbs_presentation .texte {
    float: left;
    width: 171px;
}

#nbs_presentation .image {
    float: left;
    margin-left: 24px;
}




#page-wrap						{ background: white; width: 900px; margin: 0 auto;
								  padding: 0; }

#slider							{ background: white url(../images/slider-bg.jpg); height: 357px; width: 900px; overflow: hidden;
								  position: relative; margin: 0 0 27px 0; }

                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */
#mover							{ width: 2700px; position: relative; }

.slide							{ padding: 0; width: 900px; float: left; position: relative; }
.slide h2						{ /*position: absolute; top: 145px; left: 51px;  z-index: 999; color: #fff; font-size: 12px; line-height: 22px; width: 170px;*/ }
/*.slide p						{ position: absolute; top: 176px; left: 51px;  z-index: 999; color: #fff; font-size: 12px; line-height: 22px; width: 170px; }
*/
.slide p						{ font-size: 0; text-indent: -5000px; }

.slide img						{ position: absolute; top: 0; left: 0;}
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  
								  
.artiste {
    width: 900px;
    height: 769px;
    position: relative;
}

.artiste .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 900px;
    height: 769px;
}

.artiste .name {
    position: absolute;
    top: 173px;
    left: 316px;
    width: 423px;
}

.artiste .description {
    position: absolute;
    top: 258px;
    left: 240px;
    width: 423px;
}



#middle .faq_head {
	width: 577px;
	height: 20px;
	color: #fff;
	text-align: left;
	line-height: 20px;
	margin-bottom: 15px;
	border-right: 0;
	font-weight: bold;
	background: #b1b1b1;
	font-size: 11px;
	padding-left: 10px;
}

#middle .faq_head_selected {
	background: #d2dd4c;
	color: #000;
}

.faq_head {
    cursor: pointer;
}

#middle .panel-overlay h2 {
    color: #fff;
    margin: 5px 0 10px 0;
}

.module-856 {
    width: 856px;
    margin: 0 auto;
}


/* module 2 colonnes page login */

.column-50 {
    width: 395px;
    float: right;
}

.column-left {
    float: left;
    margin-right: 20px;
}

.module-50 {
    width: 393px;
    border: 1px solid #e8e8e8;
    height: 170px;
}
html>body .module-50 {
    height: auto;
    min-height: 170px;
}



#centrage-8 #middle .title {
    width: 393px;
    height: 29px;
}

#centrage-8 #middle .title h2 {
    color: #000;
    font-size: 16px;
}

.module-50 .legend {
    width: 365px;
    margin-left: 9px;
    margin-top: 10px;
}

* html .module-50 .legend {
    width: 375px;
}

.module-50 p, .module-50 ul, .module-50 fieldset {
    width: 357px;
    margin-left: 18px;
}

.module-50 ul li {
    list-style-type: disc;
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 8px;
}

.module-50 a {
    color: #e90084;
}


.module-50 .formlabel {
	width: 97px;
	float: left;
	margin-right: 20px;
	padding: 5px 0 0 0;
	text-align: right;
}

.module-50 .formtext, .module-50 .formtextlong {
	width: 220px;
	float: left;
	padding: 2px 2px 2px 0px;
}

.module-50 .formtext input[type=text] {
	width: 218px;
}

.module-50 .formtext input[type=password] {
	width: 118px;
}

.module-50 p.fleche {
    background: transparent url('images/fleche-noire.jpg') 0 50% no-repeat;
    padding-left: 12px;
    height: 17px;
    line-height: 17px;
}

.module-50 p.fleche a {
    color: #000;
    text-decoration: underline;
}

.module-605 {
    border: 1px solid #e8e8e8;
}

#middle .module-605 ul, #middle .module-605 ol, #middle .module-605 ul li, #middle .module-605 ol li {
    margin-left: 0;
}

.module-605-after, .module-after {
    background: transparent url('images/module-605-after.jpg') 0 0 no-repeat;
    width: 607px;
    height: 20px;
    text-align: center;
}

.module-after {
    width: 100%;
}

.module-605 .int {
    width: 587px;
    margin: 10px auto;
    text-align: left;
}


#separ-product-bottom {
    background: transparent url('images/separ-product-bottom.jpg') 0 0 no-repeat;
    width: 900px;
    height: 46px;
}

#origine-sacs {
    width: 412px;
    margin-left: 20px;
    float: left;
}

#produits-innovants {
    width: 412px;
    margin-left: 20px;
    float: left;
}

#comequi {
    margin-left: 20px;
}

#comequi-logo {
    width: 75px;
    height: 57px;
    margin-right: 20px;
    float: left;
}

#middle #origine-sacs h3, #middle #produits-innovants h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 6px;
}





#page_info_info #middle h1 {line-height:1;margin-bottom:0.5em;}
#page_info_info #middle h2 {margin-bottom:0.75em;}
#page_info_info #middle h3 {line-height:1;margin-bottom:1em;}
#page_info_info #middle h4 {line-height:1.25;margin-bottom:1.25em;}
#page_info_info #middle h5 {font-weight:bold;margin-bottom:1.5em;}
#page_info_info #middle h6 {font-weight:bold;}
#page_info_info #middle p {margin:0 0 1.5em;}

#page_info_info #middle li ul, #page_info_info #middle li ol {margin:0 1.5em;}
#page_info_info #middle ul, #page_info_info #middle ol {margin:0 1.5em 1.5em 1.5em;}
#page_info_info #middle ul {list-style-type:disc;}
#page_info_info #middle ol {list-style-type:decimal;}

#page_info_info blockquote {margin:1.5em;color:#666;font-style:italic;}

#page_info_info #middle table {margin-bottom:1.4em;width:100%;}
#page_info_info #middle th {font-weight:bold;}
#page_info_info #middle thead th {}
#page_info_info #middle th, #page_info_info #middle td, #page_info_info #middle caption {padding:4px 10px 4px 5px;}
#page_info_info #middle tr.even td {background:#e5ecf9;}
#page_info_info #middle tfoot {font-style:italic;}
#page_info_info #middle caption {background:#eee;}

#page_info_editorial ol.letters {
	margin: 0 0 0 1em;
}
#page_info_editorial ol.letters li {
	list-style-type: upper-alpha;
}
#page_info_editorial ol.letters li ul li {
	list-style-type: disc;
}
#page_info_editorial #right p {
	color: #000;
	margin-bottom: 6px;
}

.artiste-small .image {
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 10px;
}

.artiste-small h3 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin-bottom: 12px;
}

.bouteille {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 20px 0;
}

.bouteille img {
	float: left;
	margin: 0 10px 0 0;
}

.bouteille h4 {
	margin: 10px 0 0 0;
}

/* couleur colonnes
#centrage_top {
    background: #f01;
}
#centrage_top_in {
    background: #1494d0;
}
#header {
    background: #c514d0;
}
.centrage {
    background: #f60;
}
#container-out {
    background: grey;
}
#container-in {
	background: green;
}
#left {
	background: yellow;
}
#middle {
	background: red;
}
#right {
	background: blue;
}*/


#page_info_editorial #right .panel-overlay p {
    color: #fff;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}


/* Liste des images de fond */
/* - Page des artistes */
#bg_artistes
{
	position:absolute;
	background:url('images/fonds/fond-artistes.jpg') no-repeat bottom right;
	bottom:0px;
	right:40px;
	width:400px;
	height:400px;
	z-index:1;
}
#page_info_artistes #container-in { position:relative; z-index:2; }
#page_info_artistes #right { position:relative; right:0px; z-index:2; }

/* - Page des partenaires */

#bg_partenaires
{
	position:absolute;
	background:url('images/fonds/fond-partenaires-final.jpg') no-repeat bottom right;
	bottom:0px;
	right:40px;
	width:900px;
	height:517px;
	z-index:1;
}

/* - Page de presse */

#bg_presse
{
	position:absolute;
	background:url('images/fonds/fond-presse-final.jpg') no-repeat bottom right;
	bottom:0px;
	right:40px;
	width:900px;
	height:517px;
	z-index:1;
}
#page_partner_partners #container-in { position:relative; z-index:2; }
#page_partner_partners #right { position:relative; right:0px; z-index:2; }

/* - Page des cadeaux */

#bg_cadeaux_top
{
	position:absolute;
	background:url('images/fonds/fond-kdo-final1.png') no-repeat top left;
	top:0px;
	left:40px;
	width:900px;
	height:217px;
	z-index:3;
}
#bg_cadeaux_bottom
{
	position:absolute;
	background:url('images/fonds/fond-kdo-final2.jpg') no-repeat bottom right;
	bottom:0px;
	right:40px;
	width:900px;
	height:217px;
	z-index:1;
}
#page_cadeaux #container-in { position:relative; z-index:2; }

/* - Page d'espace pro */

#bg_espace_pro
{
	position:absolute;
	background:url('images/fonds/fond-page-pro-final.jpg') no-repeat bottom right;
	bottom:0px;
	right:40px;
	width:900px;
	height:517px;
	z-index:1;
}
#page_info_espace_pro #container-in { position:relative; z-index:2; }
#page_info_espace_pro #right { position:relative; right:0px; z-index:2; }

/* - Page d'eco conception */

#bg_eco_conception
{
	position:absolute;
	background:url('images/fonds/fond-eco-conception-final.jpg') no-repeat bottom right;
	bottom:0px;
	right:40px;
	width:900px;
	height:517px;
	z-index:1;
}
#page_info_editorial #container-in { position:relative; z-index:2; }
#page_info_espace_pro #middle ul { margin: 0 1.5em 1.5em 1.5em;}
#page_info_espace_pro #middle ul li { list-style: disc; margin: 5px 0;}
#page_info_espace_pro #middle ol li { list-style-type: decimal; margin: 5px 0;}
#page_info_editorial #right { position:relative; right:0px; z-index:2; }

/* - Page collection */

#bg_collection
{
	position:absolute;
	background:url('images/fonds/bg-collection.jpg') no-repeat bottom right;
	top: 0;
	right:40px;
	width:900px;
	height:1129px;
	z-index:1;
}

#page_collection #container-in { position:relative; z-index:2; margin-bottom: 0;}
#page_collection #container-in #middle { height:810px;  }
#page_collection #container-in .clear { display: none; }

.coll_line {
    margin: 0 auto 16px;
    height: 110px;
}

#coll_line_1, #coll_line_4 {
    width: 378px;
}

#coll_line_2, #coll_line_3 {
    width: 504px;
}

#coll_line_1 {
    margin-top: 192px;
}

.coll_line .collection {
    float: left;
    margin: 0 5px;
}

.coll_line .collection img {
    border: 3px solid #979797;
    -moz-border-radius : 3px;
    -webkit-border-radius : 3px;
    border-radius: 3px;
}

#texte-explication {
    margin: 70px auto 130px;
    width: 700px;
    height: 40px;
    text-align: center;
}