/*------------------------------------------------------------------------------------------------------------ */
/*   08/01/2009                                    par Kinaly                                                  */
/* ----------------------------------------------------------------------------------------------------------- */

/* #F2F2F2 gris clair      */
/* #DCE1E3 gris            */
/* #97C9DB bleu clair      */
/* #6EA4B8 bleu            */
/* #0C161A presque noir    */
/* #036564 vert            */
/* #033649 vert foncÈ      */
/* #031634 bleu trËs foncÈ */

/* --------------------------------------------------- */
/*     initialisation : balises XHTML gÈnÈrales        */
/* --------------------------------------------------- */

html { font-size: 13px; }

body  {
	margin: 0; 
	padding: 0;
	background: #fff;
	text-align: left; 
	font-family: Century Gothic, Verdana, Helvetica, Arial;
	font-size: 100%;
	color: #0C161A;
}

img {
	border: 0;
	margin: 0;
}


h1, h2 {
	color: #c0d785;
	padding: 0;
	font-weight: bold;
}

h1 {
	font-size: 18px;
	line-height: 18px;
	margin: 5px 0 10px 0;
	font-weight: normal; 
}

h2 {
	font-size: 15px;
	line-height: 15px;
	margin: 10px 0 2px 0;
}

h3 {
	font-size: 13px;
	padding: 0;
	font-weight: bold;
	color: #000;
}

p { margin: 0 0 11px; }



a {	
	/*color: #6b6350;*/
	color: #000;
	text-decoration: none;
}

a:hover {
	/*color: #6b6350;*/
	color: #000;
	text-decoration: underline;
}

th {
	color: #fff;
	background-color: #6b6350;
	padding: 3px;
}

th a { color:#fff; }


table {
	margin: 0 auto;
	border: 0;
}

form { margin:0; padding:0; }
form img {vertical-align: middle;}

fieldset { border: none; padding: 0; margin: 0; }

input {
	color:#000000;
	font-size: 10px;
	margin: 4px 0;
	vertical-align: middle;
}

select, option {
	color:#000000;
	font-size: 10px;
	padding-left: 4px;
}

textarea {
	color:#000000;
	font-size: 10px;
	margin: 6px 0;
}

del { color: #0C161A}


/* --------------------------------------------------- */
/*                structure : armature                 */
/* --------------------------------------------------- */

#addToBookmarks { position: absolute; top: -20px; right: 0; color: #6B6350; text-decoration: none; }
#addToBookmarks:hover { color: #6B6350; text-decoration: underline; }

#enveloppe-page {
	width: 980px; /* Largeur de page ‡ rendre dynamique */
	margin: 50px auto 10px;
	background: #d3cbc1 url(/_boutiques/B2P//site_image/bg_page.jpg) left top repeat-y;
	position: relative;
}

#en-tete {
	position: relative;
	display: block;
	height: 47px; /* Hauteur ‡ rendre dynamique */
	background: transparent url(/_boutiques/B2P//site_image/bg_header.jpg) left top no-repeat;
}

#logo {
	position: absolute;
	z-index: 100;
	left: 51px;
	top: 0;
	width: 241px;
	height: 109px;
}

#conteneur {
	position: relative;
	display: block;
	background: transparent;
}

#conteneur-interne {
	display: block;
}

#col-d { 
	float: right;
	position: relative;
	display: inline;
	width: 242px; /* Largeur de colonne ‡ rendre dynamique */
	right: 0;
	margin: 0 0 60px 0;
	color: #fff;
}

	#col-d h2 {
		color: #6b6350;
		font-size: 13px;
		margin-left: 41px;
	}
	
	#col-d p, #col-d ul, #col-d #elem_menu ul {
		margin-left: 20px;
	}
	ul.puce,
	ul.like_puce {
		margin-left: 15px !important;
	}
	ul.puce.ajouter_favoris {
		margin-top: 18px !important;
	}

	#col-d #bienvenue_msg {
		font-size: 11px; 
		margin-left: 40px;
	}
		#col-d #bienvenue_msg img {
			vertical-align: middle;
			margin: 0 0 3px 7px;
		}


#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	padding: 63px 23px 0 23px;
	margin: 0 243px 0 25px;
}

.clearfloat {
	clear: both;
}
	
