/* CSS Document */
@import "charte.css";
@import "menus.css";

/*****************************************************/
/*
/* 		TEXTES
/*
/*****************************************************/
h1{

}
h1 span{
	
}
h2{		
	font:1.8em Arial, Helvetica, sans-serif;
	padding:10px;
	color:#7b3902;
}
h3{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:10px 0;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
	color:#7b3902;
}

h4{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:10px 0;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
	color:#7b3902;
}

h5 {
	font:1em Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:5px;
	margin-top:-5px;
	margin-left:25px;
	
	}

p{	
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	padding:5px 0;
	color:#7b3902;
}
.corps{	
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	padding:5px 0;
	color:#7b3902;
}
.grand{	
	font:14px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	padding:5px 0;
	color:#7b3902;
}
a{	
	font:Arial, Helvetica, sans-serif;
	color:#7b3902;
}
a:hover{	
	color:#7b3902;
}
hr{
 	border:none;
 	height:1px;
	color:#7b3902;
	background:#7b3902;
}
.txtRouge{color:#c10b11;}
.txtViolet{color:#9a1849;}
.txtBleu{color:#4e94d0;}
.txtBordeau{color:#931a1c;}
.txtMauve{color:#5f4ca1;}
.txtRose{color:#ff4a97;}
.rouge{color: #D30B12;}
.txtOrange{
			color:#FF9900;
			letter-spacing:1px;
			}
.txtOrange2{
			color:#ef4a1b;
			letter-spacing:1px;
			}

/***************************** ACTU *****************************/

.global_actu {
	display: block;
	float:left;
	width:800px;
	padding-bottom:10px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	}

.gauche_actu {
	text-align:center;
	background:#FFFFFF;
	background-repeat:no-repeat;
	width:265px;
	height:380px;
	margin-top:5px;
	float:left;
	margin-left:5px;
	border:1px solid #C10B11;
	padding-top:20px;	
	}
	
.gauche_actu a img {
	border: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	}
	
.gauche_actu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
	
.gauche_actu a {
	margin: 2px 2px 2px 2px;
	padding: 0;
	border: 0px solid black;
	}
		
.droite_actu {
	width:500px;
	margin-top:0;
	float:left;
	margin-left:3px;
	border:0px solid black;
	}


.article_actu {
	width:500px;
	float:left;
	margin-left:0px;
	margin-top:10px;
	border-top: 2px solid #C10B11;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	}
	
	/* PAGINATION ACTU */
.pagination_actu{
	width:200px;
	text-align:center;
	padding-top:0px;
	margin: 5px auto;
	margin-top:10px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color:#552B0A;
	}
	
.pagination_actu a img {
	border: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	}
	
.pagination_actu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
	
#listing_produit .pagination-produit a{color:#ff0066;}	
#listing_produit .pagination-produit a:hover{color:#046010;}	

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}
	
	/***************************** REVUE DE PRESSE *****************************/

.global_revue {
	float:left;
	width:800px;
	padding-bottom:10px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	height:250px;
	border-bottom:2px solid #DAD1CA;
	}

.gauche_revue {
	text-align:center;
	background-image:url(../images/fd_revue.gif);
	background-repeat:no-repeat;
	width:250px;
	height:250px;
	margin-top:5px;
	float:left;
	margin-left:0px;
	padding-top:7px;
	}
	
.gauche_revue a img {
	border: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	}
	
.gauche_revue a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
	

		
.droite_revue {
	width:500px;
	height:380px;
	margin-top:0px;
	float:left;
	margin-left:10px;
	}


.article_revue {
	width:500px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	height:16em;
	border-top: 2px solid #916035;
	border-bottom: 2px solid #916035;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	}
	
	/* PAGINATION revue */
	
.pagination_revue{
	width:200px;
	text-align:center;
	padding-top:10px;
	margin: 5px auto;
	margin-top:10px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color:#552B0A;
	}
	
.pagination_revue a img {
	border: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	}
	
.pagination_revue a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
	
#listing_produit .pagination-produit a{color:#ff0066;}	
#listing_produit .pagination-produit a:hover{color:#046010;}	

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}
	
/****************** *********** QUI *****************************/
#cerfogli{
	float:left;
	width:800px;
	margin:0;
	padding:15px 0 0 0;
	/*border:1px solid red;*/
}
/*#cerfogli_photo{
	float:right;
	width:310px;
	margin:0;
	padding:15px 0 0 0;
	border:1px solid red;
}*/
#cerfogli p, #cerfogli_photo p{	
	/*font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	padding:5px 0;
	color:#7b3902;*/
	text-align:justify;
}
/***************************** CGV *****************************/
#cgv{
	float:left;
	width:800px;
	margin:0;
	padding:15px 0 0 0;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	color:#7b3902;
	text-align:justify;
	/*border:1px solid red;*/
}

/*#cgvd{
	float:right;
	width:400px;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	color:#7b3902;
	text-align:justify;
	border:1px solid red;
}*/
#cgv p, #cgvd p{	
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	padding:7px 0;
	color:#7b3902;
	text-align:justify;
}
#cgv li{
	list-style-type:square;
	margin-bottom:0px;
	margin-left:40px;}
/***************************** LIVRAISON *****************************/
#livraison{
	float:left;
	width:800px;
	margin: 0 5px 0 0;
	padding:15px 0 0 0;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	color:#7b3902;
	text-align:justify;
	border: 0px solid black;
	}

	
	/*border:1px solid red;*/
}
/*#livraisond{
	float:right;
	width:400px;
	margin:0;
	padding:15px 0 0 0;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	color:#7b3902;
	text-align:justify;
	border:1px solid red;
}*/

