/*CSS*/

* {
margin:0;
padding:0;
border:0;
}
body{
font-family:Arial, Helvetica, sans-serif ;
font-size:11px;
margin:0;
padding:0;
background-color:#e3e3e3;
}
h1{
color:#999966;
font-size:11px;
margin:0;
padding:0;
text-transform:uppercase;
font-weight:normal;
}
h2{
color:#999999;
font-size:11px;
margin:0;
padding:0px 0px 0px 0px;
text-transform:uppercase;
font-weight:normal;
}
h3 {
color:#999999;
font-size:11px;
font-weight:bold;
text-align:center;
margin:0px;
padding:0px;
font-weight:normal;
}
h4 {
color:#999966;
font-size:16px;
font-weight:normal;
text-align:left;
margin:0px;
padding:0px;
font-weight:normal;
}
a {
color:#999966;
text-decoration:underline;
}
a:hover {
color:#666666;
text-decoration:underline;
}
a.grisclair {
color:#999999;
text-decoration:none;
}
a.grisclair:hover {
color:#666666;
text-decoration:none;
}
.center {
text-align:center;
}
img {
display:block;
margin:0px;
padding:0px;
border:0px;
}
.or {
color:#999966;
}
.alinea{
text-indent:20px;
}
img.survol_border:hover{
border:2px solid #666666;
}
.grand{
font-style:italic;
font-size:13px;
}
.grandor{
font-style:italic;
font-size:13px;
color:#999966;
}
.petit{
font-size:9px;
}
/* Blocks principaux */
#wrapper {
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 950px;
  height: 570px;
  margin-top: -285px; /* moitié de la hauteur */
  margin-left: -475px; /* moitié de la largeur */
  background-color:#ffffff;
}
#header {
  display:block;
  height:189px;
  background: url(header-pro.gif) no-repeat 0 0;
  padding:0;
  margin:0;
}

#menu {
  display:block;
  height:86px;
  padding:0;
  margin:0;
  border-bottom:1px solid #999966 ;
}
#bloc-search {
display:block;
position:absolute;
top:0px;
left:515px;
padding:5px 0 0 0;
margin:0;
}
#bloc-deconnexion{
display:block;
position:absolute;
top:62px;
left:725px;
padding:0;
margin:0px 0 0 0;
}

#main {
  height:462px;
  padding:0;
  margin:0;
 }
#content {
  display:block;
  height:444px;
  margin:0;
  padding:0;
}
#content.middle-barre{
  background: url(bg-middle-barre.gif) no-repeat 475px 15px;
}
#content.middle-barre2{
  background: url(bg-middle-barre2.gif) no-repeat 475px 55px;
}

#bloc-texte {
display:block;
float:left;
width:500px;
height:380px;
padding:0;
margin:35px 0px 10px 0px;
text-align:center;
}

#texte {
display:block;
padding:0 10px 0 10px;
margin:10px 10px 10px 10px;
text-align:left;
overflow:auto;
width:450px;
}

#news {
display:block;
width:292px;
height:308px;
float:right;
padding:0;
margin:0;
text-align:center;
}

#news-infos {
display:block;
width:240px;
height:250px;
padding:0;
margin:10px 26px 0px 26px;
text-align:left;
overflow:auto;
position: relative;
}

#footer {
  display:block;
  width:950px;
  height:21px;
  text-align:center;
  margin:0;
  padding:0;
  background-color:#e3e3e3;
}
.spacer {
clear:both;
padding:0;
margin:0;
}

/* MENU */
#menu img.logo {
padding:13px 10px 0px 0px;
margin:0px;
}

#menu p.rang1 {
margin:0;
padding: 8px 10px 2px 10px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
}
#menu p.rang2 {
margin:0;
padding: 3px 10px 2px 10px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
}
#menu p.rang3 {
margin:0;
padding: 2px 10px 0px 10px;
font-size:11px;
font-weight:bold;
text-align:center;
text-transform:capitalize;
}
#menu p.rang1 a, #menu p.rang2 a , #menu p.rang3 a {
display:block;
text-align:center;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;
}
#menu p.rang1 a {
color:#999966;
text-decoration:none;
}
#menu p.rang2 a {
color:#999966;
text-decoration:none;
}
#menu p.rang2 a.boutique {
color:#999999;
text-decoration:none;
}
#menu p.rang3 a {
color:#aaaaaa;
text-decoration:none;
}
#menu p.rang1 a:hover  {
color:#666666;
text-decoration:none;
}
#menu p.rang2 a:hover {
color:#666666;
text-decoration:none;
}
#menu p.rang3 a:hover {
color:#666666;
text-decoration:none;
}
#menu .searchbox {
margin:0px 0px 0px 0px;
padding:0px;
}
#menu p.article {
margin:5px 0px 0px 5px;
padding:0px;
color:#999999;
text-align:left;
}
#menu p.deconnexion {
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#menu a {
color:#999999;
text-decoration:none;
}
#menu p.deconnexion a:hover {
color:#666666;
text-decoration:none;
}