#liens-col-d {
	position: absolute;
	left: 738px;
	bottom: 34px;
	width: 242px;
}
	ul.puce a, a.puce {
		padding-left: 26px;
		background: transparent url(/_boutiques/B2P//site_image/bg_liens_menu.jpg) left top no-repeat;
	}
	ul.like_puce a, a.like_puce {
		padding-left: 26px;
	}
		ul.puce a img, a.puce img,
		ul.like_puce a img, a.like_puce img {
			vertical-align: bottom;
			margin-bottom: 1px; 
		}

#pied-page {
	display: block;
	background: #d3cbc1 url(/_boutiques/B2P//site_image/bg_footer.jpg) left top no-repeat;
	margin: 0;
	padding: 21px 242px 6px 24px; 
	text-align: center;
	color: #fff;
	font-size: 11px;
}
#pied-page p {
	margin: 0;
	padding: 0;
}
#pied-page a {
	color: #6b6350;
	padding: 0 5px;
}

/* --------------------------------------------------- */
/*                structure : ÈlÈments                 */
/* --------------------------------------------------- */

#elem_panier, #elem_compte {
	float: right;
	position: absolute;
	width: auto;
	right: 5px;
	text-align: right;
	padding: 0 20px 0 0;
	clear: both;
}

#elem_panier {
	background: transparent url(/_boutiques/B2P//theme/icone_panier.png) 100% 0 no-repeat;
	top: 10px;
}

#elem_compte {
	background: transparent url(/_boutiques/B2P//theme/icone_moncompte.gif) 100% 0 no-repeat;
	top: 30px
}

#elem_rechercher { }

#elem_menu { font-size: 13px; }

#elem_menu select.selecteurmarques { margin: 0 0 20px 25px; max-width: 150px; }

#elem_menu ul, #liens-col-d ul, ul.puce, ul.like_puce, #col-d ul { list-style: none; padding: 0; margin: 0; }
#elem_menu li, #liens-col-d li, ul.puce li, ul.like_puce li, #col-d li { padding: 0; margin: 1px 0; /*text-transform: lowercase;*/ font-weight: bold; }

#elem_menu a, #liens-col-d a, ul.puce a, a.puce, ul.like_puce a, a.like_puce {
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	color: #6b6350;
}

#elem_menu ul li ul li a {
	font-size: 11px;
	height: 16px;
}
 
#elem_menu a:hover, #liens-col-d a:hover, ul.puce a:hover, a.puce:hover, ul.like_puce a:hover, a.like_puce:hover,
#elem_menu a.hover, #liens-col-d a.hover, ul.puce a.hover, a.puce.hover, ul.like_puce a.hover, a.like_puce.hover {
	color: #fff;
}

#elem_newsletter { }

/* --------------------------------------------------- */
/*                  classes gÈnÈrales                  */
/* --------------------------------------------------- */

.droite { text-align: right;}
.gauche { text-align: left;}
.centre { text-align: center;}

.fl-droite { float: right; }
.fl-gauche { float: left; }

.txt-italique { font-style: italic; }

.nobr { white-space: nowrap; }

.overflow-auto { overflow: auto;}
.overflow-hide { overflow: hidden;}

.nodisplay { display: none;}

/* --------------------------------------------------- */
/*               ÈlÈments rÈcurrents                   */
/* --------------------------------------------------- */

.bloc_s {
	width: 400px;
	margin: 3px auto;
}

.bloc_m {
	width: 480px;
	margin: 3px auto;
}

.bloc_l {
	width: 520px;
	margin: 3px auto;
}

.alerte_erreur {
	color: #FF0000;
	font-weight: bold;
}
.alerte_info {
	color: #009933;
	font-weight: bold;
}

.encart-dynamique {
	margin: 10px 0 0 0;
}

.encart-dynamique li {
	
}

.i-frame {
	background: #FFF;
	padding: 4px 8px;
}

.i-frame form input {
	margin: 3px 0 10px 0;
}

.i-frame p {
	margin: 0;
}


/* --------------------------------------------------- */
/*                    formulaires                      */
/* --------------------------------------------------- */

.form_text {
	border: 1px solid #aea69a; 
	color: #666666;
	margin: 0;
	padding-left: 2px;
}
#col-d .form_text {
	border: 1px solid #aea69a;
	height: 14px;
	line-height: 13px;
	margin-bottom: 1px;
}

.syspage .form_text {
	height: 13px;
	line-height: 12px;
}
.syspage img {
	vertical-align: bottom;
	padding-bottom: 2px;	
}

