/* imports
*********************/
@import "charte.css";
@import "typographie.css";

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
a img{
  border: none;
  }
a:active,
a:focus{
  outline: none;
  }
.clearer{
  clear: both;
  }
.floatleft{
  float: left;
  }
.floatright{
  float: right;
  }
.semicol{
  width: 364px;
  margin: 0 0 0 3px;
  float: left;
  }

/* accueil
*********************/
#accueil #contenu{
  padding: 20px 0 0;
  }
#accueil .semicol{
  overflow: hidden;
  }

/* actualites
*********************/
#contenu .actu{
  	padding: 0 15px 0 5px;
	height:auto; 
	margin-bottom:10px;
	border:1px solid #d1c1c2;
	background: url(../images/news/spacer_news.jpg) bottom;
	background-repeat: no-repeat;	
}
#contenu .actu_header{
	float:left;
	width:100%;
	height:auto;
	padding: 10px 5px 5px 5px;
	background-color: #F0EAEC;
	border-bottom:1px solid #d1c1c2;

	/*border-top: 3px solid #FD4A13;*/
}

#contenu .actu_headerBg {
	float:right;
	background-image: url(../images/news/spacer_news.jpg);
	height:3px;
	width:725px;
}

#contenu .actu_header h2 {
	float: left;
	line-height:16px;
	font-size:16px;
}

#contenu .actu_header h2 a{
	text-decoration:none;
	color:#fd4a13;
}

#contenu .actu_date {
    float:left;
  	font: 10px Arial, Helvetica, sans-serif;
  	color: #555;
	padding: 5px 5px 5px 0;
}

#contenu .actu_img{
	float:left;
	text-align:center;
	width:110px;
	height:auto;
	padding-top: 5px;
}

#contenu .actu_img img{
	margin:5px 0 8px 0;
}

#contenu .actu_txt{
	float:left;
	width: 500px;
  	font: 9px Arial, Helvetica, sans-serif;
  	color: #FC4912;
	padding: 5px 0 5px 10px;
	margin: 5px 0 5px 20px;
	border-left:1px solid #d1c1c2;
	font-weight:bold;
}

#contenu .actu_txt p{
	font-weight:bold;
}


/*#contenu .actu_txt img{
  float: left;
  margin: 0 8px 2px 0;
  border: 1px solid #FC4912;
  padding: 1px;
  }
 */
/*#contenu .actu_txt .date{
  margin: 0 0 -10px;
  font: 9px Arial, Helvetica, sans-serif;
  color: #FC4912;
  }
#contenu .actu_img{
  margin: 0 0 8px 5px;
  }
*/
/* listing items acc
*********************/
#contenu a.listing_item{
  float: left;
  width: 172px;
  height: 200px;
  margin: 5px 5px 10px;
  text-decoration: none;
  font: 11px Arial, Helvetica, sans-serif;
  color: #000;
  }
#contenu a.listing_item span{
  display: block;
  height: 100px;
  padding: 3px 8px 10px 4px;
  margin: 0 0 3px;
  background: url(../images/charte/listing_item_bck.png);
  text-align: center;
  }
#contenu a.listing_item span .watermark{
  position: absolute;
  width: 160px;
  }
#contenu a.listing_item span .promo{ background: url(../images/charte/watermark_promo.png); }
#contenu a.listing_item span .nouveau{ background: url(../images/charte/watermark_nouveau.png); }
#contenu a.listing_item span .indispensable{ background: url(../images/charte/watermark_indispensable.png); }
#contenu a.listing_item:hover span{
  background-position: 0 113px;
  }
#contenu a.listing_item:hover span .watermark{
  background-position: 0 0;
  }
#contenu a.listing_item strong{
  font: bold 12px Arial, Helvetica, sans-serif;
  border-bottom: 1px dotted #e27560;
  color: #444;
  }
#contenu a.listing_item:hover strong{
  color: #FD4A13;
  }
#contenu a.listing_item em{
  font-weight: bold;
  font-style: normal;
  }
#contenu a.listing_item em.prix{
  color: #FD4A13;
  }

/* colleft items
*********************/
#colleft .colleft_item{
  background: url(../images/charte/colleft_item_bck.png);
  margin: 10px 0 0;
 
  }
#colleft .colleft_item h1{
  font: bold 12px/20px "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #fff;
  text-indent: 25px;
  }
#colleft .colleft_item a{
  display: block;
  position: relative;
  text-align: center;
  padding: 0 11px 0 7px;
  }
