/*** INFO GENERALES ***

Largeur bandeau haut : 2002 px
Largeur page décoration : 969 px
Largeur page intérieur : 916 px

Couleur :
 - beige      : #ece4c3 (background page)
 - fuschia    : #a3006c (texte foncé)
 - rose       : #ff43bf (texte clair)
 - gris clair : #f3f3f3 (fond filtre, panier, ...)
 - vert       : #4276a1 (texte panier)
 - marron     : #905f7e (texte avis)
 
Texte recherche : 
 - marron : #66401b (texte)
 - gris   : #f8f9fa (texte)
 - gris   : #f3f3f3 (fond)
  
Texte chat :
 - rose clair : #f970c0
 - rose foncé : #e149aa
 - gris clair : #a498b8
 - gris foncé : #80778f
 
 Fiche article :
  - fuschia : #a90673 (bordure extérieure)
 
 Infos:
  - bleu clair : #dbf0fa (fond)
  - bleu foncé : #415467 (texte)
 
*/


/*** G E N E R A L ***/


a img {
  border: 0 none;
}

/* évite les tirets autour des liens et input */
* {
  outline:none;
}



/*** B L O C S  GENERAUX & CHARTE ARRIERE-PLAN ***/


body {
  background: #ece4c3;
  background-image:url('../images/charte/header_bg.jpg');
  background-position: top center;   
  background-repeat: repeat-x;
  color: #000000;
  margin: 0;
}



#bloc_news {
  position: absolute;
  overflow:auto; 
  top:966px;
  left: 50%; 
  width:969px;
  height:100px;
  margin-left: -485px;
  border-color: #ece4c3; 
  border-style: solid; 
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 1px;
  border-left-width: 0px; 
  text-align: justify;  
}



#bg_compl{
  position: absolute;
  width: 977px;
  height: 398px;
  top:236px;
  left: 50%;
  margin-left: -489px;
  z-index: -20; 
}


#bloc_illustr{
  position: absolute;
  width: 948px;
  left: 50%;
  margin-left: -474px;
  z-index: -10;
}
#illustr_1{
  width: 948px;
  height: 190px;
}

#illustr_2{
  width: 948px;
  height: 368px;
  padding-top:60px;
}


#bloc_body {
  width: 969px;
  margin: 0 auto;
  /*background: yellow;*/
}





/*** H E A D E R ***/



#header_logo{
  float: left;
}

#header_recherche{
  float: left;
  width: 318px;
  height: 40px;
  margin-top: 210px;
  margin-left: 9px;
  padding-top: 20px;
  padding-left: 180px;
  background-image:url('../images/charte/recherche.png');
}

#keywords {
	width: 270px;
	height: 22px;
	padding-top: 3px;
	border: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
  font-weight: bold;
	text-align : left;
	color:#66401b;
}

#header_recherche_ok{
  float: right;
  margin-top:-40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}


/*** C E N T R A L ***/

div#bloc_central{
  clear: both;
  width: 969px;
  padding-top: 36px;
  /*background:yellow;*/
}
div#bloc_central_gauche{
  float: left;
  width: 216px;
  /*background:blue;*/
}
div#bloc_central_milieu{
  float: left;
  width: 537px;
  /*background:purple;*/
}
div#bloc_central_droit{
  float: left;
  width: 216px;
  /*background:gray;*/
}
hr#bloc_central_etirement{
  clear: both;
  visibility: hidden;
}


.colonne_gauche {
  width: 188px;
  padding-top:3px;
  margin-left: 24px;
} 
.colonne_droite{
  width: 188px;
  padding-top:3px;
  padding-left: 3px;
} 
.colonne_contenu {
  background-image:url('../images/charte/col_middle.png');
  background-repeat: repeat-y;
  padding-left:4px;
  padding-right:4px;
} 

#bloc_accueil{ 
  margin: 0 auto;
  width: 500px;
  height: 200px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left:12px;
  background-image:url('../images/charte/cadre_HP.png'); 
}