#col-d select {
	border: 1px solid #aea69a;
	margin-bottom: 1px;
	height: 17px;
	line-height: 15px;
}

#col-d form {
	margin-left: 15px; 
}

#form-panier { }

#form-panier td { vertical-align: middle; }

.form_col {
	width: 150px;
}
.form_col_mini {
	width: 120px;
}

input.search, input.go { margin: 4px 0 14px; }

p.bouton input { width: auto; }

#references-b2p .form2lines select {
  margin: 6px 0 12px;
  width: 210px;
}

/* --------------------------------------------------- */
/*                       index                         */
/* --------------------------------------------------- */

#txt-home-left, #txt-ficheproduit-left {
	float: left;
	margin-top: 7px;
	width: 241px;
}
	#txt-home-left {
		min-height: 209px;
		padding-top: 60px;
		background: transparent url(/_boutiques/B2P//site_image/slogan.jpg) left top no-repeat;
	}
	#txt-ficheproduit-left {
		min-height: 403px;
	}
		#txt-ficheproduit-left h2, h2.espace {
			margin-bottom: 15px;
		}
		#txt-ficheproduit-left #prix_prd {
			margin: 15px 0 10px 0;
		}

#txt-home-right, #txt-ficheproduit-right {
	margin-top: -63px;
	float: right;
	width: 395px; 
	height: 339px;
}

		#txt-ficheproduit-right {
		background: transparent url(/_boutiques/B2P//site_image/bg_img_ficheproduit.gif) right top no-repeat;
		margin-top: -30px;
		height: 440px;
		position: relative;
	}
		#txt-ficheproduit-right #img_max {
			width: 372px;
			height: 274px;
			padding: 0;
			margin: 10px 11px;
		}
	

#txt-home { border-bottom: 1px dotted #036564; padding-bottom: 10px; overflow: hidden;}
#txt-home a { color:#000000; text-decoration:none }
#txt-home a:hover { color:#000000; text-decoration:none }
#txt-home img { margin-right:8px;}

.news-home, .news-home-r { width: 300px; position: relative; height: 57px; overflow: hidden; line-height: 14px; }
.news-home { float: left; }
.news-home-r { float: right; }

.lire_suite { color: #6b6350; text-decoration: none; position: absolute; background-color: #fff; padding-left: 3px; bottom: 0; right: 0; }
.lire_suite:hover { color: #6b6350; text-decoration: underline; }

#news-home img { float: left; margin: 0 5px 0 0;}
#news-home p { margin: 0 0 5px 0;}

.separateur-pointilles { 
	clear: both;
	border-bottom: 1px dashed #d3cbc1;
	height: 9px;
	display: block;
	margin: 0 0 9px 0;
}

#col-d .separateur-pointilles, #liens-col-d .separateur-pointilles { 
	border-bottom: 1px dashed #fff;
	height: 10px;
	display: block;
	margin: 0 0 10px 0;
}

#liens-col-d .separateur-pointilles {
	margin-bottom: 13px;	
}


/* --------------------------------------------------- */
/*                        news                         */
/* --------------------------------------------------- */

.news { }

.news-container { 
	padding-top: 21px;
}

.news-titres p {
	margin: 4px 0;
	padding: 0;
}

#news-date-titre {
	font-size: 11px;
	font-weight: normal;
}

/* --------------------------------------------------- */
/*                 catalogue, rayons                   */
/* --------------------------------------------------- */

.syspage  {  }
.syspage a  {  }
.syspage a:hover  {  }

/* --------------------------------------------------- */
/*                     catÈgorie                       */
/* --------------------------------------------------- */

.zoomVignette { display: block; position: absolute; z-index: 5000; top: 0; margin-top: -69px; left: 160px; display: block; width: 372px; height: 274px; border: 3px solid #6B6350; }
.zoomVignetteLeft { margin-left: -375px; }
.zoomVignetteRight { margin-left: 160px; }

.bloc-produit {
	width: 155px;
	height: 136px;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
}

.bloc-produit .img_nouveaute, #txt-ficheproduit-right .img_nouveaute {
	position: absolute;
	top: 0;
	right: 0;	
	width: 91px;
	height: 21px;
}
#txt-ficheproduit-right .img_nouveaute {
	margin: 10px 12px 0 0;
}

