@charset "iso-8859-1";
/* --- STYLES DE BASE --- */ 
html { font-size: 100%; } /* Évite un bug d'IE 6-7 */ 
body { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: .8em; line-height: 1.4; margin:0; padding:0; background: black url(../images/fond_centre.jpg) repeat-x center center fixed ; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; line-height: 1.2; font-weight: bold; font-style: normal;} 
h1 { font-size: 1.5em; } 
h2 { font-size: 1.25em; } 
h3 { font-size: 1em; } 
/*h4 { font-size: 0.75em; } */
ul, ol, li { margin: 0; padding: 0; } 
p { 	margin: 0; } /* Marges plus faibles que par défaut */ 
a { text-decoration:none; border:none; border-width:0px;	border-style:none;} 
a:link { color: #333333; } 
a:visited { color: #666666; } 
a:hover,a:focus,a:active { color: #0000FF; } 
a:active { outline: none; } /* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a img { border: none; } /* Pas de bordure autour des images dans les liens */ 
em { font-style: italic; } 
strong { font-weight: bold; } 
form, fieldset { margin: 0; padding: 0; border: none; } 
input, button, select { vertical-align: middle; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
table { margin: none; border: none; /* 1px solid gray */ border-collapse: collapse; /* Valeur par défaut: "separate" */ border-spacing: 0; } 
table td, table th { padding: 2px; border: none; /* 1px solid #ccc */ vertical-align: middle; } 
/*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
/* --- STYLES DE MISE EN PAGE --- */ 
#wrapper {
	overflow:hidden;
	padding:0;
	margin:0 auto; 
	width:980px;
	min-height:680px;
	background: #666666 url(../images/degrade_demi_666_C9B9.png) repeat-x bottom center;
}
#gauche, #droite{
	top:0;
	width:164px;
	margin-bottom:5px;
}
#gauche{
	float:left;
}
#droite{
	/*float:right;*/
}
#prince {
	float:right;
	margin: 0 auto; 
	width:816px;
}
/* --- STYLES DU HEADER --- */ 
#header {
	margin: 0 auto; 
	width:980px;
	height:159px;
	background: #666666 url(../images/bandeau_haut.jpg) no-repeat top center;
}
#header img {
	position:absolute;
	margin: 124px 0 0 830px;
	background:#F2F2F2;
}
#header p{
	position:absolute;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
#header p a{
	color:#DDDDDD; 
}
#header p strong{
	color:#FF0000; 
	font-weight:bolder;
}
#header-menuhaut{
	margin: 0 0 0 540px;
}
#header-menubas{
	margin: 100px 0 0 100px;
}
#header-menuhaut, #header-menubas{
	text-align:right;
	line-height:24px;
	color:#DDDDDD; 
}
#header-menupanier{
	margin: 75px 0 0 870px;
	line-height:20px;
}
#header-menucompte{
	margin: 0 0 0 804px;
	line-height:24px;
}
#header-menucompte a:link, #header-menucompte a:visited{
	color:#000000; 
}
/* --- STYLES DU FOOTER --- */ 
#footer{
	margin: 0 auto;
	width:980px;
	height:290px;
	background: #CCC9B9 url(../images/montre_boite.png) no-repeat bottom center;
}
#liens, #logos{
	padding: 0; 
	margin: 0; 
	height:170px;
} 
#liens table,#logos table{
	width:100%;
	height:100%;
} 
#liens{
	float:left;
	width:700px;
	text-align:left;
	font-size:12px;
	color:#DDDDDD;
} 
#liens a{
	color:#DDDDDD;
} 
#liens table{
	background:#333333;
} 
#liens td, #liens th {
	padding: 1px 20px; 
} 
#liens th {
	font-size:17px;
	line-height:40px;
	height:40px;
	vertical-align:top;
} 
#logos{
	float:right;
	width:270px;
} 
#logos table{
	background: #FFFFFF;
} 
#logos td{
	margin:0;
	padding:0; 
	text-align:center;
} 

