@charset "utf-8";
/* css document */

/* content */
#content {
  width: 960px;
  clear: both;
  margin: 10px 0 10px 0;
}

#services {
  float: left;
  width: 205px;
  margin-right: 10px !important;
  margin-right: 5px;
}

#services img {
  margin-bottom: 10px;
}

/* carousel opinions */
#opinions_carousel {
  width: 185px !important;
  width: 205px;
  height: 95px !important;
  height: 115px;
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/bg_opinion.gif) no-repeat 0 0;
  padding: 10px;
  font-style: italic;
  font-size: 10px;
  line-height: 14px;
  position: relative;
}

*html #opinions_carousel {
  margin-top: 10px;
}

#opinions_carousel .container {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 185px;
  height: 73px;
  overflow: hidden;
}

#opinions_carousel .previous_button, #opinions_carousel .next_button {
  display: none;
}

#opinions_carousel ul {
  height: 100000px;
  width: 185px;
  position: relative;
  top: 0;
  left: 0;
}

#opinions_carousel ul li {
  color: #666;
  list-style: none;
  float: left;
  overflow: hidden;
  height: 76px;
}

#opinions_carousel p {
  position: absolute;
  top: 86px;
  left: 8px;
}

#opinion a {
  font-style: normal;
  color: #333333;
}

/* brands */
#encart_event {
	float:left;
	display:inline-block;
	margin-right:10px;
}

/*Encart nouvelle collection*/
#encart_annonce {
	float:left;
	display:inline-block;
	margin-right:10px;
}

ul#brands {
	display:inline-block;
	float:left;
  width: 472px!important;
  height: 259px !important;
  background-color: #ececec;
  border-bottom: 1px solid #cccccc;
	padding:10px 0 0 8px;
  margin-bottom: 20px;
}

/*FIN Encart nouvelle collection*/

/*ul#brands {
	display:inline-block;
	float:left;
  width: 472px!important;
  height: 259px !important;
  background-color: #ececec;
  border-bottom: 1px solid #cccccc;
	padding:10px 0 0 8px;
  margin-bottom: 20px;
}
*/
ul#brands li a img {
  display: inline;
}
ul#brands li a {padding : 0 3px;
}

/* shopwindow */
/*onglets shopwindow*/
ul#shopwindow {
  z-index: 100;
  height: 25px;
  margin-top: 3px;
  width:408px;
}
ul#shopwindow li {
  float: left;
  background-position: left top;
  cursor: pointer;
  display: block;
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/onglets_vitrine.gif) 0 0 no-repeat;
  width: 100px;
  height: 25px;
  text-indent: -9999px;
  margin-right: 2px;
}

/* =background positions*/
/*--- default ---*/
ul#shopwindow li#onglet_shopwindow_femme {
  background-position: 0 0;
}
ul#shopwindow li#onglet_shopwindow_homme {
  background-position: -101px 0;
}
ul#shopwindow li#onglet_shopwindow_fille {
  background-position: -202px 0;
}
ul#shopwindow li#onglet_shopwindow_garcon {
  background-position: right top;
  width: 100px;
}

/*--- hovering + clicking ---*/
ul#shopwindow li#onglet_shopwindow_femme:hover, ul#shopwindow li#onglet_shopwindow_femme.active {
  background-position: 0 -25px;
}
ul#shopwindow li#onglet_shopwindow_homme:hover, ul#shopwindow li#onglet_shopwindow_homme.active {
  background-position: -101px -25px;
}
ul#shopwindow li#onglet_shopwindow_fille:hover, ul#shopwindow li#onglet_shopwindow_fille.active {
  background-position: -202px -25px;
}
ul#shopwindow li#onglet_shopwindow_garcon:hover, ul#shopwindow li#onglet_shopwindow_garcon.active {
  background-position: right -25px;
}

/*content shopwindow*/
.overview {
  float: left;
  width: 960px;
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/bg_overview.gif) 0 0 no-repeat;
  padding-top: 20px;
}

