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

#onglets {
  line-height: 1;
  height: 35px;
  float: left;
}

#onglets a {
  /*background: url(../images/boutons/onglets.png) no-repeat 0 0;*/
  background: url(../images/boutons/onglets_automne_hiver.png) no-repeat 0 0;
 /* background: url(../images/boutons/onglets_printemps_ete.png) no-repeat 0 0;  */
  display: block;
  height: 35px;
  text-indent: -999em;
  overflow: hidden;
  text-decoration: none;
}

#onglets li {
  float: left;
  position: relative;
}
* html #onglets li * {
  position: relative;
}
#onglets ul {
  margin-top: 2px;
}

/*--- default ---*/
#onglet_marque a {
  background-position: 0 0;
  width:116px;  
}
#onglet_femme a {
  background-position: -116px 0;
  width: 99px;
}
#onglet_homme a {
  background-position: -215px 0;
  width: 103px;
}
#onglet_enfant a {
  /*background: url(../images/boutons/anim_onglet_enfant.gif) no-repeat 0 0;*/
  background-position: -318px 0;
  width: 101px;
}
#onglet_nouveautes a {
  background-position: -419px 0;
  width: 135px;
}
#onglet_collection a {
  background-position: -554px 0;
  /*background: url(../images/boutons/onglets_dmv_automne-hiver.gif) no-repeat 0 0;*/
  width: 239px;
}
#onglet_bonnes_affaires a {
  background-position: -793px 0;
  width: 167px;
}

/*--- hovering + clicking ---*/
#onglet_marque a:hover, #onglet_marque a.active {
  background-position: 0 -35px;
}
#onglet_femme a:hover, #onglet_femme a.active {
  background-position: -116px -35px;
}
#onglet_homme a:hover, #onglet_homme a.active {
  background-position: -215px -35px;
}
#onglet_enfant a:hover, #onglet_enfant a.active {
  background-position: -318px -35px;
}
#onglet_nouveautes a:hover, #onglet_nouveautes a.active {
  background-position: -419px -35px;
}
#onglet_collection a:hover, #onglet_collection a.active {
  background-position: -554px -35px;
}
#onglet_bonnes_affaires a:hover, #onglet_bonnes_affaires a.active {
  background-position: -793px -35px;
}

/*--- dropdowns ---*/
#onglets li.over ul {
  left: 0;
  display: block;
  top: 35px;
  padding-bottom:3px;
}
#onglets li li {
  float: none;
  position: static;
  width: 100%;
}

#onglets li li a, #onglets li li a:hover, #onglets li li a.active {
  background: none;
  height: auto;
  padding: 1px 8px 1px;
  text-indent: 0;
  width: 90%;
  font-size: 11px;
  color: #fff;
  background-color: #333;
  filter : alpha(opacity=100);
  -moz-opacity : 1;
  opacity : 1;
  line-height:15px;
}

#onglets li li a img{
  float:none;
  display:inline-block;
  vertical-align:middle; 
  margin-left:5px; 
}

#onglets li li a:hover {
  color: #ccc;
}

#onglets li ul {
  background-color: #333;
  filter : alpha(opacity=95) !important;
  -moz-opacity : 0.9 !important;
  opacity : 0.9 !important;
  display: none;
  line-height: 1.6;
  position: absolute;
  top: 47px;
  width: 160px;
  z-index: 99;
}

li#onglet_marque ul, li#onglet_enfant ul, li#onglet_femme ul, li#onglet_homme ul  {
  line-height: 1.4;
}
/*li#onglet_marque ul {
  width: 750px;
}
*html li#onglet_marque ul {
  width: 800px;
}
*/
li#onglet_enfant ul {
  width: 300px;
}
li#onglet_femme ul
{
	width: 600px;
}

li#onglet_homme ul {
  width: 350px;
}

li#onglet_marque .col, li#onglet_enfant .col, li#onglet_femme .col, li#onglet_homme .col {
  font-size: 0.9em;
  float: left;
}
li#onglet_marque .col {
 width: 180px;
}

li#onglet_femme .col{
  width: 25%;
}

li#onglet_homme .col{
  width: 50%;
}

li#onglet_enfant .col {
  width: 50%;
}
li#onglet_marque .col ul, li#onglet_enfant .col ul, li#onglet_femme .col ul, li#onglet_homme .col ul {
  border: 0;
  position: static;
  width: 100%;
}

/* shortcut */
#shortcuts {
  height: 45px;
  float: right;
}

#shortcuts li {
  float: left;
  text-indent: 0;
}

#shortcuts a {
  background: url(../images/boutons/shortcuts.gif) no-repeat 0 0;
  display: block;
  height: 45px;
  overflow: hidden;
  text-decoration: none;
}

/*--- default ---*/
#shortcut_panier a {
  background-position: 0 0;
  width: 73px;
  padding: 25px 0 0 35px;
  height: 20px;
}
* html #shortcut_panier a {
  width: 108px;
  height: 45px;
}
#shortcut_compte a {
  background-position: -108px 0;
  width: 100px;
}
#shortcut_favoris a {
  background-position: -208px 0;
  width: 94px;
}
#shortcut_commandes a {
  background-position: -302px 0;
  width: 134px;
}
#shortcut_contact a {
  background-position: -436px 0;
  width: 78px;
}
#shortcut_faq a {
  background-position: -514px 0;
  width: 51px;
}

/*CHEQUES CADEAUX*/

#shortcut_cheques a {
  width:125px;
  height:25px;
  background: transparent url('../images/boutons/bouton_cheque_cadeau_off.png') 0 0 no-repeat;
  text-indent:-999em;
  font-size:10px;
}

#shortcut_cheques a:hover {
  background: transparent url('../images/boutons/bouton_cheque_cadeau_on.png') 0 0 no-repeat;
}

#shortcut_cheques {
  position:relative;
  z-index:5000;
}

#shortcut_cheques span{
  background:#ccc;
  width:425px;
  height:165px;
  position:absolute;
  z-index:5002;
  display:block;
  opacity:0.95;
  filter:alpha(opacity=95);
  top:25px;
  left:-300px;
  cursor:pointer !important;
}


/*--- hovering + clicking ---*/
#shortcut_panier a:hover, #shortcut_panier a.active {
  background-position: 0 -45px;
  width: 73px;
}
#shortcut_compte a:hover, #shortcut_compte a.active {
  background-position: -108px -45px;
  width: 100px;
}
#shortcut_favoris a:hover, #shortcut_favoris a.active {
  background-position: -208px -45px;
  width: 94px;
}
#shortcut_commandes a:hover, #shortcut_commandes a.active {
  background-position: -302px -45px;
  width: 134px;
}
#shortcut_contact a:hover, #shortcut_contact a.active {
  background-position: -436px -45px;
  width: 78px;
}
#shortcut_faq a:hover, #shortcut_faq a.active {
  background-position: -514px -45px;
  width: 51px;
}