@charset "utf-8";/* css document */
/* general list */
#menu_list_product,#infos_list,#text_list,#content_list div.results_page,#content_list div.results_page div,#content_list ul,#content_list ul li,#infos_list div.padding_right,#infos_list img {
  float: left;
}
#page_list {
  width: 960px;
  clear: both;
  margin: 0 auto;
}
/* menu left list product */
#menu_list_product {
  margin: 0 10px 0 0;
  min-height: 250px;
  width: 160px;
}
#menu_list_product ul {
  width: 151px;
  border: 1px solid #d9d9d9;
  padding: 3px;
  margin: 10px 0;
  font-family: tahoma,geneva,sans-serif;
  font-size: 10px;
}
#menu_list_product ul.scrollbar {
  height: 120px;
  overflow: auto;
}
#menu_list_product ul li a {
  color: #666666;
  text-decoration: none;
  display: block;
  background: url(http://www.images-pjcx.com/dmv/fr/images/pictos/custombox_off.gif) left center no-repeat;
  padding-left: 16px;
  height: 12px;
  overflow:hidden; 
}
#menu_list_product ul li a:hover,#menu_list_product ul li a.active {
  color: #333333;
}
#menu_list_product ul li a.active {
  background: url(http://www.images-pjcx.com/dmv/fr/images/pictos/custombox_on.gif) 0 0 no-repeat;
}
#menu_list_product ul.inline {
  border: 0;
}
#menu_list_product ul.inline li {
  display: inline-block;
}
*html #menu_list_product ul.inline li {
  float: left;
  margin: 0 3px 3px 0;
}
#menu_list_product ul.inline li a {
  background: none;
  padding-left: 0;
  height: auto;
}
#menu_list_product p {
  margin-bottom: 3px;
}
#sticker_aide_type_article {
  width: 130px;
  height: 62px;
  left: 140px;
  position: absolute;
  z-index:990;
}
#sticker_aide_marque {
  width: 130px;
  height: 62px;
  left: 140px;
  position: absolute;
  z-index:990;
}
#menu_list_product p#choice_size {
  height: 17px;
  line-height: 17px;
  background: url(http://www.images-pjcx.com/dmv/fr/images/pictos/picto_aide.gif) left center no-repeat;
  padding-left: 20px;
  margin: 3px 0 10px 0;
}
/*color*/
ul#color,ul#size {
  border: 0;
  padding: 0;
}
ul#size {
  height: 23px;
  width: 155px;
  padding: 0;
}
ul#color {
  height: 39px;
  width: 153px;
  padding: 0;
}
ul#color li,ul#size li {
  float: left;
  background-position: left top;
}
#menu_list_product ul#color li a,#menu_list_product ul#size li a {
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  text-indent: -999em;
  display: block;
}
#menu_list_product ul#color li a {
  background: url(http://www.images-pjcx.com/dmv/fr/images/pictos/pictos_couleurs.gif) 0 0 no-repeat;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
}
#menu_list_product ul#size li a {
  background: url(http://www.images-pjcx.com/dmv/fr/images/pictos/pictos_tailles.gif) 0 0 no-repeat;
  width: 22px;
  height: 23px;
  margin: 0;
  padding: 0;
}
#menu_list_product ul li a.disabled { 
  text-decoration: none;
  display: block;
  background: url(http://www.images-pjcx.com/dmv/fr/images/pictos/custombox_off.gif) left center no-repeat;
  padding-left: 16px;
  height: 12px;
  color:#c8c8c8; 
  cursor: default; 
}
/* =background positions colors*/
/*--- default ---*/
ul#color li#beige a {
  background-position: 0 0;
}
ul#color li#blanc a {
  background-position: -22px 0;
}
ul#color li#bleu a {
  background-position: -44px 0;
}
ul#color li#gris_clair a {
  background-position: -66px 0;
}
ul#color li#jaune a {  
  background-position: -88px 0;
}
ul#color li#marron a {
  background-position: -110px 0;
}
ul#color li#multicouleur a {
  background-position: -132px 0;
  width: 23px;
}
ul#color li#noir a {
  background-position: 0 -22px;
  height: 23px;
}
ul#color li#orange a { 
  background-position: -22px -22px;
  height: 23px;
}
ul#color li#rose a {   
  background-position: -44px -22px;
  height: 23px;
}
ul#color li#rouge a {  
  background-position: -66px -22px;
  height: 23px;
}
ul#color li#vert a {   
  background-position: -88px -22px;
  height: 23px;
}
ul#color li#violet a {
  background-position: -110px -22px;
  height: 23px;
}
ul#color li#metal a {
  background-position: -132px -22px;
  height: 23px;
  width: 23px;
}
/*--- hovering ---*/
ul#color li#beige a:hover {
  background-position: 0 -44px;
}
ul#color li#blanc a:hover  {
  background-position: -22px -44px;
}
ul#color li#bleu a:hover  {
  background-position: -44px -44px;
}
ul#color li#gris_clair a:hover  {
  background-position: -66px -44px;
}
ul#color li#jaune a:hover  {  
  background-position: -88px -44px;
}
ul#color li#marron a:hover  {
  background-position: -110px -44px;
}
ul#color li#multicouleur a:hover  {
  background-position: -132px -44px;
}
ul#color li#noir a:hover  {
  background-position: 0 -66px;
}
ul#color li#orange a:hover  { 
  background-position: -22px -66px;
}
ul#color li#rose a:hover  {   
  background-position: -44px -66px;
}
ul#color li#rouge a:hover  {  
  background-position: -66px -66px;
}
ul#color li#vert a:hover  {   
  background-position: -88px -66px;
}
ul#color li#violet a:hover  {
  background-position: -110px -66px;
}
ul#color li#metal a:hover  {
  background-position: -132px -66px;
}

