/*//////////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////// MISE A ZERO /////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////*/


form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

html{
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

img{
border:none;
}



/*//////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////// PROPRIETES GENERALES /////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////*/


body {
text-align:left;
background-color:#FFFFFF;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#352600;
font-size:12px;
line-height:14px;
text-decoration:none;
}


/* //////////  TEXTE  ////////// */


/* General */

.gene {
text-align:left;
background-color:#FFFFFF;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#52350b;
font-size:12px;
line-height:14px;
text-decoration:none;
}

a:link { text-decoration:none; color:#352600;}
a:visited { text-decoration:none; color:#352600;}
a:hover { text-decoration:underline; color:#352600;}
a:active { text-decoration:underline; color:#352600;}

h1, .h1 {
color:#523607;
font-size:16px;
line-height:18px;
text-decoration:none;
font-weight:bold;
margin:0 0 20px 0;
padding:0 0 0 0;
text-transform:uppercase;
border-bottom:#523607 2px solid;
clear:both;
}
h1, a.h1:link { text-decoration:none; color: #523607; }
h1, a.h1:visited { text-decoration:none; color: #523607; }
h1, a.h1:hover { text-decoration:none; color: #523607; }
h1, a.h1:active { text-decoration:none; color: #523607; }

h2, .h2 {
color:#52350b;
font-size:14px;
line-height:16px;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
margin:0 0 10px 0;
padding:0 0 0 0;
}
h2, a.h2:link { text-decoration:none; color: #52350b;}
h2, a.h2:visited { text-decoration:none; color: #52350b;}
h2, a.h2:hover { text-decoration:none; color: #52350b;}
h2, a.h2:active { text-decoration:none; color: #52350b;}

h3, .h3 {
color:#352600;
font-size:12px;
line-height:14px;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
margin:0 0 5px 0;
padding:0 0 0 0; 
}
h3, a.h3:link { text-decoration:none; color: #352600; }
h3, a.h3:visited { text-decoration:none; color: #352600; }
h3, a.h3:hover { text-decoration:none; color: #352600; }
h3, a.h3:active { text-decoration:none; color: #352600; }

h4, .h4 {
color:#dca384;
font-size:14px;
line-height:0px;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
margin:0 0 0 0;
padding:0 0 0 0;
}

p, .p {
text-decoration:none;
font-weight:normal;
}

p:link { text-decoration:none; }
p:visited { text-decoration:none; }
p:hover { text-decoration:none; }
p:active { text-decoration:none; }


/* /////  MISE EN PAGE  ///// */

.clear{
clear:both;
margin-bottom:10px;
}

.marge20top{
padding-top:20px;
}

.marge20right{
padding-right:20px;
}

.marge20left{
padding-left:20px;
}

.center{
text-align:center;
}


select, .select{
font-size:11px;
color:#523607;
font-weight:normal;
text-align:center;
padding:0;
background-color:#FFFFFF;
border:#958771 1px solid;
}



/*//////////////////////////////////////////////////////////////////////////////*/
/* ////////////////////////////// PAGE CATALOGUE ////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////*/


/* /////  GENERAL : CONTAINERS   ///// */


#container{ /* DIV GLOBAL DE LA PAGE A INSERER DANS LE TEMPLATE EXISTANT SAUF S'IL EXISTE DEJA*/
text-align: left;
width:700px;
background-color:#FFFFFF;
margin:0 0 0 0;
padding:0 0 0 0;
}


#catalogue{ /* DIV CONTENU DU CATALOGUE*/
text-align: left;
width:700px;
background-color:#FFFFFF;
margin:10px 0 0 22px;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#352600;
font-size:12px;
line-height:14px;
text-decoration:none;
}

#nouveautes{ /* nouveautés, tout en haut du catalogue, avec ou sans droplist*/
width:675px;
text-align:right;
right:0;
}


/* ///// SPECIFIQUE : ITEMS DU CATALOGUE ///// */

.item-catalogue{ /* element de liste du catalogue : zone contenant photo + descriptif*/
width:190px;
margin:0 20px 20px 0;
float:left;
background-position:middle;
background-repeat:no-repeat;
}

.img-item{
width:190px;
margin:0 0 0 0;
height:105px;
}

.txt-item{
width:190px;
float:left;
}

/* ///// Textes ///// */
.decouvrez-nouveautes{ /* tout en haut à droite de la page */
color:#523607;
font-size:11px;
line-height:23px;
text-decoration:none;
font-weight:normal;
padding-left:10px;
background-image:url(/img/identical/picto/arrow-brown.gif);
background-position:top left;
background-repeat:no-repeat;
}

a.decouvrez-nouveautes:link { text-decoration:none; }
a.decouvrez-nouveautes:visited { text-decoration:none; }
a.decouvrez-nouveautes:hover { text-decoration:underline; }
a.decouvrez-nouveautes:active { text-decoration:underline; }

/*//////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////// PAGE PRODUIT /////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////*/


/* /////  GENERAL : CONTAINERS (PAGE ET FICHE) ET COLONNES GAUCHE ET DROITE  ///// */

#container{ /* DIV GLOBAL DE LA PAGE A INSERER DANS LE TEMPLATE EXISTANT SAUF S'IL EXISTE DEJA*/
text-align: left;
width:728px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#fiche-produit{ /* DIV CONTENU DU DE LA FICHE PRODUIT colonne droite + colonne gauche*/
text-align: left;
width:700px;
background-color:#FFFFFF;
margin:20px 0 0 20px;
}

.item{ /* COLONNE DE GAUCHE DE LA FICHE PRODUIT : photo, teintes, */
width:220px;
margin:0 20px 20px 0;
padding:0 0 0 10px;
float:left;
background-position:middle;
background-repeat:no-repeat;
}

#description{ /* COLONNE DE DROITE DE LA FICHE PRODUIT : description, resultats, ingredients...*/
text-align: left;
width:400px;
padding-top:10px;
float:left;
position:absolute;
}

html>/**/body #description{ /* COLONNE DE DROITE DE LA FICHE PRODUIT pour firefox*/
text-align: left;
width:400px;
padding-top:10px;
float:left;
position:relative;
}


/* ////////// ELEMENTS COLONNE GAUCHE ////////// */

.separateur_pt{
background-image:url(/img/identical/picto/product-separator_left.jpg);
background-position:top left;
background-repeat:no-repeat;
width:220px;
height:30px;
margin:10px 0 0 -20px;
}

.img_lien_gamme{
float:left;
margin-left:-10px;
}

.txt_lien_gamme{
float:left;
margin-bottom:20px;
}



/* ////////// ELEMENTS COLONNE DROITE : CONTENU ACCORDEON ////////// */

.toggler {
margin: 0;
width:450px;
padding: 2px 5px;
cursor:pointer;
}
a.toggler:link { text-decoration:none; color: #dca384; cursor:pointer;}
a.toggler:visited { text-decoration:none; color: #dca384; cursor:pointer;}
a.toggler:hover { text-decoration:none; color: #dca384; cursor:pointer; }
a.toggler:active { text-decoration:none; color: #dca384; cursor:pointer; }

.stretchers {
padding: 2px 5px; 
width:450px;
}

.separateur_gd{
background-image:url(/img/identical/picto/product-separator_right.jpg);
background-position:top left;
background-repeat:no-repeat;
width:450px;
height:13px;
margin:2px 0 -2px 0;
padding:0;
}