/* filtre */
div.filtre_niv1, div.filtre_niv1_selected, div.filtre_niv1 a , div.filtre_niv1_selected a {
  width: 168px;
  height: 17px;
	color:#a3006c;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-left: 3px;
	margin-right: 2px;
	padding-left: 5px;
	padding-right: 2px;
	margin-bottom:1px;
  text-decoration: none;
} 
div.filtre_niv1 a:hover, div.filtre_niv1_selected a:hover{
  text-decoration: underline;
}
div.filtre_niv1_selected { 
	background: #f3f3f3;
}
div.filtre_niv2, div.filtre_niv2_selected, div.filtre_niv2 a, div.filtre_niv2_selected a   {
  width: 157px;
  height: 15px;  
	color:#ff43bf;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-left: 3px;
	margin-right: 2px;
	padding-left: 16px;
	padding-right: 2px;
	padding-top: 2px;
	margin-bottom:1px;
  text-decoration: none;
} 
div.filtre_niv2 a:hover, div.filtre_niv2_selected a:hover{
  text-decoration: underline;
}
div.filtre_niv2_selected { 
	background: #f3f3f3;
}
div.filtre_sep_ptt { 
	height: 4px;
}
div.filtre_sep_gd { 
	height: 8px;
}

input#filtre_prix_interval{
  width:80px;
  font-size: 8px;
  text-align: center;
  border:solid 1px #ff43bf; 
}
div#filtre_prix_slider {
  margin-top: 10px;
  margin-left:16px;
  margin-right: 16px
}

div#filtre_prix_extr_1, div#filtre_prix_extr_1  {
}



/* panier */
div.panier_product{
  width: 169px;
  height: 40px;
	color:#4276a1;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 5px;
	padding-right: 2px;
	margin-bottom:1px;
	background: #f3f3f3;
}
img.panier_puce{
  float: left;
}
div.panier_texte{
  float: left;
  width: 140px;
}

div.compte{
  width: 168px;
  height: 18px;
	color:#4276a1;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-left: 3px;
	margin-right: 2px;
	padding-left: 5px;
	padding-right: 2px;
	margin-bottom:1px;
	background: #f3f3f3;
}

a.compte, a.compte:hover{
	color:#4276a1;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
  text-decoration : none;	
}
a.compte:hover{
  text-decoration : underline;
}


/* bijoux consultés */
div.consultes {
  width: 177px;
  height: 43px;
  background-image:url('../images/charte/colonnes/consultes/cases.png'); 
  padding-left: 3px;
}
img.consultes{
  width: 40px;
  height: 40px;
  padding-left:3px;
}


/* infos */
div.infos{
  width: 168px;
	color:#415467;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-left: 3px;
	margin-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 2px;
	background: #dbf0fa;
}
#info_paiement_bloc, #info_livraison_bloc, #info_garantie_bloc {
  display:bloc;
}

/* bijoux consultés */
div.avis {
  width: 177px;
  height: 43px;
  background-image:url('../images/charte/colonnes/avis/ligne.png'); 
  padding-left: 3px;
}
img.avis{
  float:left;
  width: 40px;
  height: 40px;
  padding-left:3px;
}
div.avis2{
  float:left;
  width: 122px;
  height: 40px;
  overflow: hidden;
  padding-left:6px;
  padding-right:2px;
  color:#4276a1;
  font-family: Arial, sans-serif;
  font-size: 10px;
  text-align: justify;  
}




/* resultat */
div#resultats{
  width: 527px;
  padding-left: 10px;
  background-image:url('../images/charte/fond_contenu.png');
  background-repeat: no-repeat;
  background-position: 0 100px;
}
p#resultats_texte{
  padding-left:4px;
  color:#ff43bf;
  font-family: Arial, sans-serif;
  font-size: 10px;
}
#resultats_etirement{
  clear: both;
  visibility: hidden;
}
#resultats_navigation{
  position:relative;
  top: -20px;
  left: 268px;
  width: 260px;
  height: 31px;
  padding-top: 13px;
  background-image:url('../images/charte/resultats/navigation.png');
}
#resultats_navigation, #resultats_navigation a, #resultats_navigation a:hover{
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#resultats_navigation a:hover{
  text-decoration: underline;
}
div.resultat, div.resultat:hover{
  position: relative;
  float: left;
  width: 128px;
  height: 204px;
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 1px;
  background-image:url('../images/charte/resultats/fond.png');  
  cursor:  pointer;
}
div.resultat:hover{
  background-image:url('../images/charte/resultats/fond_hover.png');   
}
img.resultat{
  width: 120px;
  height: 120px;
  margin-left: 4px;
}
div.resultat_reduction{
  position: absolute;
  top: 108px;
  left: 10px;
  color:#a3006c;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1px;
}
div.resultat_new{
  position: absolute;
  top: 102px;
  left: 92px;
}
div.resultat_reduction span{
  position: relative;
  bottom: 8px;
  font-size: 10px;
}
div.resultat_libelle{
  width: 104px;
  height: 30px;
  padding-top: 8px;
  padding-left: 12px;
  overflow: hidden;
  color:#ff43bf;
  font-family: Arial, sans-serif;
  font-size: 11px;
}
div.resultat_prix{
  width: 108px;
  height: 20px;
  padding-top: 4px;
  padding-right: 20px;
  color:#ff43bf;
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: right;
}