.table_livraison h4{
	border:0px solid black;
	margin: 20px 5px 0 5px ;
	padding-top: 5px;
	}

.table_livraison{
	border:0px solid black;
	margin: 0 0 0 0 ;
	padding-top: 20px;
	}
	

	
#livraison1{
	float:left;
	width:800px;
	padding:15px 0 0 0;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	color:#7b3902;
	text-align:justify;
	border:0px solid red;
}
#livraison p, #livraisond p{	
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	padding:7px 0;
	color:#7b3902;
	text-align:justify;
}
.tarif{	
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	padding:2px 0 2px 5px;
	/*line-height:18px;
	padding:7px 0;*/
	color:#7b3902;
	text-align:left;
}
#livraison1 li{
	list-style-type:square;
	margin-bottom:0px;
	margin-left:70px;
}
/***************************** CONTACT *****************************/
#contact{
	float:left;
	width:800px;
	margin:0 5px 0 0;
	padding:15px 0 0 0;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	color:#7b3902;
	text-align:justify;
	/*border:1px solid red;*/
}
#contactTxt{
	width:47%;
	float:left;
}
#contactTxt li{
	list-style-type:square;
	margin-bottom:0px;
	margin-left:40px;
}

#contactPlan{
	width:47%;
	float:right;
	text-align:left
}
#formContact input{
	width:250px;
	border:1px solid #000;
	font-size:12px;
}
#formContact textarea{
	width:683px;
	border:1px solid #000;
	font-size:12px;
}
*html #formContact textarea{
	width:685px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*****************************************************/
/*
/* 		Toutes les pages
/*
/*****************************************************/

/*****************************************************/
/*
/* 		Accueil
/*
/*****************************************************/
/*  menu prodz */
.btn-cuisine-et-table, .btn-deco, .btn-rangement, .btn-luminaires, .btn-buro-gadget, .btn-univers-enfants{
	float:left;
	width:133px;
	height:412px;
	border-right:4px solid #f4f0ee;
}
.btn-cuisine-et-table a.btnTitre, .btn-deco a.btnTitre, .btn-rangement a.btnTitre, .btn-luminaires a.btnTitre, .btn-buro-gadget a.btnTitre, .btn-univers-enfants a.btnTitre{
	display:block;
	width:133px;
	height:213px;
	background-repeat:no-repeat;
}
.btn-cuisine-et-table a.btnTitre{
	background-image:url(../images/charte/btn-accueil-cuisine-et-tabl.jpg);
}
.btn-deco a.btnTitre{
	background-image:url(../images/charte/btn-accueil-deco.jpg);
}
.btn-rangement a.btnTitre{
	background-image:url(../images/charte/btn-accueil-rangement.jpg);
}
.btn-luminaires a.btnTitre{
	background-image:url(../images/charte/btn-accueil-luminaires.jpg);
}
.btn-buro-gadget a.btnTitre{
	background-image:url(../images/charte/btn-accueil-buro-gadgets.jpg);
}
.btn-univers-enfants a.btnTitre{
	background-image:url(../images/charte/btn-accueil-enfants.jpg);
}