.bloc-produit .bp-image {
	width: 155px;
	height: 102px;
}
	.bloc-produit .bp-image a { display: block; }

.bloc-produit .boutons {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 17px;
	width: 155px;
}

.fil_ariane {
	position: absolute;
	top: 0;
	left: 294px;	
	font-size: 11px;
	color: #6b6350;
	font-weight: normal;
	margin: -15px 0 0 0;
	padding: 0;
	text-transform: lowercase;
}
	.fil_ariane a {
		color: #6b6350;
	}
	.fil_ariane a.actif {
		color: #c0d785;
		font-weight: bold;
	}
	
#texte_tr {
	position: absolute;
	top: 97px;
	left: 294px;
}
#texte_tr.recherche {
	top: 36px;	
}
	#texte_tr a, #texte_tr a:hover {
		color: #000;
	}

/* --------------------------------------------------- */
/*                    fiche produit                    */
/* --------------------------------------------------- */
#img-produit-box { margin: 0 10px 0 0;}
#img-produit { margin: 0 10px 10px 0;}

#info-produit { }

#info-produit table {
	margin: 0;
}

.vignettes {
	margin: 10px 0 0 7px;
}
	.vignettes a {
		float: left;
	}
	.vignettes img {
		height: auto;
		width: 89px; 
		margin: 4px 3px;
	}

/* largeur ‡ spÈcifier pour centrer le bloc */
#bloc-pro-asso { 
	width: 60px;
	margin: 0 auto;
}

#txt-ficheproduit-left .selectSousProduit {
	margin-left: 24px;
}

.avis-box { margin: 20px auto 12px; clear: both;}


/* --------------------------------------------------- */
/*                       panier                        */
/* --------------------------------------------------- */

/* TABLEAU A COULEURS ALTERNEES */
.styleCell1 { background-color: #d3cbc1; }
.styleCell1 img { margin: 3px;}
tr.styleCell1 strong { line-height: 23px; margin: 3px;}
	
.styleCell2 { background-color: #e3dbd1; }
.styleCell2 img { margin: 3px;}
tr.styleCell2 strong { line-height: 23px; margin: 3px;}

/* --------------------------------------------------- */
/*                     ami.htm                             */
/* --------------------------------------------------- */

.form-ami p { width: 50%; float: left;}
.form-ami label { display: block; width: 120px; }
.form-ami input { width: 80%;}
.form-ami p.bouton { width: 100%;}


/* ---------------------------------------------------- */
/*                     avis.htm                         */
/* --------------------------------------------------- */

.avis {
	font-size: 12px;
}

.meta-avis { margin: 14px 0 6px 0;}

.form-avis p { width: 50%; float: left;}
.form-avis label { display: block; width: 160px; }
.form-avis input { width: 80%;}
.form-avis p.bouton, .form-avis p.alerte_info, .form-avis p.alerte_erreur { width: 100%;}

/* ---------------------------------------------------- */
/*                     contact.htm                         */
/* --------------------------------------------------- */

.form-contact label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-contact input { width: 212px;}
.form-contact textarea { margin: 0 4px;}

/* ---------------------------------------------------- */
/*              mescommandes_identification.htm                        */
/* --------------------------------------------------- */

.form-login label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-login input { width: 170px;}

/* ---------------------------------------------------- */
/*          parrainage                                */
/* --------------------------------------------------- */

.form-parrainplus p { margin: 0;}

/* ---------------------------------------------------- */
/*                 processus de commande                */
/* --------------------------------------------------- */

.separateur { color: #888;}

#pdc_box {
	font-size: 15px;
	color: #CCC;
	min-height: 35px;
}

* html pdc_box {height: 35px;}

#pdc_box ul {
	list-style: none;
	padding: 0;
}

#pdc_box ul li {
	float: left;
	padding: 0;
	margin: 0 3px;
	height: 26px;
	line-height: 26px;
}

#pdc_box ul li.currentstep {
	color: red;
}

#pdc_box ul li span.highlight {
	border: 1px solid #ccc;
	padding: 4px 8px 3px 8px;
}

#pdc_box ul li.currentstep span.highlight {
	border: 1px solid red;
	padding: 4px 8px 3px 8px;
}

/* ---------------------------------------------------- */
/*                commande.htm               */
/* --------------------------------------------------- */

form.com_id label {
	display: inline-table;
	width: 45%;
	text-align: right;
	line-height: 4px; /* petite valeur pour centrer le texte et l'input sous safari */
}