div.ficheArticle{
  clear: both;
  width: 509px;
  height: 376px;
  margin-left: 4px;
  display: none;
  border: 1px solid #a90673; 
  background-image:url('../images/charte/article/article_bg.png');   
}

div#ficheArticle_colonne_gauche{
  float: left;
  width: 251px;
  height: 359px;
}
div#ficheArticle_colonne_droite{
  float: left;
  width: 258px;
  height: 359px;
}
img#ficheArticle_photo{
  width: 250px;
  height: 250px;
}
img#ficheArticle_bouton_zoom{
  padding-top: 8px;
  padding-left: 108px;
}
div#ficheArticle_outils{
  position: relative;
  top: 30px;
  width: 251px;
  height: 77px;
}
div#ficheArticle_miniature1, div#ficheArticle_miniature2 {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 43px;
  height: 43px;
  padding-top: 3px;
  padding-left: 3px;
  background-image:url('../images/charte/article/miniature.png');   
}
div#ficheArticle_miniature2 {
  left: 66px;
}
img#ficheArticle_decouvrir{
  position: absolute;
  top: 12px;
  left: 136px;
}

div#ficheArticle_prix {
  padding-left: 90px;
  width: 160px;
}
p#ficheArticle_prix_public {
  float: left;
  color:#ff43bf;
  font-family: Arial, sans-serif;
  font-size: 11px;
}
p#ficheArticle_prix_fb{
  float: left;
  width: 80px;
  padding-bottom: 2px;
  padding-left: 25px;  
  color:#a3006c;
  font-family: Arial, sans-serif;
  font-size: 11px;
}
p#ficheArticle_prix_fb b{
  font-size: 18px;
  font-weight: bold;
}
img#ficheArticle_ajouter_panier{
  padding-left : 84px;
}
img#ficheArticle_achat_immediat{
  padding-top: 3px;
  padding-left: 84px;
}

/* Onglet descriptif */
div#ficheArticle_descriptif_conteneur{
  position: relative;
  height: 234px;
  overflow-y: hidden;
}
img#ficheArticle_new{
  float:right;
  padding-top: 10px;
  padding-right: 13px;
  padding-left: 6px;
}
h1#ficheArticle_titre{
  padding-top: 10px;
  padding-left: 12px;
  color:#a3006c;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
p#ficheArticle_description{
  width: 234px;
  padding-left: 12px;
  color:#ff43bf;
  font-family: Arial, sans-serif;
  font-size: 11px;
}
div#ficheArticle_options{
  position: absolute;
  bottom: 0;
  padding-left: 12px;
  color:#ff43bf;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

/* Onglet caractéristiques */
div#ficheArticle_carac_conteneur{
  position: relative;
  height: 224px;
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  overflow-y: hidden;
  display: none;
  color:#ff43bf;
  font-family: Arial, sans-serif;
  font-size: 11px;
}





/* contenu central (panier / process cmde / pages libres) */
div#contenu{
  width: 537px;
  background-image:url('../images/charte/fond_contenu.png');
  background-repeat: no-repeat;
  background-position: 0 6px;
}



div#contenu_page {
  width: 505px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 16px;
  padding-right: 16px;
}
#contenu_page h1{
  color: #da289e;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;  
  font-style: italic;
}
#contenu_page h2{
  color: #991362;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
#contenu_page p{
  color: #91809a;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-align: justify;
}
#contenu_page a{
  color: #91809a;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-align: justify;
  text-decoration: underline;
}



/*** F O O T E R ***/

div#footer {
  position: relative;
  width: 977px;
  height: 134px;
  margin: 0 auto;
  background-image:url('../images/charte/cadre_bas.png');   
}
img#footer_img{
  padding-top: 14px;
  padding-left: 14px;
}
div#footer_txt{
  position: absolute;
  width: 570px;
  height: 58px;
  top: 20px;
  left: 204px;
  text-align: center;
  background-image:url('../images/charte/footer.png');   

}

#partenaires {
  position:absolute;
  top:86px;
}

#footer_txt, #footer_txt a{
  color: #2b4921;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-align: justify;
  text-decoration: none;
}
#footer_txt a:hover{
  text-decoration: underline;
}