#colleft .colleft_item a{
  display: block;
  height: 100px;
  text-align: center;
  }
#colleft .colleft_item a .watermark{
  position: absolute;
  display: block;
  width: 160px;
  height: 100px;
  }
#colleft .colleft_item a .promo{ background: url(../images/charte/watermark_promo.png); }
#colleft .colleft_item a .nouveau{ background: url(../images/charte/watermark_nouveau.png); }
#colleft .colleft_item a .indispensable{ background: url(../images/charte/watermark_indispensable.png); }
#colleft .colleft_item a.detail{
  height: 35px;
  background: url(../images/charte/colleft_item_bottom_bck.png);
  font: 10px/24px Arial, Helvetica, sans-serif;
  text-align: left;
  text-indent: 18px;
  text-decoration: none;
  color: #000;
  }
#colleft .colleft_item a.detail:hover{
  text-decoration: underline;
  }

/* listing items
*********************/
#contenu #legende_stock{
  float: left;
  margin: 5px 5px 10px;
  }
#contenu #filtres_listing{
  float: right;
  margin: 13px 25px 0;
  }
#contenu #filtres_listing img{
  float: left;
  margin: 0;
  }
 
#contenu.langue #filtre_marque{ background: url(../images/charte/btn_trier_marque.png) no-repeat; }
#contenu.langue_en #filtre_marque{ background: url(../images/charte/btn_trier_marque_en.png) no-repeat; }
#contenu.langue #filtre_type{   background: url(../images/charte/btn_trier_type.png) no-repeat;   }
#contenu.langue_en #filtre_type{ background: url(../images/charte/btn_trier_type_en.png) no-repeat; }

#contenu #filtre_marque,
#contenu #filtre_type{
  width: 350px;
  padding: 0 0 0 68px;
  margin: 10px 0 10px 5px;
  }
#contenu #filtre_marque a,
#contenu #filtre_type a{
  float: left;
  border: 1px solid #8897C9;
  margin: 0 0 0 1px;
  }
#contenu #filtre_marque a img,
#contenu #filtre_type a img{
  display: block;
  }
#listing #contenu #unmask-img{
  display: none;
  }
#listing #contenu .listing_item{
  width: 720px;
  /*height: 125px;*/
  margin: 0 0 20px;
  border-bottom: 1px solid #FC4912;
  }
#listing #contenu .listing_item div{
  width: 160px;
  height: 100px;
  padding: 3px 8px 10px 4px;
  margin: 0 10px 0 5px;
  float: left;
  position: relative;
  background: url(../images/charte/listing_item_bck.png);
  text-align: center;
  }
  #listing #contenu .listing_item div:hover {
  background-position: 0 113px;
  }
  
  
#listing #contenu .listing_item div .watermark{
  position: absolute;
  width: 160px;
  height: 100px;
  }
#listing #contenu .listing_item div .promo{ background: url(../images/charte/watermark_promo.png); }
#listing #contenu .listing_item div .nouveau{ background: url(../images/charte/watermark_nouveau.png); }
#listing #contenu .listing_item div .indispensable{ background: url(../images/charte/watermark_indispensable.png); }

#listing #contenu .listing_item h2,
#listing #contenu .listing_item h2 a{
  border: none;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #444;
  text-decoration: none;
  }
#listing #contenu .listing_item .prix{
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #FD4A13;
}

#listing #contenu .listing_item .listing-photo-prix{
	text-align:right;
	display:block;
}

#listing #contenu .listing_item .listing-pas-photo-prix{
	display:none;
}

#listing #contenu .listing_item .marque-dispo{
  margin: 8px 0;
  }
#listing #contenu .listing_item .marque-dispo img{
  vertical-align: middle;
  }
#listing #contenu .listing_item .marque-dispo a{
  font: 10px Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  }
#listing #contenu .listing_item .marque-dispo a:hover{
  text-decoration: underline;
  }
#listing #contenu .listing_item form{
  float: right;
  width: 193px;
  padding: 0 10px 0 0;
  margin: 0 7px 0 20px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #444;
  text-align: center;
  }
#listing #contenu .listing_item form a{
  display: block;
  width: 193px;
  height: 35px;
  margin: 7px 0;
  overflow: hidden;
  line-height: 90px;
  }
#listing #contenu.langue .listing_item form .savoir_plus{
  background: url(../images/charte/btn_savoir_plus.png);
  }
 #listing #contenu.langue_en .listing_item form .savoir_plus{
  background: url(../images/charte/btn_savoir_plus_en.png);
  }