/* FICHE PRODUIT */
a.nav, a.navprecedent, a.navsuivant, a.gamme {
color:#999966;
text-decoration:none;
}
a.nav:hover,a.gamme:hover {
color:#666666;
text-decoration:none;

}
a.navprecedent {
  background: url(suivant.gif) no-repeat 73px 4px;
  padding: 0px 22px 0px 0px;
  margin:0;
}
a.navprecedent:hover {
color:#666666;
text-decoration:none;
background: url(suivant2.gif) no-repeat 73px 4px;
 padding: 0px 22px 0px 0px;

}
a.navsuivant {
  background: url(precedent.gif) no-repeat 0px 4px;
  padding: 0px 0px 0px 20px;
  margin:0;
}
a.navsuivant:hover {
color:#666666;
text-decoration:none;
background: url(precedent2.gif) no-repeat 0px 4px;
 padding: 0px 0px 0px 20px;
}

a.vue360 {
color:#999999;
text-decoration:none;
}
a.vue360:hover {
color:#666666;
text-decoration:none;
}


#bloc-produit {
display:block;
float:left;
width:458px;
padding:0;
margin:20px 0px 10px 44px;
color:#666666;
font-size:11px;
}

#bloc-gamme {
display:block;
margin:0px;
height:410px;
width:510px;
overflow:auto;
text-align:left;
color:#666666;
font-size:11px;

}
#bloc-gamme .stock{
font-size:10px;
text-align:center;

}

#produit {
display:block;
padding:0;
margin:0px;
text-align:left;
}

p.produit {
display:inline;
text-align:left;
color:#999966;
padding:0px 0px 0px 10px ;
margin:0px 0px 0px 0px ;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
}
.nom-coll {
font-size:11px;
}

h1.produit {
display:inline;
text-align:left;
color:#999966;
padding:0px 0px 0px 10px ;
margin:0px 0px 0px 0px ;
font-size:13px;
font-weight:bold;

}
h1.nom-coll {
display:inline;
text-align:left;
color:#999966;
text-transform:none;
font-size:11px;
font-weight:bold;
}
#description-pdt {
text-align:left;
color:#666666;
line-height:220%;
height:260px;
padding:10px 0px 0px 10px ;
margin:0px 0px 0px 0px ;
font-size:11px;
}
#texte-description {
height:65px;
line-height:110%;
}
p.reference {
position:absolute;
top:110px;
right:10px;
color:#999999;
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
font-size:11px;
}
#detail-pdt {
text-align:left;
color:#666666;
height:44px;
line-height:220%;
padding:10px 0px 0px 10px ;
margin:0px 0px 0px 0px ;
font-size:11px;
}
#bloc-produit p.quantite {
font-size:11px;
padding:0px 0px 0px 10px ;
margin:0px;
color:#666666;
}
#bloc-produit a {
font-size:10px;
color:#666666;
text-transform:uppercase;
text-decoration:none;
padding:0px 0px 0px 15px ;
margin:0;
font-weight:bold;
}
#bloc-produit a:hover {
color:#999966;
text-transform:uppercase;
text-decoration:none;
}
#bloc-produit a.gamme {
color:#999966;
text-decoration:none;
}
#bloc-produit a.gamme:hover {
color:#666666;
text-decoration:none;
}
#bloc-produit a.lienlot {
color:#999966;
padding:0;
margin:0;
text-decoration:none;
text-transform:lowercase;
font-weight:normal;
font-size:11px;
}
#bloc-produit a.lienlot:hover {
color:#666666;
text-decoration:none;
text-decoration:none;
text-transform:lowercase;
font-weight:normal;
font-size:11px;
padding:0;
margin:0;

}
input.soumet-pdt {
color:#666666;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-color:#FFFFFF;
border:0;
padding:0px;
margin:0px;
}
input.soumet-vote:hover {
color:#666666;
text-transform:uppercase;
text-decoration:none;
}
input.soumet-vote {
color:#999966;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-color:#FFFFFF;
border:0;
padding:0px;
margin:0px;
}
input.soumet-pdt:hover {
color:#999966;
text-transform:uppercase;
text-decoration:none;
}
/* CONTENT */
#content p.info {
color: #999966 ;
text-align:right;
padding:5px 5px 0px 0px;
margin:0;
}
#content p.newsp {
color:#666666;
line-height:150%;
}