.btn-cuisine-et-table a.miniProd, .btn-deco a.miniProd, .btn-rangement a.miniProd, .btn-luminaires a.miniProd, .btn-buro-gadget a.miniProd, .btn-univers-enfants a.miniProd{
	text-decoration:none;
	display:block;
	width:133px;
	height:190px;
}
.btn-cuisine-et-table a.miniProd p, .btn-deco a.miniProd p, .btn-rangement a.miniProd p, .btn-luminaires a.miniProd p, .btn-buro-gadget a.miniProd p, .btn-univers-enfants a.miniProd p{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-align:center;
	padding:3px 0;
	margin:0;
	
}
.btn-cuisine-et-table a.miniProd p{ color: #c10b11; }
.btn-cuisine-et-table a.miniProd:hover p{ color: #da7d7f; }

.btn-deco a.miniProd p{ color: #9a1849; }
.btn-deco a.miniProd:hover p{ color: #c7849b; }

.btn-rangement a.miniProd p{ color: #4e94d0; }
.btn-rangement a.miniProd:hover p{ color: #a1c2df; }

.btn-luminaires a.miniProd p{ color: #931a1c; }
.btn-luminaires a.miniProd:hover p{ color: #c38585; }

.btn-buro-gadget a.miniProd p{ color: #5f4ca1; }
.btn-buro-gadget a.miniProd:hover p{ color: #a99ec7; }

.btn-univers-enfants a.miniProd p{ color: #479677; } /* !!! ATTENTION !!! univers enfant devient maintenant "eaux du monde" */
.btn-univers-enfants a.miniProd:hover p{ color: #94D198; }


.btn-cuisine-et-table a.miniProd img, .btn-deco a.miniProd img, .btn-rangement a.miniProd img, .btn-luminaires a.miniProd img, .btn-buro-gadget a.miniProd img, .btn-univers-enfants a.miniProd img{
	border:0 none;
}
input.miniBtn-ajoutPanier{
	background:url(../images/ajout-panier.gif) no-repeat;
}
input.miniBtn-ajoutPanier:hover{
	background:url(../images/ajout-panier-over.gif) no-repeat;
}

a.miniBtn-ajoutPanier{
	display:block;
	height:18px;
	background:url(../images/charte/pict-paniermini.gif) no-repeat 15px 4px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background-color:#c7a18c;
	color:#fff;
	padding:5px 0 0 0;
	}
a.miniBtn-ajoutPanier:hover{
	background-color:#dac5b9;
	color:#fff;
	}


/*****************************************************/
/*
/* 		Page produit
/*
/*****************************************************/

#sousRuzContenu h1{
	clear:right;
	display:block;
	height:36px;
	width:826px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
}
#sousRuzContenu h1 span{
	float:left;
	text-indent:20px;
	padding-top:10px;
}
#sousRuzContenu h1 a{
	text-align:center;
	color:#fff;
	display:block;
	padding:10px;
	border-left:5px solid #fff;
	height:16px;
	text-decoration:none;
	float:right;
	font-weight:normal;
}

#sousRuzContenu .miniProdDiv{
	float:left;
	width:133px;
	border-right:4px solid #f4f0ee;
	border-top:4px solid #f4f0ee;
	height:220px;
}
#sousRuzContenu .miniProdDiv a.miniProd{
	display:block;
	width:133px;
	height:190px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}
#sousRuzContenu .miniProdDiv a.miniProd img{
	border:0 none;
	margin-bottom:3px;
}


/***************************** DETAIL *****************************/
#detail{
	float:left;
	width:400px;
	margin:0;
	padding:15px 0 0 0;
	/*border:1px solid black;*/
}
#detail_photo{
	float:right;
	width:410px;
	margin:0;
	padding:15px 0 0 0;
	/*border:1px solid black;*/
}
#detail_photo p{	
	/*font:12px Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	line-height:18px;
	color:#7b3902;*/
	padding:10px 0;
	text-align:justify;
}
#detail_photo .prix{	
	color: #7B3902;
	font-size: 16px;
}
#detail_photo .prixbarre {	
	color: #C7A18C;
	text-decoration:line-through;
	font-size: 14px;
}
/**************************** POP UP AMI **********************************/
#popup{
	height:100%;
	font-size:62.5%;
	background:#552b0a;
}




/******************* STYLE DEV ***********************/
/** Fiche produit **/
#detail_photo #nomProduit {
	display: inline;
	background: white;
	color: #7B3902;
	margin-top: 50px;
	font-size: 18px;
}

/* inté nico
*************************/

/* form cadeaux
*************************/
#id_cadeaux{
  width: 825px;
  margin: 20px 0 0;
  padding: 0 0 0 0;
  float: left;
  border-top: 5px solid #916035;
  }
#form_cadeaux{
  margin: 20px 0 0;
  }
#id_cadeaux .col{
  float: left;
  display: inline;
  width: 330px;
  margin: 0 0 0 10px;
  }
#id_cadeaux .col .row{
  text-align: right;
  margin: 5px 0 0;
  }
#id_cadeaux label{
  font: 11px Arial, Helvetica, sans-serif;
  letter-spacing: 0.08em;
  color: #7b3902;
  }
#id_cadeaux .champRequis{
  color: #F00;
  }
#id_cadeaux input{
  border: 1px solid #916035;
  width: 100px;
  height: 14px;
  font: 10px Arial, Helvetica, sans-serif;
  }
#id_cadeaux #submit{
  clear: both;
  text-align: center;
  padding: 30px 0;
  }
#id_cadeaux #submit input{
  width: 200px;
  height: 24px;
  margin: 0 10px;
  background: #552B0A;
  color: #FFF;
  font-weight: bold;
  }
  
  
  
  
  
#table_chrono
{
	
}
#container #table_chrono td
{
	height:15px;
	text-align:center;
}
#table_chrono h3
{ 
	font-size:12px;
}

/************* pop up ********************/


#popup{
  position: absolute;
  left:0;
  width:100%;
  height:100%;
  visibility: visible;
  z-index:400;
  /*border:3px solid #444;*/
  }
#popup #contenu-pop img {}


#popup #contenu-pop{
	margin:0px;
	width:580px;
	height:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DF4D85;
	text-align:justify;
	margin-left:80px;
	}
	
#popup h1{
  font-size:20px;
  color:#333;
  width:150px;
  margin:0;
  }
#popup p{margin:0;}  

*html #popup img{margin-top:120px}
#popup img{
	float:left;

}