/* CSS Document */

/* VISUELS COLONNE GAUCHE --------------------------------------------------------------------------------- */

/* visuel livraison gratuite --------------------------------------------------------------------------------- */
.box_livraison{ margin-bottom:20px;}
.box_communication{ margin-bottom:20px;}
  .box_communication h3  {
    width:170px;height:18px;
    background:url(../images/bg_onglets_g.png) no-repeat;
    margin:0;
    color:#fff;
    text-align:left;
    font-size:1em;
    font-weight:bold;
    padding:4px 0 0 10px;
}
/* visuel promo du mois --------------------------------------------------------------------------------- */
.box_promo_mois{ margin-bottom:20px;}
	.box_promo_mois	h3	{ 
		width:170px;height:23px; 
		background:url(../images/bg_onglets_g.png) no-repeat; 
		margin:0;
		color:#fff;
		text-align:left;
		font-size:1.3em;
		padding:2px 0 0 10px;
}

/* visuel alerte fete des Meres --------------------------------------------------------------------------------- */
.box_fetemeres{margin-bottom:20px;}

/* Bouton test de personnalisation  --------------------------------------------------------------------------------- */
.bouton_test{
	width:160px;
	height:57px;
	background:url(../images/bt_personnalisation.png) no-repeat;
	margin-bottom:20px;
	padding:5px 10px 5px 10px;
	color:#521400;
	margin-bottom:20px;
}
	.bouton_test span{ color:#bd2f00; font-size:1em; font-weight:bold;}

/* visuel roman d'entreprise --------------------------------------------------------------------------------- */
.box_ro_entreprise{
	border:1px solid #d0bb99;
	border-top:none;
	text-align:left;
}
	.box_ro_entreprise p{margin:10px 10px 10px 10px; color:#521400;}
	h4.ro_entreprise	{
		width:180px;
		height:35px;
		background:url(../images/coins_arrondis_g.png) no-repeat;
		margin:0;
		padding-top:5px;
		color:#bd2f00; 
		font-size:1em; 
		font-weight:bold;
}
	h4.ro_entreprise span{ font-size:1.5em;}


/* COLONNE CENTRALE (produits)
---------------------------------------------------------------------------------------------------------------------- */
#produits {
	width:540px;
	float:left;
}

#produits h5 {
  vertical-align      : center;
  height              : 2em;
  margin-top          : 0.5em;
}

#produits h5.double {
  height              : 2.5em;
  margin-top          : 0;
}

#produits h5 a{ color:#a6895a; }
#produits h5 a:hover{ color:#bd2f00;}

p.prix{ color:#bd2f00; font-size:1.5em; margin:5px 0 2px 0;}
p.accroche{ font-weight:bold; margin:0 0 10px 0;}
p.description{ line-height:1.3em; margin-bottom:10px; }
p.auteur{ margin-bottom:5px;}
.hidden{ display:none;}

.gondole_produits{ 
	width:540px;
	margin:10px 0 10px 0;
	text-align:left;
}

.gondole_produits div.description {
  font-size:0.8em;
  text-align:justify;
}

.gondole_produits div.description[class~=alt] {
  background-color: #521400;
  color: white;
  position:absolute;
  left:0;right:0;bottom:0;
  height:110px;
  padding: 2px 10px 10px 10px;
  overflow:hidden;
}

.gondole_produits div.description p {
  line-height             : 1.3em;
  font-size               : 11.5px;
}

.gondole_produits h5 {
  line-height : 1.2em;
}

.gondole_produits h3 {
  width:540px;
  height:16px;
  background:url(../images/bg_onglet_centre.png) no-repeat;
  margin:0;
  color:#fff;
  text-align:left;
  font-size:1em;
  font-weight:bold;
  padding:4px 0 0 10px;
}
	.gondole_produits img	{ margin: 0 auto; display:block;}

a.bouton{ 
	display:inline-block;
	background: #edc04c url(../images/bg_bt_savoirplus.gif) repeat-x;
	/*width:150px;*/
  padding:1px 5px 1px 5px;
	height:17px;
	border:1px solid #edc04c;
	text-align:center;
	text-decoration:none;
	color:#000;
  font-style:normal;
}

a:hover.bouton{ 
	color:#bd2f00;
	border:1px solid #bd2f00;
}

.produit-1 img, .produit-2 img, .produit-3 img{
  max-height  : 130px;
}

.produit-1, .produit-2, .produit-3{ 
	width:153px;
  height:330px;
	background-color:#fff;
	border:1px solid #d0bb99;
	border-top:none;
	padding:3px 10px 10px 10px;
  position: relative;
}

.produit-1 .bouton, .produit-2 .bouton, .produit-3 .bouton {
  display : block;
  position : absolute;
  bottom : 6px;
  left : 7px;
  right : 7px;
}
.produit-1{
	float:left;
}

.produit-2{
	float:left;
	margin:0 7px 0 7px;
}

.produit-3{
	float:right;
}


/* COLONNE DROITE -------------------------------------------------------------------------------------------- */

#col_droite{
	width:180px;
	float:right;
	margin:10px 0 10px 0;
}