#content .exposant {
font-size:9px;
color: #999966 ;
position:relative;
bottom:3px;
}
#content ul {
  padding: 0px 0px 0px 25px;
  margin:0;
}
#content li{
  font-size:14px;
  list-style-type: none;
  line-height:150%;
  background: url(li.gif) no-repeat 0px 1px;
  padding: 0px 0px 9px 22px;
  margin:0;
}
#content a.gris {
color:#666666 ;
text-decoration:none;
}
#content a.gris:hover {
color:#999966 ;
text-decoration:none;
}

/* BLOC TEXTE */
#texte p {
color:#666666 ;
line-height:200%;
}
#texte p a {
color:#999999 ;
text-decoration:none;
}
#texte p a:hover {
color:#666666 ;
text-decoration:none;
}
#texte p a.grisclair{
color:#999999;
text-decoration:none;
}
#texte p a.grisclair:hover{
color:#666666;
text-decoration:none;
}

#texte p.grand {
font-size:12px;
line-height:700%;
}

a.barre1, input.barre1, a.barre2, input.barre2, input.barre3, a.barre3, input.barre4, a.barre4  {
display:block;
background-color:#999999;
color:#FFFFFF;
text-transform:uppercase;
font-size:11px;
text-decoration:none;
margin:0px;
}
a.barre1:hover, input.barre1:hover, a.barre2:hover, input.barre2:hover, input.barre3:hover, a.barre3:hover, input.barre4:hover, a.barre4:hover {
color:#FFFFFF;
background-color:#666666;
text-decoration:none;
}
a.barre1 {
width:230px;
padding:1px 0 0px 0;
margin:0px;
}
input.barre1 {
width:230px;
padding:0px 0 0px 0;
margin:0px;
}
a.barre2 {
width:170px;
padding:1px 0 0px 0;
margin:0px;
}
input.barre2 {
width:170px;
padding:0px 0 0px 0;
margin:0px;
}
a.barre3 {
width:90px;
padding:1px 0 0px 0;
margin:0px;
}
input.barre3 {
width:90px;
padding:0px 0 0px 0;
margin:0px;
}
a.barre4 {
width:16px;
padding:1px 0 0px 0;
margin:0px;
}
input.barre4 {
width:16px;
padding:0px 0 0px 0;
margin:0px;
}
input.barre-vote  {
display:block;
background-color:#ffffff;
color:#999966;
text-transform:uppercase;
font-size:10px;
text-decoration:none;
margin:0px;
border:1px solid #999966 ;
width:80px;
height:17px;
}
input.barre-vote:hover  {
background-color:#ffffff;
color:#666666;
border:1px solid #666666 ;

}
/* TABLEAU */
table.formulaire {
text-align:left;
margin:0px 10px 0px 10px;
padding:0px;
}
table.formulaire td {
text-align:left;
font-size:11px;
padding:0px 2px 9px 2px;
margin:0;
border:0;
color:#666666;
}
table.onenparle {
text-align:center;
margin:0;
padding:0px;
background: url(bg-onenparle.jpg) no-repeat 0 0;
}
table.onenparle td {
text-align:center;
font-size:11px;
padding:0px 0px 0px 0px;
margin:0;
border:0;
color:#666666;
}

table.panier {
text-align:center;
margin:15px 5px 10px 5px;
border:1px solid #cccccc;
}

table.panier tr {
text-align:center;
}

table.panier tr.border, table.panier tr td.border {
border-bottom:1px solid #cccccc ;
}
table.panier tr.border2, table.panier tr td.border2 {
border-bottom:1px solid #cccccc ;
border-right:1px solid #cccccc ;
}
table.panier tr.border-top, table.panier tr td.border-top {
border-top:1px solid #cccccc ;
text-align:center;
}
table.panier tr.title1, table.panier tr td.title1 {
  background: url("bg-table-title1.jpg") repeat-x 0 0;
}
table.panier tr.title2, table.panier tr td.title2 {
  background: url("bg-table-title2.jpg") repeat-x 0 0;
}