form.com_id textarea {
	margin: 0 4px;
}

form.com_id input {
	margin: 0 4px;
	height: 16px;
}

form.com_id p.bouton input {
	height: auto;
}

#rech_avancee {
	margin-top: 10px;
}
#rech_avancee label {
	float: left;
	width: 90px;
}

.gdemarge { margin-left: 45%;}

/* --------------------------------------------------------- */
/* old : STYLES  DES ALERTES (panier, mescommandes, parrainage etc */
/* --------------------------------------------------------- */

.black { color: black; }
.orange { color: orange; }
.green { color: green; }
.red { color: red; }

/* ------------------------------------- */
/* STYLES CSS PERSONNALISES              */
/* Placez vos sytles personnels ici            */
/* ------------------------------------- */


#pagesWeb {
	margin-top: 64px;
}


.erreur {
	color: red;
	font-weight:bold;
}
.noerreur {
	
}

.marginGuides {
	margin: 20px;
}

.grisfonce {
	color: #6b6350;	
}

.vert {
	color: #c0d785;
}

.box_vert, .box_gris, .box_petit_gris {
	width: 663px;
	margin: 0;
	padding: 0;
}
.box_vert .box_vert_b, .box_gris .box_gris_b, .box_petit_gris .box_petit_gris_b {
	margin: 0;
	padding: 7px;
}

.box_vert {
	background: #c0d785 url(/_boutiques/B2P//site_image/box_vert_tr.jpg) right top no-repeat;
}
.box_vert .box_vert_b {
	background: transparent url(/_boutiques/B2P//site_image/box_vert_b.jpg) left bottom no-repeat;
}

.box_petit_gris {
	background: #d3cbc1 url(/_boutiques/B2P//site_image/box_petit_gris_tr.gif) right top no-repeat;
	width: 396px;
}
.box_petit_gris .box_petit_gris_b {
	background: transparent url(/_boutiques/B2P//site_image/box_petit_gris_b.gif) left bottom no-repeat;
	padding: 8px 12px;
}
.box_petit_gris .box_petit_gris_b img {
	vertical-align: bottom;	
}

.box_gris {
	background: #fff url(/_boutiques/B2P//site_image/box_gris_c.gif) right top repeat-y;
}
.box_gris .box_gris_t {
	background: transparent url(/_boutiques/B2P//site_image/box_gris_t.gif) left top no-repeat;
	margin: 0;
	padding: 5px 0 0 0;
}
.box_gris .box_gris_b {
	background: transparent url(/_boutiques/B2P//site_image/box_gris_b.gif) left bottom no-repeat;
	padding-top: 2px;
}

.imgs_rayon { 
	text-align: center;
}
.imgs_rayon a {
	padding: 4px 7px;
	display:inline-block;
}
.imgs_rayon img {
	height: 102px;
	width: auto;
}
.imgs_rayon div {
	position: relative;
	float: left;
	height: 122px;
	margin: 7px 0;
}
.imgs_rayon .loupe_pro_assoc {
	position: absolute;
	bottom: 0;
	left: 0; 	
}
	.imgs_rayon .loupe_pro_assoc img {
		height: auto !important;
	}


#txt-home-right { position: relative; width: 405px; height: 349px; overflow: hidden; left: 10px; }
    #carrousel p { margin: 0; padding: 0; }
    #content_carrousel { }
    #liens_carrousel { position: absolute; right: 15px; bottom: 10px; }
        #liens_carrousel a { float: left; margin: 0 0 0 3px; display: block; border: 1px solid #C0D785; background: #fff; text-decoration: none; color: #C0D785; width: 19px; height: 19px; line-height: 19px; text-align: center; }
        #liens_carrousel a.actif,
        #liens_carrousel a:hover { background: #C0D785; color: #fff; text-decoration: none; }
    #img_carrousel { display: none; }



#compteur_panier {
	font-weight: normal;
}


.petit_texte, .petit_texte_gras {
	font-size: 11px;
}
.petit_texte_gras {
	font-weight: bold;
}

#credits {
	font-size: 9px;
	text-align: center;
	color:#999;
	margin-bottom:40px;	
}

#credits A {
	color:#999	
}

.cat_puce LI {
	background: url(/_boutiques/B2P//theme/puce.gif) no-repeat 0px 3px;
	text-indent: 16px;
	list-style: none;
}