/*--- clicking ---*/

ul#color li#beige a.active {
  background-position: 0 -44px;
}
ul#color li#blanc a.active {
  background-position: -22px -44px;
}
ul#color li#bleu a.active  {
  background-position: -44px -44px;
}
ul#color li#gris_clair a.active {
  background-position: -66px -44px;
}
ul#color li#jaune a.active  {  
  background-position: -88px -44px;
}
ul#color li#marron a.active  {
  background-position: -110px -44px;
}
ul#color li#multicouleur a.active  {
  background-position: -132px -44px;
}
ul#color li#noir a.active  {
  background-position: 0 -66px;
}
ul#color li#orange a.active  { 
  background-position: -22px -66px;
}
ul#color li#rose a.active  {   
  background-position: -44px -66px;
}
ul#color li#rouge a.active  {  
  background-position: -66px -66px;
}
ul#color li#vert a.active  {   
  background-position: -88px -66px;
}
ul#color li#violet a.active  {
  background-position: -110px -66px;
}
ul#color li#metal a.active  {
  background-position: -132px -66px;
}
/*--- desactivé ---*/
ul#color li#beige a.disabled  {
  background-position: 0 -88px;
}
ul#color li#blanc a.disabled   {
  background-position: -22px -88px;
}
ul#color li#bleu a.disabled   {
  background-position: -44px -88px;
}
ul#color li#gris_clair a.disabled   {
  background-position: -66px -88px;
}
ul#color li#jaune a.disabled  {  
  background-position: -88px -88px;
}
ul#color li#marron a.disabled   {
  background-position: -110px -88px;
}
ul#color li#multicouleur a.disabled   {
  background-position: -132px -88px;
}
ul#color li#noir a.disabled   {
  background-position: 0 -110px;
}
ul#color li#orange a.disabled   { 
  background-position: -22px -110px;
}
ul#color li#rose a.disabled   {   
  background-position: -44px -110px;
}
ul#color li#rouge a.disabled  {  
  background-position: -66px -110px;
}
ul#color li#vert a.disabled   {   
  background-position: -88px -110px;
}
ul#color li#violet a.disabled  {
  background-position: -110px -110px;
}
ul#color li#metal a.disabled   {
  background-position: -132px -110px;
}