table.panier td {
text-align:left;
font-size:10px;
padding:5px 5px 10px 5px;
margin:0;
border:0;
color:#999999;
}
table.panier td.center {
text-align:center;
}

table.panier2 {
text-align:center;
margin:0px 5px 0px 5px;
}
table.panier2 tr {
text-align:left;
margin:0;
padding:0;
}
table.panier2 tr.center, table.panier2 td.center {
text-align:center;
}
table.panier2 td {
text-align:left;
font-size:11px;
padding:2px;
margin:0;
border:0;
color:#999999;
}
table.panier2 td h2.fonce {
color:#666666;
font-weight:bold;
}
table.panier2 tr.title td, table.panier2 tr td.title{
color:#666666;
font-weight:bold;
font-size:11px;
}



/*INPUT */
form {
padding:0;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
}
input {
color:#666666;
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0px;
}

textarea {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999999;

}
select {
color:#666666;
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
border:1px solid #999999;
margin:0;
padding:0px;
}

input.normal {
	color:#666666;
	border:1px solid #999999;
	text-decoration:none;
	margin:0;
	padding:1px 2px 1px 2px ;
}
input.noborder {
	color:#666666;
	border:0px solid #999999;
	margin:0;
	padding:0px ;
}
input.button_radio {
	color:#666666;
	margin:0;
	padding:2px;
	border:none;
	
}
input.soumet {
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	background-color:#999999;
	margin:0px 0px 0px -3px;
	padding:0px 2px 1px 2px;
	border:0;
}
a.soumet {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:3px 1px 0px 1px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	font-size:10px;
	border:1px solid #666666;
}

input.soumet:hover, a.soumet:hover {
background-color:#666666;
text-decoration:none;
}

/* FOOTER */

#menu-footer {
  display:block;
  position:absolute;
  width:950px;
  height:18px;
  padding:2px 0 0 0;
  margin:0;
  background: url(bgmenufooter.gif) no-repeat 0 0;
}
#menu-footer2 {
  display:none;
  position:absolute;
  width:950px;
  height:18px;
  padding:2px 0 0 0;
  margin:0;
  background: url(bgmenufooter.gif) no-repeat 0 0;
}
#menu-footer p {
font-size:11px;
padding:0px;
margin:0px;
font-weight:normal;
}
#menu-footer p a {
color:#ffffff;
padding:0px 0px 0px 10px;
margin:0px;
text-decoration:none;
text-transform:uppercase;
}
#menu-footer2 p a {
color:#ffffff;
padding:0px 0px 0px 10px;
margin:0px 25px 0px 0px ;
text-decoration:none;
text-transform:uppercase;
}

#footer p {
  text-align:center;
  margin:0;
  padding:4px 0px 0px 0px;
  color:#999999;
  font-size:10px;
}
#footer a {
  color:#999999;
  text-decoration:none;
}
#footer a:hover {
 color:#666666;
 text-decoration:none;
}

/* ZOOM */

.frescaZoomSmallImageCont {
position:relative;
float:left;
display:block;
}

.frescaZoomBigImageCont {
border:1px solid #CCC;
position:absolute;
overflow:hidden;
visibility:hidden;
top:30px; 
margin-top:12px;
right:-532px;
background-color:#fff;
z-index:30;
}

.frescaZoomPup {
z-index:30;
position:absolute;
border:1px solid #CCC;
background:#FFF;
filter:alpha(opacity=50);
opacity:.50;
z-index:30;
}

#prodZoomHidden  {
min-height:305px;
height:auto;
z-index:30;
}

* html #prodZoomHidden {
height: 305px;
}

.largeSwatch {
position:absolute;
top:168px;
left:196px;
width:410px;
height:300px;
visibility:hidden
}
.infobulle{
position: absolute;
visibility:hidden;
margin-top: -120px; /* moitié de la hauteur */
margin-left: -160px; /* moitié de la largeur */
border: 1px solid #969696;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #ffffff;
z-index:30;
}


#bloc-produit a.button_panier {
	display:block;
	width:210px;
	height:22px;
	text-align:center;
	color:#999966;
	text-decoration:none;
	padding:1px 1px 2px 1px;
	margin:0px 0px 2px 0px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:0px;
	background:url(button21.gif) no-repeat 0 3px;
}
#bloc-produit a:hover.button_panier {
    background:url(button22.gif) no-repeat 0 3px;
	color:#999966;
	text-decoration:none;
}