/* Inscription NL ------------------------------------------------------------------------------------------- */
.box_inscription_nl{ 
	padding:5px 10px 5px 10px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #d0bb99;
	border-top:none;
	text-align:right;
  height: 21px;
}
	h3.inscription	{ 
		width:170px;height:18px; 
		background:url(../images/bg_onglets_g.png) no-repeat; 
		margin:0 0 0 0;
		color:#fff;
		text-align:left;
		font-size:1em;
    font-weight:bold;
		padding:4px 0 0 10px;
}

.box_inscription_nl input[type~=text] {
  width:125px;
  height:15px;
  border:1px solid #d0bb99;
  float:left;
  margin-bottom:0px;
}

.box_inscription_nl form ul.error_list {
  text-align    : center;
  margin-bottom : 10px;
  color         : red;
  font-size     : 10px
}
	
input.bouton_nl{
  display:block;
  background:#edc04c url(../images/bg_bt_savoirplus.gif) repeat-x;
  width:26px;
  height:21px;
  border:1px solid #edc04c;
  text-align:center;
  text-decoration:none;
  color:#000;
  padding-bottom:2px;
  padding-left:0px;
  float:right;
}
input:hover.bouton_nl{
  color:#bd2f00;
  border:1px solid #bd2f00;
}

/* Blog --------------------------------------------------------------------------------------------------------- */
.box_blog{ 
	padding:10px 10px 10px 10px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #d0bb99;
	border-top:none;
	text-align:left;
}
.box_blog li{ margin-bottom:10px; border-bottom:1px dashed #ccb591;padding-bottom:5px;}
h3.blog	{
  width:170px;height:18px;
  background:url(../images/bg_onglets_g.png) no-repeat;
  margin:0 0 0 0;
  color:#fff;
  text-align:left;
  font-size:1em;
  font-weight:bold;
  padding:4px 0 0 10px;
}

.suite{ margin:0 0 20px 5px;}
a.bouton_blog{ 
	display:block;
	background: url(../images/bg_bt_savoirplus.gif) repeat-x;
	width:110px;
	height:17px;
	border:1px solid #edc04c;
	text-align:center;
	text-decoration:none;
	color:#000;
	margin:0 auto;
}

a:hover.bouton_blog{ 
	color:#bd2f00;
	border:1px solid #bd2f00;
}

/* livre d'Or ------------------------------------------------------------------------------------------------------ */
.box_livre_or{ 
	padding:10px 10px 10px 10px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #d0bb99;
	border-top:none;
	text-align:left;
}
.box_livre_or li{ margin-bottom:10px; border-bottom:1px dashed #ccb591;padding-bottom:5px;}
	h3.livre_or	{ 
		width:170px;height:23px;
		background: url(../images/bg_onglet_livreor.png) no-repeat; 
		margin:0 0 0 0;
		color:#fff;
		text-align:left;
		font-size:1em;
    font-weight:bold;
		padding:7px 0 0 10px;
}