/* =background positions size*/
/*--- default ---*/
ul#size li#xs a {
  background-position: 0 0;
}
ul#size li#s a {
  background-position: -22px 0;
}
ul#size li#m a {
  background-position: -44px 0;
}
ul#size li#l a {
  background-position: -66px 0;
}
ul#size li#xl a {
  background-position: -88px 0;
}
ul#size li#xxl a {
  background-position: -110px 0;
}
ul#size li#tu a {
  background-position: -132px 0;
  width: 23px;
}
/*--- hovering + clicking ---*/
ul#size li#xs a:hover,ul#size li#xs a.active {
  background-position: 0 -23px;
}
ul#size li#s a:hover,ul#size li#s a.active {
  background-position: -22px -23px;
}
ul#size li#m a:hover,ul#size li#m a.active {
  background-position: -44px -23px;
}
ul#size li#l a:hover,ul#size li#l a.active {
  background-position: -66px -23px;
}
ul#size li#xl a:hover,ul#size li#xl a.active {
  background-position: -88px -23px;
}
ul#size li#xxl a:hover,ul#size li#xxl a.active {
  background-position: -110px -23px;
}
ul#size li#tu a:hover,ul#size li#tu a.active {
  background-position: -132px -23px ;
}
/*--- desactivé ---*/
ul#size li#xs a.off, ul#size li#s a.off, ul#size li#m a.off, ul#size li#l a.off, ul#size li#xl a.off, ul#size li#xxl a.off, ul#size li#tu a.off {
  background-position: 0 -46px;
}
#collection, #titre_type_articles, #titre_marque, #titre_taille, #titre_couleur {
  width:160px;
  height:20px;
}
#collection{
  background: url(http://www.images-pjcx.com/dmv/fr/images/titres/titre_collection.gif) 0 0 no-repeat;
}
#titre_type_articles {
  background: url(http://www.images-pjcx.com/dmv/fr/images/titres/titre_type_articles.gif) 0 0 no-repeat;
}
#titre_marque{
  background: url(http://www.images-pjcx.com/dmv/fr/images/titres/titre_marque.gif) 0 0 no-repeat;
}
#titre_taille{
  background: url(http://www.images-pjcx.com/dmv/fr/images/titres/titre_taille.gif) 0 0 no-repeat;
}
#titre_couleur {
  background: url(http://www.images-pjcx.com/dmv/fr/images/titres/titre_couleur.gif) 0 0 no-repeat;
}
/* content list product */
#content_list {
  float: right;
  padding: 0;
  width: 790px;
}
#infos_list,#text_list {
  text-align: justify;
  line-height: 14px;
}
* html #infos_list,#text_list {
  float: none;
}
#infos_list div.padding_right {
  padding: 0 10px 0 0;
}
*html #infos_list div.padding_right {
  padding: 0 4px 0 0;
}
*html #infos_list img {
  float: none;
}
#infos_list p {
  margin-bottom: 10px;
}
#content_list div.results_page {
  height: 30px;
  line-height: 30px;
  margin: 10px 0;
}
#content_list div.nb_articles {
  width: 508px;
  height: 30px;
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  vertical-align: middle;
}
#content_list div.nb_articles div {
  margin-left: 10px;
}
#content_list div.nb_page {
  width: 280px;
  vertical-align: middle;
  margin-bottom: 0;
}
#content_list div.results_page img,#content_list div.results_page select,a.btn_previous,a.btn_next {
  display: inline-block;
  vertical-align: middle;
}
#content_list div.results_page select.small {
  width: 100px;
}
#content_list div.results_articles img {
  margin-left: 20px;
}
#content_list div.results_page img.last,#content_list div.results_page select {
  margin-left: 3px;
}
span.quantite_articles {
  font-size: 16px;
  font-weight: bold;
}
a.btn_previous,a.btn_next {
  width: 80px;
  height: 25px;
  margin-left: 5px;
}
a.btn_previous {
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/bouton_precedent.gif) 0 0 no-repeat;
}
a.btn_previous:hover {
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/bouton_precedent.gif) 0 -25px no-repeat;
}
a.btn_next {
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/bouton_suivant.gif) 0 0 no-repeat;
}
a.btn_next:hover {
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/bouton_suivant.gif) 0 -25px no-repeat;
}
#text_list {
  color: #999999;
  margin-bottom: 10px;
  clear: both;
}
#content_list ul {
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/bg_liste_produits.gif) 0 0 repeat-y;
}
#content_list ul li {
  width: 158px;
  height: 210px;
  text-align: center;
  line-height: 13px;
  margin-bottom: 10px;
  position: relative;
  z-index:200;
}
#content_list ul li a img.icon {
  float: left;
  position: absolute;
  left: 30px;
  top: 0;
  margin: 0;
}

#content_list ul li a img.icon2 {
  float: left;
  position: absolute;
  left: 95px;
  top: 0;
  margin: 0;
}


#content_list ul li a img.icon2_vertical {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index:1000;
  margin: 0;
}

.picto_ikks_addict {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index:1000;
  margin: 0;
}

.picto_private {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index:1000;
  margin: 0;
}

#content_list ul li a div.sticker_size {
  float: left;
  position: absolute;
  width: 110px;
  height: 35px;
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/bg_sticker_taille.png) 0 0 no-repeat;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  left: 24px;
  top: 60px;
  padding-top: 7px;
  text-decoration: none;
}
*html #content_list ul li a div.sticker_size {
  height: 42px;
}
#content_list ul li h2 {
font-size: 12px;
text-transform: uppercase;
margin-top: 5px;
}
#content_list ul li h2 span {
font-size: 11px;
font-style: italic;
color: #666;
}
#content_list ul li span.price {
  font-size: 14px;
  font-weight: bold;
}
#content_list ul li span.price_barre {
  font-size: 12px;
  font-weight: bold;
  text-decoration: line-through;
}
#content_list ul li a img {
  display: inherit;
}

#fond_icode {
position:relative;
z-index:1;
}

#fond_ikks {
position:relative;
z-index:1;
}

#fond_guess_by_ marciano {
position:relative;
z-index:1;
}

#fond_guess {
position:relative;
z-index:1;
}

#fond_desigual {
position:relative;
z-index:1;
}

#bandeau_ikks_addict
{
	padding-bottom:8px;
}