#logos td img{
	margin:2px 0 0 2px;
} 
#likes{
	text-align:right;
	vertical-align:middle;
	margin: 0;
	padding:5px;	
	background: #FFFFFF;
} 
/* --- STYLES POUR LES MENUS DE COTE --- */ 
.side-menu-left, .side-menu-right {
	line-height:0px; 
	width:150px; 
	margin:0 0 5px 0;
	padding:0;
}
.side-menu-right {
	float:right;
}
/**/
.side-menu-right li img {
	margin: 5px;
}
.side-menu-left ul, .side-menu-right ul {
	margin:0;
	width:100%;
	font-weight:bold;
	font-size:12px;
	line-height:24px;
	text-align:center;
	color:#FFFFFF; 
}
.side-menu-left ul {
	padding:2px 0 0 0;
	background:#333333 url(../images/top_rond_gd_333.gif) no-repeat top right;
}
.side-menu-right ul {
	background:#DDDDDD url(../images/fond_right_DEG.png) repeat-y top left;
}
.side-menu-left select {
	line-height:120%;
	width:140px;
}
.side-menu-left li, .side-menu-right li {
	width:100%; 
	list-style:none;
	list-style-position:outside;
	text-align:center;
	color:#333333; 
}
.side-menu-left li {
	font-weight:normal;
	font-size:12px;
	line-height:21px;
	/*margin:3px 0;*/
	background:url(../images/fond_left_DEG.png) repeat-y top left;
}
.side-menu-right li {
	padding:5px 0 10px 0;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	color:#666666;
	background:url(../images/fond_right_DEG.png) repeat-y top right;
}
.side-menu-right br {
	clear:both;
	line-height:16px;
}
#bouton-blog, #bouton-newsletter {
	font-size: 18px;
	line-height:19px;
	margin: 10px 0 4px 0;
	padding: 8px 0;
	color:#FFFFFF;
	text-align:center;
	font-weight:bolder;
}
#bouton-blog a, #bouton-newsletter a {
	color:#FFFFFF;
}
#bouton-blog {
	background:#999999 url(../images/top_right_999.gif) no-repeat top right;
}
#bouton-newsletter {
	background:#333333 url(../images/top_right_333.gif) no-repeat top right;
}
.side-menu-right h3 {
	padding: 2px 0;
	font-size: 18px;
	line-height:16px;
	text-align:center;
	font-weight:bolder;
	margin:0;
	color:#666666;
	background:#CCCCCC url(../images/fond_right_DEG.png) repeat-y top right;
}
.side-menu-right .titreactu {
	line-height: 1.1em;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	display:block;
	margin:0;
	padding:1px 2px 4px;
	color:#666666;
	background:#CCCCCC url(../images/fond_right_DEG.png) repeat-y top right;
}
.side-menu-right .texteactu {
	line-height: 1.4em;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	display:block;
	margin:0;
	padding:2px 6px;
	color:#666666;
	background:#CCCCCC url(../images/fond_right_DEG.png) repeat-y top right;
}
.side-menu-right a {
	color:#666666;
}
.side-menu-right .titreactu  img {
	margin: 5px;
}

/* --- STYLES POUR LA PAGE PRINCIPALE --- */ 
.top-bot-trans {
	display:block;
	margin:0;
	height:10px;
}
.intro, .outro {
	float:left;
	width:652px;
	margin: 0 auto;
}
.intro h1{
	margin: -10px auto 0; 
	line-height:38px;
	text-align:center;
	color:#DDDDDD;
	background:#333333;
}
.outro h2, .outro h1{
	margin: -4px auto 0; 
	height:28px;
	text-align:center;
	color:#DDDDDD;
	background:#333333;/
}
.outro h3{
	margin:0;
	padding:4px 10px; 
	line-height:18px;
	background:#FFFFFF;
}