#listing #contenu .listing_item form .ajout_panier{
  background: url(../images/charte/btn_ajouter_panier.png);
  }
#listing #contenu .listing_item form .langue_en{
  background: url(../images/charte/btn_ajouter_panier_en.png);
}
#listing #contenu .listing_item form input{
  width: 25px;
  margin: 0 5px;
  }
  
   #listing #contenu  .listing_item form .addToCart{
 	width:auto;
 }

/* listing items noimg
*********************/
#listing_noimg #contenu #mask-img{
  display: none;
  }
#listing_noimg #contenu .listing_item{
  width: 720px;
  height: 40px;
  margin: 7px 0;
  border-bottom: 1px solid #FC4912;
  position: relative;
  }
#listing_noimg #contenu .listing_item div{
  display: none;
  }
#listing_noimg #contenu .listing_item h2,
#listing_noimg #contenu .listing_item h2 a{
  float: left;
  margin: 0 0 0 4px;
  text-decoration: none;
  border: none;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #444;
  }
#listing_noimg #contenu .listing_item h2{
  margin: 10px 0 0 4px;
  }
#listing_noimg #contenu .listing_item .prix{
  float: left;
  margin: 10px 5px 0;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #FD4A13;
  }
#listing_noimg #contenu .listing_item p{
  display: none;
  }
#listing_noimg #contenu .listing_item .marque-dispo{
  display: block;
  position: absolute;
  top: 0;
  right: 265px;
  margin: 0;
  width: 90px;
  height: 35px;
  overflow: hidden;
  }
#listing_noimg #contenu .listing_item .marque-dispo img{
  vertical-align: middle;
  }
#listing_noimg #contenu .listing_item form{
  float: right;
  width: 85px;
  height: 26px;
  padding: 5px 45px 0 128px;
  background: url(../images/charte/form_listing_bck.png) no-repeat;
  font: 12px Arial, Helvetica, sans-serif;
  color: #444;
  text-align: right;
  position: relative;
  }
  

 
#listing_noimg #contenu .listing_item form .savoir_plus{
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 30px;
  line-height: 90px;
  overflow: hidden;
  }
#listing_noimg #contenu .listing_item form .ajout_panier{
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 30px;
  line-height: 90px;
  overflow: hidden;
  }
 #listing_noimg #contenu  .listing_item form .addToCart{
 	display:none;
 }
#listing_noimg #contenu .listing_item form input{
  width: 25px;
  margin: 0 0 0 5px;
  }

/* fiche produit
*********************/
#contenu #fiche_prod_hl{
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #444;
  margin: 10px 0 0;
  }
#contenu #fiche_prod_hl span{
  font-size: 20px;
  color: #FD4A13;
  }
#contenu #fiche_prod{
  padding: 10px 0 0;
  }
#contenu #fiche_prod div{
  height: 200px;
  }
#contenu #fiche_prod #mediumPic{
  float: left;
  width: 320px;
  text-align: center;
  }
#contenu #fiche_prod #mediumPic img{
  float: none;
  margin: 0;
  }
#contenu #fiche_prod img{
  float: right;
  margin: 0 0 0 10px;
  }
#contenu #fiche_prod div{
  width: 380px;
  height: 195px;
  padding: 10px 10px 0;
  overflow-y: auto;
  border: 1px solid #fc4912;
  float: right;
  }
#contenu #fiche_prod div h2{
  display: block;
  border: none;
  line-height: 20px;
  margin: 0 0 14px;
  color: #5B6D9B;
  border-bottom: 2px solid #5B6D9B;
  }
#contenu #fiche_prod div p{
  margin: 0 0 4px;
  }
#contenu #fiche_prod_sec{
  clear: both;
  padding: 10px 0 0;
  }
#contenu #fiche_prod_sec a.thumb{
  width: 160px;
  height: 100px;
  padding: 3px 8px 10px 4px;
  margin: 10px 5px;
  float: left;
  text-align: center;
  background: url(../images/charte/listing_item_bck.png);
  }
#contenu #fiche_prod_sec a#envoiAmi{
  margin: 10px 0 0 8px;
  float: left;
  }
#contenu #fiche_prod_sec form{
  text-align: center;
  }
#contenu #fiche_prod_sec form label{
  font: 12px Arial, Helvetica, sans-serif;
  color: #444;
  }
#contenu #fiche_prod_sec form #qte{
  width: 25px;
  height: auto;
  margin: 0 0 0 5px;
  vertical-align: middle;
  }