.overview ul {
  float: left;
  display: block;
  width: 349px;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-left: 5px;
}

.overview ul.shadow {
  width: 297px;
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/shadow.png) no-repeat right top;
  border-right: 1px solid #d9d9d9;
}

* html .overview ul {
  width: 354px;
}
* html .overview ul.shadow {
  width: 303px;
}

.overview ul li {
  float: left;
  display: block;
  padding-bottom: 5px;
  position: relative;
}

.overview ul li a img.icon {
  float: left;
  position: absolute;
  left: 5px;
  top: 0;
  margin: 0;
}

.overview li.overview_infos {
  line-height: 20px;
  width:100%;`
  clear:both;
}
.overview li.overview_infos img {
  float: left;
  display: block;
  margin-right:10px;
}
.overview li.overview_infos .text_infos{
  height:22px;
  line-height:12px;
}

.overview ul li strong {
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/puce.gif) no-repeat left center;
  padding-left: 7px;
}

.overview ul li span.price {
  font-weight: bold;
  color: #cc0066;
}

/* carousel brands*/
#brands_carousel {
  float: left;
  width: 960px;
  height: 72px;
  margin: 0;
  padding: 0;
  position: relative;
  border-top: 1px solid #d9d9d9;
}

#brands_carousel .container {
  position: absolute;
  top: 0;
  left: 20px;
  width: 920px;
  height: 72px;
  overflow: hidden;
  background: #fff;
  background:none;
}

#brands_carousel .previous_button, #brands_carousel .next_button {
  position: absolute;
  top: 0;
  width: 15px;
  height: 60px;
  z-index: 100;
  cursor: pointer;
}

#brands_carousel .previous_button {
  left: 0px;
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/fleche_gauche_carousel.gif) no-repeat 0 -72px;
}
#brands_carousel .previous_button_disabled {
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/fleche_gauche_carousel.gif) no-repeat 0 0;
  cursor: default;
}
#brands_carousel .next_button {
  right: 0px;
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/fleche_droite_carousel.gif) no-repeat 0 -72px;
}
#brands_carousel .next_button_disabled {
  background: url(http://www.images-pjcx.com/dmv/fr/images/boutons/fleche_droite_carousel.gif) no-repeat 0 0;
  cursor: default;
}

#brands_carousel ul {
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 72px;
}

#brands_carousel ul li {
  border: 0px solid green;
  color: #e3edfa;
  list-style: none;
  float: left;
}

#brands_carousel ul li img {
  display: block;
  padding: 6px 4px;
  border: 1px solid #fff;
}

#brands_carousel div ul li a:hover img {
  border: 1px solid #ccc;
}

/* modules newsletter - fidelités - parrainage */
#mod_home {
  background-color: #ececec;
  border-top: 1px solid #ffffff;
  height: 100px;
  padding: 10px 0 10px 10px;
  width: 950px !important;
  width: 960px;
  line-height: 15px;
}

#mod_home div {
  float: left;
  width: 287px !important;
  width: 307px;
  height: 60px;
  padding: 30px 10px 10px 10px;
  margin-right: 10px;
}

#mod_home div#newsletter {
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/bg_newsletter.gif) no-repeat 0 0;
}

*html #mod_home div#newsletter {
  height: 100px;
}

#mod_home div#newsletter input.champ {
  width: 180px;
  margin-right: 10px;
}

#mod_home div#newsletter input {
  display: block;
  float: left;
}

#mod_home div#fidelites {
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/bg_fidelites.gif) no-repeat 0 0;
  width: 197px !important;
  width: 297px;
  padding-right: 100px !important;
  padding-right: 80px;
}

#mod_home div#facebook {
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/facebook.jpg) no-repeat 0 0;
  margin-right: 0;
}

#mod_home div#parrainage {
  background: url(http://www.images-pjcx.com/dmv/fr/images/habillage/bg_parrainage.gif) no-repeat 0 0;
  margin-right: 0;
}