.intro p , .outro p {
	margin: 0 auto;
	padding:2px 12px 0px;
	text-align:left;
	background:#FFFFFF;/
}
.outro p img{
	margin: 12px 1px;
}
.defilant {
	float:left;
	top:0;
	margin:0 14px 15px auto; 
	padding:0;
	width:208px;
}
.defilant h2 {
	margin: 0 auto; 
	line-height:30px;
	text-align:center;
	color:#DDDDDD;
	background:#333333 url(../images/top_rond_333.gif) no-repeat top center;
}
.defilant h3 {
	margin: 0; 
	padding: 0 5px 12px ; 
	text-align:center;
	font-size:17px;
	line-height:18px;
	color:#666666;
	background:#FFFFFF;
}
.defilant h4 {
	margin: 0; 
	padding:10px 5px 5px ; 
	text-align:center;
	font-size:16px;
	font-weight:normal;
	color:#666666;
	background:#FFFFFF;
}
.defilant p {
	margin: 0 auto;
	text-align:center;
	background:#FFFFFF;
}
.defilant table {
	margin: 0;
	padding:0;
	width:100%;
	background:#FFFFFF;
}
.defilant .tableau-liens td {
	padding:3px 2px 3px 6px;
	font-size:11px;
	line-height:12px;
}
.defilant .tableau-liens strong {
	font-size:13px;
	font-weight:bold;
}
.defilant a {
	color:#666666;
}
.defilant .tableau-liens td.prix {
	padding:4px 3px 4px 3px;
	width:35px;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
	background:#FFFFFF url(../images/fond_prix.gif) no-repeat left center;
}
.catalogue , .presentation{
	float:right;
	margin:0 auto;
	width:816px;
	background:#FFFFFF;
}
.catalogue h2{
	float:left;
	padding: 0 0 10px 10px;
	font-size:15px;
	line-height:12px;
	color:#666666;
}
.presentation{
	text-align:center;
}
.presentation h1, .presentation h2{
	margin: 10px 20px 20px;
	/*padding: 0 15px 5px 15px;*/
	text-align:center;
	font-size:20px;
	line-height:20px;
	color:#666666;
}
.presentation .introduction{
	margin: 0 20px 20px;
	text-align:center;
	font-size:15px;
	line-height:19px;/**/
	color:#666666;
}
.presentation .discours{
	margin: 0 20px 20px;
	font-size:14px;
	line-height:17px;/**/
	text-align:justify;
	color:#666666;
}
.presentation .image-puce{
	width:47px;
	float:left;
	vertical-align:top;
	margin:0px 10px 5px 20px;
}
.presentation .image-illus{
	margin:0 auto 20px; 
}
.presentation .bloc-marque {
	float:left;
	margin:0;
	padding:0;
	display:inline;
	width: 245px;
	height: 245px;
	margin:0 5px 0 15px ;
	text-align:center;
	color:#666666;
} 
.presentation .bloc-marque p{
	text-align:justify;
	font-size:14px;
	line-height:18px;
} 
.presentation #livredor, .presentation #livredor-temoin, .presentation #contact{
	margin:0 auto 40px;
	width:720px;
	padding:60px;
	font-size:12px;
}
.presentation #livredor td{
	padding:10px 30px;
}
.presentation #livredor-temoin td, .presentation #contact td{
	padding:10px;
}
.presentation .livredor-temoin{
	width:100%;
	margin:10px auto;
	border:#CCCCCC 1px solid;
	font-size:14px;
	font-weight:normal;
}
#livredor th{
	text-align:right;
}
#livredor fieldset, #contact fieldset{
	width=100%;
	background:#FFFFFF;
	color:#666666;
	border:#CCCCCC 1px solid;
	font-size:14px;
}
#livredor legend, #contact legend{
	margin:0px 20px;
}
.livredor-temoin th{
	background:#CCCCCC;
	padding:3px 6px;
	font-size:14px;
	color:#FFFFFF;
}
.livredor-temoin td{
	font-weight:normal;
}
#tri-select{
	float: right;
	padding: 10px 10px 0 0;
}
.logo-marque {
	margin:0 1px 0 2px; 
}
#fil-ariane{
	margin-left:2px;
	margin-right:2px;
	width: 650px;
	margin-bottom:.25em; 
	text-align:left;
	font-size:12px;
	line-height:20px;
	color: #FFFFFF;
}
#fil-ariane a{
	color: #FFFFFF;
}
#fil-ariane a:visited { 
  color: #F1F1F1; 
} 
#signature {
	background-color:#000;
	margin-left: auto; 
	margin-right: auto;
	width:980px;
	text-align:justify;
	font-size:11px;
	color:#FFFFFF;
} 
#signature a{
	color:#DDDDDD;
}
#pagination{
	clear:both;
	text-align:center;
}
.numpage{
	display:inline-block;
	background:#CCCCCC url(../images/fond_pagin_DDD.gif) no-repeat top left;
	color:#666666;
	width:24px; 
	height:24px; 
	font-size:14px;
	line-height:24px;
	text-align:center; 
	vertical-align:middle;
	margin:10px 1px 5px 4px;
}
.numpage.courant{
	display:inline-block;
	background:#CCCCCC url(../images/fond_pagin_666.gif) no-repeat top left;
	color:#DDDDDD;
	width:24px; 
	height:24px; 
	font-size:16px;
	line-height:22px;
	text-align:center; 
	vertical-align:middle;
}
.ppmc{
	float:left;
	padding:10px 0;
	font-size:10px;
	line-height:12px;
	text-align:left;
}
.euro {
	font-size:smaller;
}
.spacer {
	font-size:3px;
	line-height:3px;
	visibility:hidden;
}
/* ATTRIBUTS DES BLOCS PRODUIT */
.wrap-blanc {
	background:#FFFFFF;
	text-align:center;
}
.tag-produit {
	height:18px; 
	clear:both;
	font: bold oblique 14px/15px Comic Sans, Comic Sans MS, cursive;
}
.tag-produit .selection{
	color: #3300FF;
}
.tag-produit .nouveau{
	color: #FF3300;
}
.tag-produit .coeur{
	color: #FF6699;
}
/* Bloc principal invisible contenant l'ensemble */
.bloc_produit {
	float:left;/**/
	position:relative;
	margin:0;
	padding:6px 0;
	background:#FFFFFF;
	display:inline;
}
.bloc_produit div{
	margin:0px;
	padding:0px;
	*margin-left:-1px;
	_margin-right:-2px;
}
/* Taille du bloc de base*/
.bloc_produit.base {
	width: 156px;
	margin-left:6px;
} 
/* Taille du bloc élargi (utilisé dans le bandeau de défilement*/
.bloc_produit.large {
	width: 208px;
	margin-left:7px;
} 
.bloc_produit.base .fond_bloc, .bloc_produit.large .fond_bloc  {
	border-right:1px solid #CCCCCC;
} 
.bloc_produit a{
	width:auto;
	height:auto;
}
/* Attributs du bloc principal : fond et contour */
.fond_bloc {
	position:relative;
	width:100%;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align: center;
}
/* Attributs de l'image principale du produit */
.image_produit  {
	display:block;
	clear:both;
}
.titre-produit {
	margin: 0 auto; 
	text-align:center;
	vertical-align:middle;
	color:#333333;
	background:#FFFFFF;
}
/* Attributs du bloc en savoir plus */
.bt_savoirplus {
	float:right;/**/
	margin:0 0 0 -18px;
}
/* Attributs du bloc selection */
.bt_selection {
	top: 0px;
	margin:0;
	left: 18px;
	line-height:1px;
}
/* Attributs du bloc coup de coeur */
.bt_coeur_produit {
	float:left;
	margin:0 -18px 0 0;
}
/* Attributs du tableau prix*/  
.tableau_prix {
	width:100%;
	clear:both;
}
.tableau_prix.detail {
	width:60%;
	margin:0 auto;
	border-bottom:1px solid #999999;
}
.tableau_prix th{
	font-weight: normal;
	text-align:center;
}
.tableau_prix td{
	font-weight: bold;
	text-align:center;
}
/* Attributs du texte dans le tableau des prix */
.tableau_prix.base th {
	font-size:8px;
	line-height:10px;
}
.tableau_prix.base td {
	font-size:14px;
	line-height:18px;
	padding:0 1px 0 1px;
}
.tableau_prix.base td.prix_produit_2 {
	font-size:16px;
}
.tableau_prix.base td.titre-produit {
	line-height:16px;
	height:32px;
}
.tableau_prix.large th {
	font-size:9px;
	line-height:12px;
}
.tableau_prix.large td {
	font-size:17px;
	line-height:24px;
	padding:0 2px 0 2px;
}
.tableau_prix.large td.prix_produit_2 {
	font-size:20px;
}
.tableau_prix.large td.titre-produit {
	line-height:21px;
	height:42px;
}
.tableau_prix.detail th {
	font-size:12px;
	line-height:14px;
}
.tableau_prix.detail td {
	font-size:24px;
	line-height:30px;
}
.tableau_prix.detail td.prix_produit_2 {
	font-size:28px;
	line-height:30px;
}
/* Attributs du texte prix  initial */
.prix_produit_1 {
	width: 32%;
	color:#999999;
	text-decoration:line-through;
}
/* Attributs du texte reduction */
.reduction_prix_1 {
	width: 28%;
	color:#FF0000;
}
/* Attributs du texte prix reduit */
.prix_produit_2 {
	width: 40%;
	color:#FFFFFF;
	background:#FFFFFF url(../images/fond_prix_F00.gif) no-repeat top left;
}
/* Attributs du bouton j'achete */
.bt_jachete {
	display:block;
	margin: 0 auto;
}
/* Attributs du bloc dans la page détail */
#bloc-detail h1{
	line-height:18px;
	margin-bottom:3px;
	color:#666666;
}
#bloc-detail ul{
	text-align:center;
	list-style-position:inside;
	margin-bottom:9px;
	color:#666666;
}
#bloc-detail li{
	text-align:left;
	list-style-position:inside;
}
#qte{
	margin:0 auto;
	height:50px;
}
#qte input{
	margin:0 5px;
}
/* 	bloc contenant le scroll */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 208px;
	height:758px;
	/* this makes it possible to add next button beside scrollable 
	float:left;*/
	background:#FFFFFF;
}
/*	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element. */
.scrollable .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	top: 0px; 
	left: 0px;
	clear:both;
}
/* bloc groupe de produits à défiler */
.scrollable .page {
	width: 200px;
	height: 758px; 
	float:left;
	margin:0 0 0 4px;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:28px;
	height:16px;
	margin-top:0px;/**/
	cursor:pointer;
	font-size:1px;
}
a.top { 
	background:url(../images/bt_scroll_css.png) no-repeat top left;
	margin:15px auto 5px;
} 
a.top:hover { background-position:-30px 0; }
a.top:active { background-position:-60px 0; }
a.bot {
	background:url(../images/bt_scroll_css.png) no-repeat bottom left;
	clear:right; 
	margin:5px auto 15px;
}
a.bot:hover { 
	background-position:-30px -18px; 
}
a.bot:active 	{ 
	background-position:-60px -18px; 
} 
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 
/* elements du zoom de la page detail */
#wrap-zoom, #bloc-detail {
	position:relative;
}	
#wrap-zoom, #bloc-detail {
	margin:25px 25px 25px 0;
}	
#bloc-detail {
	float:right;
	width:325px;
	background: #fff;
	/*position:absolute;
	right:0;*/
	/*overflow:hidden;*/
}
#bloc-zoom {
	position:absolute;
	right:0;
	width:350px;
	height:315px;
	background:#fff;
}
/* galerie d'images */
div.galimg, div.imgprin, .galimg a, .galimg img, .galimg ul, .galimg li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
#bloc-photo.galimg {
	float:left;
	margin:25px 0 25px 25px;
	border-right:1px solid #CCCCCC;
	width:250px;
	background: #fff url(images/loading.gif) no-repeat 50% 50%;
}
.imgprin {
	width: 225px;
	height: 225px;
}
.imgprin img {
	margin: 0 auto;
}
.galimg ul {
	list-style: none;
}
.galimg ul li {
	float:left;
	margin:18px 3px;
	width:70px;
	height:75px;
	border: solid 1px #ccc;
}
.jsgalpre {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff ;
	color: #fff;
	padding: 3px;
}
div.zoomBlock {
    margin: 0;
    padding: 0;
    width: 350px;
    height: 225px;
    border: 2px solid #CCC;
    float: right;
    overflow: hidden;
}
div.slideshow {
    width:250px;
    float:left;
    align:left;
    text-align:center;
}
div.zoomViewfinder {
	position: absolute;
    border: 1px solid black;
    cursor: move;
    background: url(../bg.png) repeat 0 0;
}
.zoomBlock .zoomLoading { background-color:white; text-align:center; }
.zoomBlock .zoomLoading img {  }
/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}
/* plan du site */
.plan-menu {
	float:left;
	line-height:20px; 
	width:185px; 
	margin:0 0px 15px 15px;
	padding:0;
}
.plan-menu ul {
	width:100%; 
	list-style:none;
	list-style-position:outside;
	text-align:center;
	color:#000000; 
	font-size:16px;
	line-height:24px;
}
.plan-menu li {
	width:100%; 
	list-style:none;
	list-style-position:outside;
	text-align:center;
	color:#666666; 
	font-size:12px;
	line-height:18px;
}