#contenu #fiche_prod_sec form img{
  vertical-align: middle;
  }
#contenu #fiche_prod_sec form input{
  width: 172px;
  height: 34px;
  margin: 6px 0 0;
  }
#fiche_tech{
  clear: both;
  padding: 10px 0 0;
  }
#fiche_tech h2{
  display: block;
  border: none;
  background: url(../images/charte/head_fiche_tech_bck.png);
  width: 679px;
  height: 34px;
  overflow: hidden;
  padding: 0 20px;
  color: #5B6D9B;
  }
#fiche_tech table{
  margin: 0 0 15px 3px;
  width: 713px;
  border-collapse: collapse;
  }
#fiche_tech table td{
  padding: 3px 17px;
  font: 11px Arial, Helvetica, sans-serif;
  }
#fiche_tech table .stripe td{
  background: #DAE1F1;
  }

/* listing rubriques
*********************/
#listingRub .semicol{
  width: 350px;
  margin: 15px 0 0 15px;
  float: left;
  }
#listingRub h2{
  display: block;
  border: none;
  background: url(../images/charte/head_semi_col_bck.png) no-repeat;
  width: 310px;
  height: 34px;
  padding: 0 20px;
  color: #5B6D9B;
  }
#listingRub table{
  margin: 0 0 15px 3px;
  width: 345px;
  border-collapse: collapse;
  }
#listingRub table td{
  font: 11px Arial, Helvetica, sans-serif;
  background: url(../images/charte/row_bck.png) no-repeat;
  }
#listingRub #contenu table td a{
  display: block;
  overflow: hidden;
  height: 39px;
  position: relative;
  padding: 0 0 0 55px;
  font: bold 14px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #5B6D9B;
  text-decoration: none;
  }
#listingRub #contenu table td a img{
  position: absolute;
  top: 2px;
  left: 2px;
  vertical-align: top;
  }
#listingRub #contenu table td a:hover{
  /*background: #9BA7C4;*/
  color: #FD4A13;
  }

/* support
*********************/
#support #intlinks{
  display: block;
  border: none;
  background: url(../images/charte/head_fiche_tech_bck.png);
  width: 679px;
  height: 34px;
  overflow: hidden;
  padding: 0 20px;
  margin: 15px 0 0;
  color: #5B6D9B;
  text-align: center;
  }
#support #intlinks a{
  color: #5B6D9B;
  text-decoration: none;
  }
#support #intlinks a:hover{
  color: #fd7238;
  }
#support h1{
  margin: 15px 0 5px;
  }
#support .actu_txt{
  clear: both;
  }
#support .quest{
  margin: 16px 0 0;
  }

/* partenaires
*********************/
#partenaires .partenaire{
  display: block;
  font: 10px Arial, Helvetica, sans-serif;
  text-decoration: none;
  margin: 10px 0;
  }
#partenaires .partenaire img{
  display: block;
  }


img.bt_medium{
  height: 28px;
  }
img.bt_medium a{
  display: block;
  height: 28px;
  background: url(../images/panier/poursuivre.gif);
  }
img.bt_medium a:hover{
  background-position: 0 28px;
  }
#contenu li {
	list-style-image:url(../images/charte/puce.jpg);
	line-height:1.8em;
	text-align:justify;
	font: 11px Arial, Helvetica, sans-serif;
}
#contenu ul {
	margin-left:40px;
	margin-bottom:10px;
	margin-top:5px;
	line-height:1.8em;
}
#contenu .liste {
	list-style-image:url(../images/charte/puce2.jpg);
	line-height:1.8em;
	text-align:justify;
	font: 11px Arial, Helvetica, sans-serif;
}
#contenu .ulliste {
	margin-left:60px;
	margin-bottom:10px;
	margin-top:5px;
	line-height:2em;
}
#logoacc {
	width:100px;
	margin-left:40px;
	margin-top:30px;
}

.bas {
	margin-bottom:10px;
}

/* popup panier */

#popupAddPanier{
position:absolute;
display:none;
top:45%;
left:29%;
/* background-color:#FE6725;*/
background: transparent url("../images/popup/fond.gif") no-repeat;
width:300px;
height:70px;
text-align:center;
}
	
#popupAddPanier #contenuAddPanier{
margin: 25px 0 0 0;
font: bold 13px Arial, Helvetica, sans-serif;
padding-top:40px;
width:300px;
color: #fff;
}
	
#popupAddPanier input{
border:none;
width:26px;
height:18px;
margin:0;
background:url("../images/popup/ok.jpg");
}