#center_column .produit p { margin: 0; padding: 0; }
h3 { margin: 0; padding: 0; }

/****************************** RÈGLES COMMUNES ******************************/

body {
  background-color: #f2f2f2;
  font-family: Arial, sans-serif;
}



/* Ligne du haut */

#upline {
  background: url("../img/commun/upline/arrierePlan.png") no-repeat center #113239;
  border-bottom: 2px solid #173238;
  height: 40px;
}

  #upline .contenu {
    margin: auto;
    width: 900px;
  }

    #upline #identification {
      float: right;
    }
    
      #upline #identification ul,
      #upline #identification ul li,
      #upline #identification ul li a,
      #upline #identification ul li span {
        height: 34px;
        line-height: 34px;
      }
  
      #upline #identification ul {
        list-style-type: none;
        margin: 4px 10px 0 0;
        position: relative;
      }
      
        #upline #identification ul li {
          float: left;
          position: relative;
        }
      
          #upline #identification ul li a,
          #upline #identification ul li span {
            color: #8eadb4;
            display: block;
            font-family: Calibri, Arial, sans-serif;
            font-size: 16px;
            font-weight: bold;
            padding: 0 13px;
            position: relative;
            text-decoration: none;
            white-space: pre;
            z-index: 2;
          }
          
          #upline #identification ul li a:hover,
          #upline #identification ul li a:active,
          #upline #identification ul li a:focus,
          #upline #identification ul li.mIdentifier a.active {
            color: #fff;
          }
          
          #upline #identification ul li.mIdentifier a {
            position: absolute;
            right: 0;
            z-index: 3;
          }
          
          #upline #identification ul li.mIdentifier #form_dejaInscrit_upline {
            background: url("../img/commun/upline/identification/formulaireDIdentification/arrierePlan.png") bottom;
            height: 177px;
            position: absolute;
            right: -2px;
            /*top: -49px;*/ bottom: 100px;
            width: 292px;
            z-index: 2;
          }
          
            #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p {
              left: 22px;
              position: absolute;
            }
          
            #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p.email {
              bottom: 62px;
            }
            
            #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p.passValider {
              bottom: 21px;
            }
            
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p label {
                color: #fff;
                display: block;
                float: left;
                font-family: Arial, sans-serif;
                font-size: 12px;
                font-weight: bold;
                height: 33px;
                line-height: 33px;
                text-align: left;
                width: 47px;
              }
              
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p input {
                display: block;
                float: left;
                margin: 0;
              }
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p input.hidden {
                display: none;
              }
              
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p #form_dejaInscrit_upline_email,
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p #form_dejaInscrit_upline_pass {
                border: none;
                color: #3e5b64;
                font-family: Arial, sans-serif;
                font-size: 12px;
                font-weight: bold;
                height: 26px;
                padding-top:7px;
                padding-left:13px;
              }
              
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p #form_dejaInscrit_upline_email {
                background: url("../img/commun/upline/identification/formulaireDIdentification/champAdresseElectronique_arrierePlan.png") top right;
                width: 196px;
              }
              
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p #form_dejaInscrit_upline_pass {
                background: url("../img/commun/upline/identification/formulaireDIdentification/champMotDePasse_arrierePlan.png") top right;
                width: 111px;
              }
              
              #upline #identification ul li.mIdentifier #form_dejaInscrit_upline p #form_dejaInscrit_upline_submit {
                background: url("../img/commun/upline/identification/formulaireDIdentification/boutonValider.png");
                border: none;
                cursor: pointer;
                height: 34px;
                margin-left: 7px;
                width: 78px;
              }
          
        #upline #identification ul li.creerMonCompte,
        #upline #identification ul li.monCompte {
          margin-left: 6px;
          overflow: hidden;
        }
        
        #upline #identification ul li.creerMonCompte {
          background: url("../img/commun/upline/identification/creerMonCompte_arrierePlan.png") no-repeat center;
          width: 168px;
        }
        
        #upline #identification ul li.monCompte {
          background: url("../img/commun/upline/identification/monCompte_arrierePlan.png") no-repeat center;
          width: 134px;
        }
        
          #upline #identification ul li.creerMonCompte a,
          #upline #identification ul li.monCompte a {
            color: #fff;
            padding: 0;
          }



/* Page */

#page {
  width: 900px;
}



/* Header */

#header {
  background: url("../img/commun/header/arrierePlan.png");
  float: none;
  height: 168px;
  position: relative;
  width: 100%;
}

#header #logo {
  height: 122px;
  left: 15px;
  margin: 0;
  position: absolute;
  top: 32px;
  width: 219px;
}

#headerMacaron{
  position: absolute;
  left: 620px;
  top: 100px;
}

/* Panier */

#panier {
  height: 168px;
  position: absolute;
  right: 0;
  width: 205px;
}

  #panier .informations {
    color: #b6c9ce;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 59px;
  }
  
    #panier .informations #nbProduitsDansLePanier {
      font-weight: bold;
    }
    
    #panier .informations #montantTotalDuPanier {
    }
    
      #panier .informations #montantTotalDuPanier span {
        clear: none;
        float: none;
        text-align: inherit;
      }

  #panier #lienVersLePanier {
    background: url("../img/commun/header/panier/boutonAccederAMonPanier.png");
    bottom: 25px;
    height: 31px;
    position: absolute;
    right: 25px;
    width: 155px;
  }
  
    #panier #lienVersLePanier span {
      display: none;
    }



/* Menu */

#menu {
  background: url("../img/commun/menu/arrierePlan.png");
  height: 54px;
  margin-bottom: 15px;
}

#menu ul {
  list-style-type: none;
}

#menuDesCategories {
  float: left;
}

#menuDesPages {
  float: right;
}

  #menu ul {
  }

  #menu ul li {
    background-position: top;
    float: left;
    height: 49px;
    margin-left: 5px;
  }
  
    #menu ul li a {
      display: block;
      height: 100%;
    }
    
      #menu ul li a span {
        display: none;
      }
    
    #menu ul .pageCourante a, #menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
      background-position: bottom;
    }
  
  #menuDesCategories .premier {
    margin-left: 7px;
  }
  
  #menuDesCategories .accueil {
    display: inline;
    width: 76px;
  }
  
    #menuDesCategories .accueil a {
      background-image: url("../img/commun/menu/accueil.png");
    }
  
  #menuDesCategories .iTravel {
    width: 73px;
  }
  
    #menuDesCategories .iTravel a {
      background-image: url("../img/commun/menu/iTravel.png");
    }
  
  #menuDesCategories .geekAtHome {
    width: 111px;
  }
  
    #menuDesCategories .geekAtHome a {
      background-image: url("../img/commun/menu/geekAtHome.png");
    }
  
  #menuDesCategories .musicStuff {
    width: 108px;
  }
  
    #menuDesCategories .musicStuff a {
      background-image: url("../img/commun/menu/musicStuff.png");
    }
  
  #menuDesCategories .appleCorner {
    width: 121px;
  }
  
    #menuDesCategories .appleCorner a {
      background-image: url("../img/commun/menu/appleCorner.png");
    }
  
  #menuDesCategories .voteGNS {
    width: 93px;
  }
  
    #menuDesCategories .voteGNS a {
      background-image: url("../img/commun/menu/voteGNS.png");
    }
  
  #menuDesPages .premier {
    margin-left: 0;
  }
  
  #menuDesPages .geekNStyle {
    width: 111px;
  }
  
    #menuDesPages .geekNStyle a {
      background-image: url("../img/commun/menu/geekNStyle.png");
    }
  
  #menuDesPages .contact {
    width: 82px;
  }
  
    #menuDesPages .contact a {
      background-image: url("../img/commun/menu/contact.png");
    }
  
  #menuDesPages .dernier {
    margin-right: 5px;
  }
  
  
  
/* Colonne centrale */

#center_column {
  margin-top: 9px;
  width: 604px;
}

  /* En-tête */

  #center_column .enTete {
    background-image: url("../img/commun/colonneCentrale/enTete/arrierePlan.png");
    height: 46px;
    /*overflow: hidden;*/
    position: relative;
  }
  
    /* Fil d'Ariane */
  
    #center_column .enTete .filDAriane,
    #center_column .enTete .filDAriane a {
      color: #3e5b64;
      font-family: Arial, sans-serif;
      font-size: 12px;
    }
    
    #center_column .enTete .filDAriane {
      line-height: 46px;
      padding-left: 12px;
    }
    
      #center_column .enTete .filDAriane ul {
        list-style-type: none;
        margin: 0;
      }
    
        #center_column .enTete .filDAriane ul li {
          background: url("../img/commun/colonneCentrale/enTete/filDAriane.png") no-repeat right;
          float: left;
          margin: 0;
          padding: 0 25px 0 9px;
        }
        
          #center_column .enTete .filDAriane ul li a {
            text-decoration: none;
          }
          
          #center_column .enTete .filDAriane ul li a:hover,
          #center_column .enTete .filDAriane ul li a:focus,
          #center_column .enTete .filDAriane ul li a:active {
            text-decoration: underline;
          }
          
    /* Filtres */
    
    #center_column .enTete .filtres {
      float: right;
      height: 100%;
      /*line-height: 46px;*/
      margin-right: 26px;
    }
    
      #center_column .enTete .filtres .legende,
      #center_column .enTete .filtres .filtre {
        float: left;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        margin-top: 13px;
      }
      
      #center_column .enTete .filtres .legende {
        color: #75878d;
      }
    
      #center_column .enTete .filtres .filtre {
        cursor: pointer;
        margin-left: 5px;
        padding: 0;
      }
      #center_column .enTete .filtres .filtre.filtreParPrix {
        background-image: url("../img/accueil/produits/filtres/filtrePrix/bouton.png");
        width: 61px;
      }
      #center_column .enTete .filtres .filtre.filtreParPopularite {
        background: url("../img/accueil/produits/filtres/filtrePopularite/bouton.png") top;
        width: 97px;
      }
      #center_column .enTete .filtres .filtre.filtreParPopularite.active {
        background-position: bottom;
      }
      
        #center_column .enTete .filtres .filtre a {
          display: block;
          height: 100%;
          width: 100%;
        }
      
        #center_column .enTete .filtres .filtre .libelle {/*
          background: url("../img/accueil/produits/filtres/gauche.png") left no-repeat;
          color: #4d717c;
          display: block;
          font-family: Arial, sans-serif;
          font-weight: bold;
          height: 100%;
          padding-left: 12px;*/
          display: none;
        }
        
        #center_column .enTete .filtres .filtre .fourchette {
          background: url("../img/accueil/produits/filtres/filtrePrix/arrierePlan_bas.png");
          cursor: auto;
          display: none;
          height: 44px;
          /*overflow: hidden;*/
          padding: 0;
          position: absolute;
          right: 22px;
          top: 41px;
          width: 471px;
          z-index: 10;
        }
        
          #center_column .enTete .filtres .filtre .fourchette .libelle {
            background: url("../img/accueil/produits/filtres/filtrePrix/arrierePlan_haut.png");
            color: #4d717c;
            display: block;
            font-family: Arial, sans-serif;
            font-weight: bold;
            height: 30px;
            line-height: 26px;
            margin: 0;
            /*padding: 0 33px 0 0;*/ padding: 0;
            position: absolute;
            right: 101px;
            text-align: right;
            top: -29px;
            /*width: 37px;*/ width: 70px;
          }
          
            #center_column .enTete .filtres .filtre .fourchette .libelle span {
              display: none;
            }
            
          #center_column .enTete .filtres .filtre .fourchette .ui-slider {
            background-color: #a0afb2;
            /*border: 1px #a0afb2 solid;*/
            height: 6px;
            left: 52px;
            position: absolute;
            text-align: left;
            top: 17px;
            width: 365px;
            z-index: 11
          }
          
            #center_column .enTete .filtres .filtre .fourchette .ui-slider .ui-slider-range {
              background-color: #f10b67;
              height: 6px;
              margin: 0 0 0 -15px;
              padding: 0 15px;
              position: absolute;
              z-index: 12;
            }
            
            #center_column .enTete .filtres .filtre .fourchette .ui-slider .ui-slider-handle {
              background: url("../img/accueil/produits/filtres/filtrePrix/sliderHandle_arrierePlan.png");
              cursor: pointer;
              color: #5d717e;
              font-family: Arial, sans-serif;
              font-size: 11px;
              font-weight: bold;
              height: 18px;
              line-height: 18px;
              /*margin: -1px 0 0 -5px;*/
              padding: 1px 5px 1px 0;
              position: absolute;
              text-align: right;
              text-decoration: none;
              top: -7px;
              width: 34px;
              z-index: 13;
            }
            
            #center_column .enTete .filtres .filtre .fourchette .ui-slider .ui-slider-handle.gauche {
              margin-left: -39px;
            }
            
            #center_column .enTete .filtres .filtre .fourchette .ui-slider .ui-slider-handle.droit {
            }
          
  /* Corps */
  
  #center_column .corps {
    background: url("../img/commun/colonneCentrale/corps/arrierePlan.png") repeat-x;
    color: #3e5b64;
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-height: 98px;
    padding: 0 30px 0 20px;
  }

    #center_column .corps h2 {
      background: none;
      color: #3e5b64;
      font-family: Calibri, Arial, sans-serif;
      font-size: 30px;
      font-weight: bold;
      height: auto;
      line-height: 30px;
      margin: 0;
      padding: 25px 0;
      text-transform: none;
    }
  
  /* Bloc erreur */
  
  #center_column .corps .error {
    background: url("../img/commun/colonneCentrale/corps/bloc_haut.png") no-repeat top;
    border: none;
    margin: 0;
    padding: 15px 0 0 0;
    width: auto;
  }
  
    #center_column .corps .error .contenu {
      background: url("../img/commun/colonneCentrale/corps/bloc_bas.png") no-repeat bottom;
      padding: 0 15px 15px 15px;
    }
    
      #center_column .corps .error .contenu .message {
        color: #fff !important;
        font-family: Calibri, Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: bold !important;
        height: 20px !important;
        line-height: 20px !important;
      }
      
      #center_column .corps .error .contenu ul {
        margin-top: 10px;
      }
      
        #center_column .corps .error .contenu ul li {
          color: #f10b67;
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-weight: bold;
          list-style-type: square;
          padding-left: 30px;
        }
        
      #center_column .corps .error .contenu .boutonRetour {
        margin-top: 10px !important;
        text-align: center;
      }
      
        #center_column .corps .error .contenu .boutonRetour a {
          background: url("../img/commun/colonneCentrale/corps/boutonRetour.png");
          display: block;
          height: 34px;
          margin: auto;
          width: 78px;
        }
      
          #center_column .corps .error .contenu .boutonRetour a span {
            display: none;
          }
  
  /* Avertissement */
  
  #center_column .warning {
    background: url("../img/commun/avertissement/arrierePlan.png");
    border: none;
    color: #f10b67;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    margin: 15px 0 0 0;
    width: 524px;
  }
  
  /* Produits */

  #produits {
    height: 597px;
    position: relative;
  }
  
    #produits .produit {
      left: 210px;
      margin: 7px 0 0 3px;
      position: absolute;
      top: 220px;
      width: 172px;
    }
    
      #produits .produit .illustration {
        background-color: #fff;
        border: 1px #cdd3d5 solid;
        height: 150px;
        width: 170px;
      }
      
      #produits .produit .achat {
      }
      
        #produits .produit .achat p {
          height: 21px;
          line-height: 21px;
          position: absolute;
          top: 118px;
        }
        
        #produits .produit .achat .prix {
          background-image: url("../img/accueil/produits/prix.png");
          color: #fff;
          font-size: 14px;
          font-weight: bold;
          padding-left: 7px;
          right: 0;
          width: 61px;
        }
        
        #produits .produit .achat .ajouterAuPanier {
          right: 70px;
        }
        
          #produits .produit .achat .ajouterAuPanier a {
            background: url("../img/commun/produits/ajouterAuPanier.png") top;
            display: block;
            height: 100%;
            width: 27px;
          }
          
          #produits .produit .achat .ajouterAuPanier a:hover,
          #produits .produit .achat .ajouterAuPanier a:focus {
            background-position: bottom;
          }
          
            #produits .produit .achat .ajouterAuPanier a span {
              display: none;
            }
            
      #produits .produit .description {
        margin-top: 5px;
        margin-left: 1px;
      }
      
        #produits .produit .description p {
          font-size: 12px;
          line-height: 12px;
        }
        
        #produits .produit .description .nom {
          font-weight: bold;
        }
        
          #produits .produit .description p a {
            color: #304b53;
            text-decoration: none;
          }
        
  /* Pagination */
  
  #pagination {
    margin-left: 14px;
    margin-top: 30px;
  }
  
    #pagination ul {
    }
    
      #pagination ul li {
        margin-right: 2px;
      }
      
        #pagination ul li a,
        #pagination ul li.current span {
          background: url("../img/commun/pagination/arrierePlan.png") no-repeat bottom #fff;
          color: #aaa;
          display: block;
          font-family: Arial, sans-serif;
          font-size: 10px;
          font-weight: normal;
          height: 20px;
          line-height: 20px;
          padding: 0;
          text-align: center;
          width: 16px;
        }
      
        #pagination ul li a {
          border: 1px #ddd solid;
        }
      
        #pagination ul li.current span,
        #pagination ul li a:hover,
        #pagination ul li a:active,
        #pagination ul li a:focus {
          border-color: #666;
        }
        
        #pagination ul li a:hover,
        #pagination ul li a:active,
        #pagination ul li a:focus {
          color: #666;
        }
  
/* Colonne droite */

#right_column {
  background: url("../img/commun/colonneDroite/arrierePlan.png") no-repeat 0 46px;
  margin: 9px 0 0 0;
  min-height: 675px;
  padding: 0;
  width: 296px;
}

  /* Bloc recherche */
  
  #search_block_left {
    background: url("../img/commun/colonneDroite/recherche/arrierePlan.png");
    height: 46px;
    position: relative;
  }
  
    #search_block_left #search_query {
      background: none;
      border: none;
      color: #8aa0a6;
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      height: 31px;
      left: 28px;
      padding-top: 7px;
      position: absolute;
      top: 7px;
      width: 216px;
    }
  
    #search_button {
      background: url("../img/commun/colonneDroite/recherche/submit.png");
      border: none;
      color: #fff;
      cursor: pointer;
      font-family: Calibri, Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      height: 33px;
      line-height: 33px;
      margin: 0 !important;
      right: 10px;
      position: absolute;
      top: 7px;
      width: 38px;
    }
    
    /* Bloc liens latéraux */
    
    #liensLateraux {
      padding-top: 18px;
    }
    
      #liensLateraux ul {
        list-style-type: none;
      }
      
        #liensLateraux ul li {
          height: 45px;
          margin: 11px 10px 0 0;
        }
        
          #liensLateraux ul li a {
            background-position: top;
            display: block;
            height: 45px;
          }
          
          #liensLateraux ul li a:hover,
          #liensLateraux ul li a:active,
          #liensLateraux ul li a:focus {
            background-position: bottom;
          }
          
            #liensLateraux ul li a span {
              display: none;
            }
            
          #liensLateraux ul li.envieDUnProduitVotreAvis a {
            background-image: url("../img/commun/colonneDroite/liensLateraux/envieDUnProduitVotreAvis.png");
          }
          
          #liensLateraux ul li.questionsFrequentes a {
            background-image: url("../img/commun/colonneDroite/liensLateraux/questionsFrequentes.png");
          }

          #liensLateraux ul li.liensUtiles a {
            background-image: url("../img/commun/colonneDroite/liensLateraux/liensUtiles.png");
          }

          #liensLateraux ul li.playerMusical a {
            background-image: url("../img/commun/colonneDroite/liensLateraux/playerMusical.png");
          }

          #liensLateraux ul li.notreEngagement a {
            background-image: url("../img/commun/colonneDroite/liensLateraux/notreEngagement.png");
          }

          #liensLateraux ul li.fanFacebook a {
            background-image: url("../img/commun/colonneDroite/liensLateraux/fanFacebook.png");
          }
          
          #liensLateraux ul li.newsletter a {
            background-image: url("../img/commun/colonneDroite/liensLateraux/newsletter.png");
          }

          
    /* Bloc tags */
    
    #tags_block_left {
      margin: 23px 0 0 0;
      padding: 0 10px 0 14px;
      width: auto;
    }
    
      #tags_block_left h4 {
        background: url("../img/commun/colonneDroite/liensLateraux/tagsDeGeeks.png") no-repeat top left;
        color: #6a8087;
        font-family: Calibri, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        height: 13px;
        margin: 0 0 10px 0;
        text-transform: uppercase;
      }
      
        #tags_block_left h4 span {
          display: none;
        }
      
      #tags_block_left .tags {
        /*text-align: justify;*/
      }
      
        #tags_block_left .tags a {
          color: #7da0ab !important;
          font-family: Arial, sans-serif;
          font-weight: normal !important;
          margin-right: .5em;
          text-decoration: none;
        }
        
        #tags_block_left .tags a:hover,
        #tags_block_left .tags a:active,
        #tags_block_left .tags a:focus {
          text-decoration: underline;
        }
      
        #tags_block_left .tags .tag_level0 {
          font-size: 10px;
        }
        
        #tags_block_left .tags .tag_level1 {
          font-size: 11px;
        }
        
        #tags_block_left .tags .tag_level2 {
          font-size: 12px;
        }
        
        #tags_block_left .tags .tag_level3 {
          font-size: 13px;
        }
        
        #tags_block_left .tags .tag_level4 {
          font-size: 14px;
        }
        
        #tags_block_left .tags .tag_level5 {
          font-size: 16px;
        }
        
        #tags_block_left .tags .tag_level6 {
          font-size: 19px;
        }
        
        #tags_block_left .tags .tag_level7 {
          font-size: 26px;
        }
        
        #tags_block_left .tags .tag_level8 {
          font-size: 32px;
        }
  
  
  
/* Pied de page */

#footer {
  background: url("../img/commun/footer/liensEtPaiements/liens/arrierePlan.png") repeat-x top #113239;
  border: none;
  padding: 0;
  text-align: left;
}

  #footer #liensEtPaiements {
    height: 151px;
    margin: auto;
    padding-top: 40px;
    width: 900px;
  }
  
    #footer #liens h3,
    #footer #paiements h3 {
      font-size: 14px;
      line-height: 14px;
      padding: 26px 0 16px 0;
    }
  
    #footer #liens {
      float: left;
      padding-left: 19px;
    }
    
      #footer #liens h3 {
        font-weight: bold;
        text-transform: uppercase;
      }
      
        #footer #liens h3 .nom {
          color: #6a8087;
        }
        
        #footer #liens h3 .slogan {
          color: #84999f;
        }
  
      #footer #liens ul {
        float: left;
        list-style-type: none;
        margin-left: 70px;
      }
      
      #footer #liens ul.premier {
        margin-left: 0;
      }
      
        #footer #liens ul li {
          margin-bottom: 8px;
        }
        
        #footer #liens ul li.dernier {
          margin-bottom: 0;
        }
      
          #footer #liens ul li a {
            color: #72868a;
            font-size: 12px;
            line-height: 12px;
            text-decoration: none;
          }
      
    #footer #paiements {
      background: url("../img/commun/footer/liensEtPaiements/paiements/droite.png") no-repeat right;
      float: right;
    }
    
      #footer #paiements div {
        background: url("../img/commun/footer/liensEtPaiements/paiements/gauche.png") no-repeat left;
        height: 128px;
        padding: 0 11px;
      }
      
        #footer #paiements h3 {
          color: #3e5b64;
          text-transform: uppercase;
        }
    
        #footer #paiements ul {
          list-style-type: none;
        }
        
          #footer #paiements ul li {
            float: left;
            margin-left: 10px;
          }
          #footer #paiements ul li.premier {
            margin-left: 0;
          }

          #footer #paiements ul li#paiementsCA {
            background: url('../img/commun/footer/liensEtPaiements/paiements/paiements/logo-ca-off.gif');
            width: 64px;
            height: 47px;
          }
          #footer #paiements ul li#paiementsCA:hover {
            background: url('../img/commun/footer/liensEtPaiements/paiements/paiements/logo-ca-on.gif');
          }
          
          #footer #paiements ul li#paiementsPaypal {
            background: url('../img/commun/footer/liensEtPaiements/paiements/paiements/logo-paypal-off.gif');
            width: 85px;
            height: 47px;
          }
          #footer #paiements ul li#paiementsPaypal:hover {
            background: url('../img/commun/footer/liensEtPaiements/paiements/paiements/logo-paypal-on.gif');
          }

          #footer #paiements ul li#paiementsColiposte {
            background: url('../img/commun/footer/liensEtPaiements/paiements/transporteurs/logo-coli-off.gif');
            width: 92px;
            height: 47px;
          }
          #footer #paiements ul li#paiementsColiposte:hover {
            background: url('../img/commun/footer/liensEtPaiements/paiements/transporteurs/logo-coli-on.gif');
          }
  
  #footer #descriptionDeLaBoutique {
    background: url("../img/commun/footer/description/arrierePlan.png") no-repeat top center;
    line-height: 16px;
    margin: auto;
    padding: 0 0 10px 20px;
    width: 880px;

    padding: 2px 0 10px 10px;
    width: 870px;

  }
    #footer #descriptionDeLaBoutique #rssLink {
      float: right;
      margin-top: 15px;
    }
  
    #footer #descriptionDeLaBoutique h4 {
      color: #72868a;
      font-size: 12px;
      font-weight: bold;
      padding-top: 14px;
    }
    
    #footer #descriptionDeLaBoutique p {
      color: #546265;
      font-size: 12px;
      margin: 0 !important;
      text-align: justify;
    }
    
  #footer #credit {
    background: url("../img/commun/footer/credit/arrierePlan.png") repeat-x top;
    margin: auto;
    padding: 2px 0 50px 10px;
    text-align: right;
    width: 870px;
  }
  
    #footer #credit a {
      text-decoration: none;
    }
  
    #footer #credit img {
      margin-left: 17px;
      vertical-align: top;
    }





/********************************** ACCUEIL **********************************/

/* Catégories */

#index #categories {
  background: url("../img/accueil/categories/arrierePlan.png") bottom no-repeat;
  height: 214px;
  position: relative;
}
  
  #index #categories .fleche {
    height: 49px;
    position: absolute;
    top: 73px;
    width: 39px;
  }
  
  #index #categories .fleche.gauche {
    left: 0;
  }
  
  #index #categories .fleche.droite {
    right: 0;
  }
  
    #index #categories .fleche a {
      background-position: top;
      cursor: default;
      display: block;
      height: 100%;
    }
    
    #index #categories .fleche.gauche a {
      background-image: url("../img/accueil/categories/flecheGauche.png");
    }
    
    #index #categories .fleche.droite a {
      background-image: url("../img/accueil/categories/flecheDroite.png");
    }
    
    #index #categories .fleche.gauche a.actif:hover,
    #index #categories .fleche.droite a.actif:hover {
      background-position: bottom;
      cursor: pointer;
    }
  
  #index #categories .liste {
    height: 100%;
    margin: 0 39px;
    overflow: hidden;
    position: relative;
    width: 822px;
  }
  
    #index #categories ul {
      height: 100%;
      list-style-type: none;
      position: absolute;
      width: 1654px; /* 4 catégories + 3 marges = 4 * 406 + 3 * 10 px */
      top: 0;
    }
    
      #index #categories ul li {
        float: left;
        margin-right: 10px;
      }
      
      #index #categories ul li.dernier {
        margin-right: 0;
      }
      
        #index #categories ul li img {
          background: url("../img/accueil/categories/lien_arrierePlan.png");
        }



/* Colonne centrale */

  /* En-tête */
  
    /* Sous-sélections */

    #index #center_column .enTete ul {
      float: left;
      height: 100%;
      list-style-type: none;
      margin-left: 5px;
    }
    
      #index #center_column .enTete ul li {
        float: left;
        margin-left: 7px;
        height: 100%;
      }
      
        #index #center_column .enTete ul li a {
          background-position: top;
          display: block;
          height: 100%;
        }
      
        #index #center_column .enTete ul li a:hover,
        #index #center_column .enTete ul li a.active,
        #index #center_column .enTete ul li a:focus {
          background-position: bottom;
        }
        
          #index #center_column .enTete ul li a span {
            display: none;
          }
          
          #index #center_column .enTete ul li a.active {
            cursor: default;
          }
        
      #index #center_column .enTete ul .nouveautes {
        width: 111px;
      }
      
        #index #center_column .enTete ul .nouveautes a {
          background-image: url("../img/accueil/produits/nouveautes.png");
        }
        
      #index #center_column .enTete ul .produitsDuMois {
        width: 152px;
      }
        
        #index #center_column .enTete ul .produitsDuMois a {
          background-image: url("../img/accueil/produits/produitsDuMois.png");
        }
        
  /* Corps */
  
    #index #center_column .corps {
      padding: 0;
    }





/******************************* IDENTIFICATION *******************************/

/* Formulaire de création de compte */

#authentication .required sup {
  color: #f10b67;
  font-size: 25px;
}
#authentication .required.select sup {
  position: absolute;
}

#authentication #create-account_form,
#authentication #account-creation_form {
  float: none;
  margin: 0;
  /*padding: 0 30px 0 20px;*/
  width: auto;
}
  
  #authentication #create-account_form h2,
  #authentication #account-creation_form h2 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
  }
  
  #authentication #account-creation_form fieldset {
    border: none;
  }
  
  #authentication #create-account_form h4,
  #authentication #account-creation_form h4 {
    color: #ec0c65;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 18px;
    margin: 0;
    padding: 0;
  }
  
  #authentication #create-account_form p,
  #authentication #account-creation_form p {
    color: #304b53;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 0;
  }
  
  #authentication #create-account_form .champs,
  #authentication #account-creation_form .champs {
    margin: 20px 0 30px;
  }
  
    #authentication #create-account_form .champs p,
    #authentication #account-creation_form .champs p {
      height: 33px;
      line-height: 33px;
      margin: 0 0 7px 0;
      width: auto;
    }
    
    #authentication #account-creation_form .champs p.radio,
      #authentication #account-creation_form .champs p.radio input,
      #authentication #account-creation_form .champs p.select select {
      line-height: 33px;
      vertical-align: baseline;
    }
    
      #authentication #create-account_form .champs p label,
      #authentication #account-creation_form .champs p .libelle,
      #authentication #account-creation_form .champs p.text label,
      #authentication #account-creation_form .champs p.password label {
        color: #304b53;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        float: left;
        line-height: 33px;
        margin: 0 5px 0 0;
      }
      
      #authentication #create-account_form .champs p label {
        width: 65px;
      }
      
      #authentication #account-creation_form .champs p .libelle,
      #authentication #account-creation_form .champs p.text label,
      #authentication #account-creation_form .champs p.password label {
        width: 130px;
      }
      
      #authentication #create-account_form .champs p span {
        float: left;
      }
      
        #authentication #create-account_form .champs p.text input,
        #authentication #account-creation_form .champs p.text input,
        #authentication #account-creation_form .champs p.password input {
          background: url("../img/identification/input_arrierePlan.png") top right;
          border: none;
          color: #3e5b64;
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-weight: bold;
          height: 26px;
          padding:0;
          padding-top: 7px;
          padding-left: 13px;
          width: 246px;
        }
        
        #authentication #account-creation_form .champs p .form_info {
          font-size: 10px;
          vertical-align: top;
        }
        
  #authentication #account-creation_form .legendeChampRequis {
    margin-bottom: 15px;
    text-align: right;
  }
  
    #authentication #account-creation_form .legendeChampRequis span {
      color: #f10b67;
      font-size: 25px;
      padding-right: 5px;
      vertical-align: bottom;
    }
        
  #authentication #create-account_form .submit,
  #authentication #account-creation_form .submit {
    padding: 14px 0 0 0 !important;
    text-align: center;
  }
  
    #authentication #create-account_form .submit #SubmitCreate,
    #authentication #account-creation_form .submit #submitAccount {
      border: none;
      cursor: pointer;
      height: 43px;
    }
  
    #authentication #create-account_form .submit #SubmitCreate {
      background: url("../img/identification/continuerLInscription.png") top right;
      width: 198px;
    }
  
    #authentication #account-creation_form .submit #submitAccount {
      background: url("../img/identification/finirLInscription.png") top right;
      width: 148px;
    }
    
    
    
/* Message de confirmation de la bonne création du compte */

#authentication .confirmation {
  padding: 0 30px 0 20px;
}

  #authentication .confirmation h2 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
  }
  
  #authentication .confirmation .message {
    color: #304b53;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 0;
  }
  
  #authentication .confirmation .bouton {
    padding: 20px 0 0 0;
  }
  
    #authentication .confirmation .bouton a {
      background: url("../img/identification/accederAMonCompte.png");
      display: block;
      height: 43px;
      margin: auto;
      width: 184px;
    }
    
      #authentication .confirmation .bouton a span {
        display: none;
      }
    
    
    
/* Formulaires de la colonne droite */
  
#authentication #formulairesLateraux form p {
  clear: left;
  padding-top: 7px;
}
  
#authentication #formulairesLateraux form p.premier {
  padding-top: 0;
}

  #authentication #formulairesLateraux form p label {
    color: #fff;
    display: block;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    width: 47px;
  }
  
  #authentication #formulairesLateraux form p input {
    display: block;
    float: left;
    margin: 0;
  }



/* Formulaire d'identification */

#authentication #form_dejaInscrit {
  background: url("../img/identification/colonneDroite/dejaInscrit/arrierePlan.png");
  height: 161px;
  margin: 29px 10px 0 0;
  padding: 0 16px 0 14px;
  position: relative;
}

  #authentication #form_dejaInscrit h2 {
    background: none;
    color: #fff;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: 61px;
    line-height: 61px;
    margin: 0;
    padding: 0;
    text-transform: none;
  }
    
    #authentication #form_dejaInscrit p #form_dejaInscrit_email,
    #authentication #form_dejaInscrit p #form_dejaInscrit_pass {
      border: none;
      color: #3e5b64;
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      height:26px;
      padding-left: 13px;
      padding-top: 7px;
      
    }
    
    #authentication #form_dejaInscrit p #form_dejaInscrit_email {
      background: url("../img/identification/colonneDroite/dejaInscrit/champAdresseElectronique_arrierePlan.png") top right;
      width: 196px;
    }
    
    #authentication #form_dejaInscrit p #form_dejaInscrit_pass {
      background: url("../img/identification/colonneDroite/dejaInscrit/champMotDePasse_arrierePlan.png") top right;
      width: 111px;
    }
    
    #authentication #form_dejaInscrit p #form_dejaInscrit_submit {
      background: url("../img/identification/colonneDroite/dejaInscrit/boutonValider.png") top right;
      border: none;
      cursor: pointer;
      height: 34px;
      margin-left: 7px;
      width: 78px;
    }
    
  #authentication #form_dejaInscrit .error {
    background: none;
    border: none;
    bottom: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
  }
  
    #authentication #form_dejaInscrit .error .contenu {
    }
    
      #authentication #form_dejaInscrit .error .contenu p {
        color: #f10b67;
        padding: 0;
      }
    
    
    
/* Formulaire de récupération de mot de passe */

#authentication #form_motDePassePerdu {
  background: url("../img/identification/colonneDroite/motDePassePerdu/arrierePlan.png");
  height: 141px;
  margin: 11px 10px 0 0;
  padding: 0 16px 0 14px;
}

  #authentication #form_motDePassePerdu h2 {
    background: none;
    color: #fff;
    font-family: Calibri, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    height: 53px;
    line-height: 53px;
    margin: 0;
    padding: 0;
    text-transform: none;
  }
  
    #authentication #form_motDePassePerdu p label {
      width: 44px !important;
    }
    
    #authentication #form_motDePassePerdu p #form_motDePassePerdu_email {
      background: url("../img/identification/colonneDroite/motDePassePerdu/champAdresseElectronique_arrierePlan.png") top right;
      border: none;
      color: #3e5b64;
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      height: 26px;
      padding-left: 13px;
      padding-top: 7px;
      width: 116px;
    }
  
    #authentication #form_motDePassePerdu p #form_motDePassePerdu_submit {
      background: url("../img/identification/colonneDroite/motDePassePerdu/boutonValider.png");
      border: none;
      cursor: pointer;
      height: 34px;
      margin-left: 5px;
      width: 78px;
    }





/********************************* RECHERCHE *********************************/

#search #center_column .corps {
  padding: 0;
}

#search #center_column .corps .warning {
  background: none;
  border: none;
  color: #3e5b64;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 25px 30px 25px 20px;
}

#search #center_column .corps .nbResultats {
  color: #3e5b64;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 10px 30px 0 20px;;
}

#search #produits {
  list-style-type: none;
}





/********************************* CATÉGORIE *********************************/

/* Corps */

#category #center_column .corps {
  padding: 0;
}



/* Catégorie */

#category .categorie {
  position: relative;
}
#category .vote-geeknstyle .categorie {
  padding: 56px 30px 15px 20px;
}



/* Filtres */
  
  #category #center_column .enTete .filtres .filtre .fourchette .libelle {
    cursor: pointer;
  }
  #category #center_column .enTete .filtres .filtre.active .fourchette .libelle {
    cursor: default;
  }
  
  #category #fourchetteDePrix {
    width: 320px;
  }
  
  #category form#filtreDePrix {
  }
  
    #category form#filtreDePrix input.submit {
      background: url("../img/categorie/filtres/boutonOK_arrierePlan.png");
      border: none;
      bottom: 10px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      height: 30px;
      line-height: 30px;
      position: absolute;
      right: 14px;
      text-align: center;
      width: 38px;
    }



/* Description */

  #category .categorie .image {
    padding: 25px 0 0 7px;
  }

  #category .categorie .description {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    height: 85px;
    right: 20px;
    line-height: 12px;
    padding: 10px;
    position: absolute;
    text-align: justify;
    top: 56px;
    width: 161px;
  }
  
  #category .itravel .categorie .description {
    background-image: url("../img/categorie/iTravel/description_arrierePlan.png");
  }
  
  #category .geek-at-home .categorie .description {
    background-image: url("../img/categorie/geekAtHome/description_arrierePlan.png");
  }
  
  #category .music-stuff .categorie .description {
    background-image: url("../img/categorie/musicStuff/description_arrierePlan.png");
  }
  
  #category .apple-corner .categorie .description {
    background-image: url("../img/categorie/appleCorner/description_arrierePlan.png");
  }
  
  #category .vote-geeknstyle .categorie .description {
    background-image: url("../img/categorie/voteGeekNStyle/description_arrierePlan.png");
    height: 53px;
    margin: 0;
    padding: 18px 8px 33px 384px;
    position: static;
    width: 162px;
  }
  
  
  
/* Produits */

#category #produits {
  height: auto;
  list-style-type: none;
}

  #category #produits .produit {
    background: url("../img/categorie/produits/produit_arrierePlan.png");
    height: 150px;
    left: 0;
    margin: 12px 0 0 14px;
    padding: 1px 30px 1px 15px;
    position: static;
    top: 0;
    width: 545px;
  }
  
  #category #produits .produit.premier {
    margin-top: 0;
  }
  
    #category #produits .produit .image {
      float: left;
      height: 150px;
      width: 170px;
    }
  
    #category #produits .produit .informations {
      border-color: #cdd3d5;
      border-style: none none none solid;
      border-width: 1px;
      float: left;
      height: 120px;
      margin: 11px 0 12px 7px;
      padding: 5px 0 0 13px;
      position: relative;
      width: 354px;
    }
      
      #category .itravel #produits .produit .informations .fabricant,
      #category .itravel #produits .produit .informations .nom {
        color: #dc068e;
      }
      
      #category .geek-at-home #produits .produit .informations .fabricant,
      #category .geek-at-home #produits .produit .informations .nom {
        color: #009c9f;
      }
      
      #category .music-stuff #produits .produit .informations .fabricant,
      #category .music-stuff #produits .produit .informations .nom {
        color: #2e9a5e;
      }
      
      #category .apple-corner #produits .produit .informations .fabricant,
      #category .apple-corner #produits .produit .informations .nom {
        color: #a79c0d;
      }
      
      #category .vote-geeknstyle #produits .produit .informations .fabricant,
      #category .vote-geeknstyle #produits .produit .informations .nom {
        color: #f10b67;
      }
    
      #category #produits .produit .informations .fabricant {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 14px;
      }
      
      #category #produits .produit .informations .nom {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
      }
      
        #category #produits .produit .informations a {
          color: inherit;
          text-decoration: none;
        }
      
      #category #produits .produit .informations .description {
        margin-top: 10px;
      }
      
        #category #produits .produit .informations .description p {
          color: #6a7c82;
          font-family: Arial, sans-serif;
          font-size: 12px;
          line-height: 14px;
          text-align: justify;
        }
      
      #category #produits .produit .plus {
        bottom: 0;
        left: 0;
        position: absolute;
      }
      
        #category #produits .produit .plus p,
        #category #produits .produit .plus .nbVotes {
          background-color: #9ea6a9;
          float: left;
          height: 21px;
          line-height: 21px;
          margin-right: 2px;
        }
        
        #category #produits .produit .plus .enSavoirPlus {
          background-image: url("../img/categorie/produits/enSavoirPlus.png");
          background-position: left;
          background-repeat: no-repeat;
          padding: 0 6px 0 19px;
        }
        
          #category #produits .produit .plus .enSavoirPlus a {
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 12px;
            text-decoration: none;
          }
          
          #category #produits .produit .plus .enSavoirPlus a:hover,
          #category #produits .produit .plus .enSavoirPlus a:active,
          #category #produits .produit .plus .enSavoirPlus a:focus {
            text-decoration: underline;
          }
          
        #category #produits .produit .plus .prix {
          color: #fff;
          font-family: Arial, sans-serif;
          font-size: 14px;
          font-weight: bold;
          padding: 0 5px 0 0px;
          text-align: right;
          width: 77px;
        }
        
        #category #produits .produit .plus .ajouterAuPanier a {
          background: url("../img/commun/produits/ajouterAuPanier.png") top;
          display: block;
          height: 100%;
          width: 27px;
        }
        
        #category #produits .produit .plus .ajouterAuPanier a:hover,
        #category #produits .produit .plus .ajouterAuPanier a:focus {
          background-position: bottom;
        }
        
          #category #produits .produit .plus .ajouterAuPanier a span {
            display: none;
          }
          
          
          
        #category #produits .produit .plus .nbVotes p {
          background-image: url("../img/categorie/produits/enSavoirPlus.png");
          background-position: left;
          background-repeat: no-repeat;
          color: #fff;
          padding: 0 5px
        }
        
        #category #produits .produit .plus .nbVotes .vousAvezVote,
        #category #produits .produit .plus .nbVotes .nb,
        #category #produits .produit .plus .nbVotes .quelquUnAVote .dont {
          color: #f10b67;
          font-weight: bold;
        }
        
        #category #produits .produit .plus .voter {
        }
        
          #category #produits .produit .plus .voter .identifiezVous,
          #category #produits .produit .plus .voter a {
            color: #fff;
            display: block;
            padding: 0 5px;
          }
        
          #category #produits .produit .plus .voter a {
            background-color: #4db90c;
            font-weight: bold;
          }
          #category #produits .produit .plus .voter a:hover,
          #category #produits .produit .plus .voter a:focus {
            background-color: #f10b67;
          }





/********************************** PRODUIT **********************************/

#product #center_column .corps {
  padding: 12px 24px 0 21px;
}

  #product h2 {
    background: none;
    color: #304b53;
    font-family: Calibri, Arial, sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
    text-transform: none;
  }
  
  #product h2.fabricant {
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    padding: 0;
  }
  
  #product h2.nom {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding: 0;
  }



/* Images */

#product .images {
  list-style-type: none;
  margin-top: 16px;
}

  #product .images li {
    float: left;
  }
  
    #product .images li a {
      display: block;
    }

      #product .images img {
        border: 1px #cdd3d5 solid;
        display: block;
        margin: 0 5px 5px 0;
      }
      
  #product .images br {
    clear: left;
  }
  
/* image slider */

#imagesWrapper {
  overflow: auto;
  margin-bottom: 20px;
}

#imageSlider {
  float: right;
  height: 200px;
  width: 98px;
  position: relative;
  overflow: hidden;
}

#imageSlider ul {
  position: absolute;
  list-style-type: none;
}

#imageSlider li {
  height:100px;
}

#imageSlider img {
  border: 1px solid #CDD3D5;
}

#imagePager {
  float:right;
}

#imagePager #imageDown {
  float: left;
  margin-top: 10px;
  height: 12px;
}
#imagePager #imageDown a {
  display: block;
  width: 20px;
  height: 12px;
  margin-right: 15px;
  cursor: pointer;
  background: url('../img/produit/bloc/imagePager.png') 0px 0px no-repeat;
}
#imagePager #imageDown a:hover{
  background: url('../img/produit/bloc/imagePager.png') 0px -12px no-repeat;
}

#imagePager #imageUp {
  float: left;
  margin-top: 10px;
  margin-right:25px;
  height: 12px;
}
#imagePager #imageUp a {
  cursor: pointer;
  background: url('../img/produit/bloc/imagePager.png') -20px 0px no-repeat;
  display: block;
  width: 20px;
  height: 12px;
}
#imagePager #imageUp a:hover {
  background: url('../img/produit/bloc/imagePager.png') -20px -12px no-repeat;
}

/* Blocs */
        
#product .bloc {
  background: url("../img/produit/bloc/arrierePlan.png") no-repeat top;
  clear: left;
  margin: 29px 5px 5px 0;
}

  /* Menu */

  #product .bloc .menu {
    height: 42px;
    list-style-type: none;
    margin-top: 29px;
    padding-bottom: 18px;
  }
  
    #product .bloc .menu li {
      float: left;
      font-family: Calibri, Arial, sans-serif;
      font-size: 16px;
      font-weight: bold;
      height: 42px;
      line-height: 36px;
      margin-right: 4px;
      text-transform: uppercase;
    }
    
      #product .bloc .menu li a,
      #product .bloc .menu li span {
        color: #6a8087;
        padding: 0 21px;
      }

      #product .bloc .menu li a {
        display: block;
        height: 100%;
        text-decoration: none;
      }
      
      #product .bloc .menu li.active a,
      #product .bloc .menu li a:hover,
      #product .bloc .menu li a:focus,
      #product .bloc .menu li a:active {
        color: #3e5b64;
      }
      
    #product .bloc .menu li.active {
      background: url("../img/produit/bloc/ongletSelectionne_droite.png") no-repeat right;
    }
      
      #product .bloc .menu li.active a {
        background: url("../img/produit/bloc/ongletSelectionne_gauche.png") no-repeat left;
        cursor: default;
      }
      
      #product .bloc .menu li.active.premier a {
        background-image: url("../img/produit/bloc/ongletSelectionne_gauche_premier.png");
      }
      
  /* Contenu */
      
  #product .bloc .contenu {
  }
  
    #product #description h3 {
      color: #304b53;
      font-family: Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      line-height: 14px;
      margin-bottom: 16px;
    }
    
    #product #description p,
    #product #specificitesTechniques p {
      color: #304b53;
      font-family: Arial, sans-serif;
      font-size: 12px;
      margin: 10px 0;
      padding: 0;
    }
    
  /* Suggestions de produits similaires */
  
  #product #produits {
    height: auto;
    list-style-type: none;
  }
  
    #product #produits li {
      float: left;
      left: 0;
      margin: 0 0 0 19px;
      position: relative;
      top: 0;
    }
    #product #produits li.premier {
      margin: 0;
    }
    
    
    
/* Colonne droite */

#product #right_column {
}

  /* Liens latéraux */
  
  #product #liensLateraux {
    margin-top: 24px;
    padding: 0;
  }
  
    #product #liensLateraux ul li {
      margin: 0;
    }

    /* Disponibilité et prix */
    
    #product #liensLateraux .disponibilite {
      height: 103px;
      width: 279px;
    }
    
    #product #liensLateraux .disponibilite.enStock {
      background: url("../img/produit/colonneDroite/enStock.png");
    }
    
    #product #liensLateraux .disponibilite.indisponible {
      background: url("../img/produit/colonneDroite/indisponible.png");
    }
    
      #product #liensLateraux .disponibilite .prix {
        color: #fff;
        font-family: Arial, sans-serif;
        font-weight: bold;
        padding: 33px 29px 0 0;
      }
      
        #product #liensLateraux .disponibilite .prix .chiffres {
          display: block;
          height: 40px;
          line-height: 40px;
          text-align: right;
        }
    
          #product #liensLateraux .disponibilite .prix .partieEntiere {
            font-size: 40px;
          }
          
          #product #liensLateraux .disponibilite .prix .virgule {
            font-size: 26px;
          }
          
          #product #liensLateraux .disponibilite .prix .partieDecimale {
            font-size: 26px;
          }
          
        #product #liensLateraux .disponibilite .prix .lettres {
          display: block;
          height: 15px;
          line-height: 15px;
          position: relative;
          text-align: right;
          top: -3px;
        }
          
          #product #liensLateraux .disponibilite .prix .devise {
            font-size: 15px;
            font-weight: normal;
          }
          
    /* Déclinaisons */
    
    #product #liensLateraux #attributes {
      background: url("../img/produit/colonneDroite/liensLateraux/declinaisons_bas.png") no-repeat bottom;
      margin: 9px 25px 17px 0;
    }
    
      #product #liensLateraux #attributes div {
        background: url("../img/produit/colonneDroite/liensLateraux/declinaisons_haut.png") no-repeat top;
        padding: 3px 13px;
      }
      
      #product #liensLateraux #attributes p {
        color: #3e5b64;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin: 10px 0;
      }
      
      #product #liensLateraux #attributes select {
        vertical-align: baseline;
      }
          
    /* Achat immédiat */
    
    #product #liensLateraux .achatImmediat {
      margin: 9px 25px 0 0;
    }
    
      #product #liensLateraux .achatImmediat a {
        background: url("../img/produit/colonneDroite/liensLateraux/achatImmediat.png");
      }
      
    /* Ajouter au panier */
    
    #product #liensLateraux .ajouterAuPanier {
      margin:5px 50px 0 0;
    }
    
      #product #liensLateraux .ajouterAuPanier a {
        background: url("../img/produit/colonneDroite/liensLateraux/ajouterAuPanier.png") top;
      }
      
      #product #liensLateraux .ajouterAuPanier a:hover,
      #product #liensLateraux .ajouterAuPanier a:active,
      #product #liensLateraux .ajouterAuPanier a:focus {
        background-position: bottom;
      }
      
    /* Vote */
    
    #product #liensLateraux .vote {
      background: url("../img/produit/colonneDroite/liensLateraux/vote.png") top;
      margin: 17px 75px 0 0;
    }
    
      #product #liensLateraux .vote ul li {
        height: 22px;
        position: relative;
      }
    
        #product #liensLateraux .vote ul li span {
          display: none;
        }
        
        #product #liensLateraux .vote ul li .etoiles {
          display: block;
          height: 22px;
          left: 74px;
          overflow: hidden;
          position: absolute;
          top: 11px;
          width: 124px;
        }
        
          #product #liensLateraux .vote ul li .etoiles img {
            position: absolute;
          }
          
        #product #liensLateraux .vote ul li.voter .identifiezVous {
          color: #f10b67;
          font-family: Arial, sans-serif;
          font-size: 13px;
          font-weight: bold;
          line-height: 41px;
          height: 41px;
          padding: 9px 15px 0 0;
          text-align: right;
        }
      
          #product #liensLateraux .vote ul li.voter .identifiezVous span {
            display: block;
            height: 13px;
            line-height: 13px;
          }
          
        #product #liensLateraux .vote ul li.voter .etoiles {
          cursor: pointer;
        }
    
    /* Envoyer à un ami */
    
    #product #liensLateraux .envoyerAUnAmi {
      margin: 17px 100px 0 0;
    }
    
      #product #liensLateraux .envoyerAUnAmi a {
        background: url("../img/produit/colonneDroite/liensLateraux/envoyerAUnAmi.png") top;
      }
      
      #product #liensLateraux .envoyerAUnAmi a:hover,
      #product #liensLateraux .envoyerAUnAmi a:active,
      #product #liensLateraux .envoyerAUnAmi a:focus {
        background-position: bottom;
      }





/********************************* MON COMPTE *********************************/

.account_column{
  font-size: 12px;
}

.account_column h3{
  padding-left:0.7em;
}

#my-account #center_column ul,
.account_column ul {
  margin: 0;
}

  #my-account #center_column ul li,
  .account_column ul li {
    margin: 0;
  }

#my-account #center_column .corps,
.account_column .corps {
  padding: 0 30px 0 20px;
}

  #my-account #center_column .corps h2,
  .account_column .corps h2 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
  }

  #my-account #center_column .corps .description,
  .account_column .corps .description {
    color: #304b53;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 0;
  }


#my-account #links li {
    font-size: 12px;
}

#my-account #links a {
    display: block;
    background-color: #E9EBEC;
    margin: 5px 0;
    padding: 10px;
    text-decoration: none;
}

#my-account #links a:hover {
    background-color: #DBE0E1;
}


#address .required sup,
#identity .required sup{
  color: #f10b67;
  font-size: 25px;
}
#address .required.select sup,
#identity .required.select sup {
  position: absolute;
  padding-left:5px;
}

#address #create-address_form,
#identity #update-identity_form {
  float: none;
  margin: 0;
  padding: 0 30px 0 20px;
  width: auto;
}

  #address #create-address_form h2,
  #identity #update-identity_form h2 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
  }

  #address #create-address_form fieldset,
  #identity #update-identity_form fieldset {
    border: none;
  }

  #address #create-address_form h4,
  #identity #update-identity_form h4 {
    color: #ec0c65;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 18px;
    margin: 0;
    padding: 0;
  }

  #address #create-address_form p,
  #identity #update-identity_form p {
    color: #304b53;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 0;
  }

  #address #create-address_form .champs,
  #identity #update-identity_form .champs {
    margin: 20px 0 30px;
  }

    #address #create-address_form .champs p,
    #identity #update-identity_form .champs p {
      height: 33px;
      line-height: 33px;
      margin: 0 0 7px 0;
      width: auto;
    }

    #address #create-address_form .champs p.radio,
    #address #create-address_form .champs p.radio input,
    #address #create-address_form .champs p.select select,
    #identity #update-identity_form .champs p.radio,
    #identity #update-identity_form .champs p.radio input,
    #identity #update-identity_form .champs p.select select {
      line-height: 33px;
      vertical-align: baseline;
    }

      #address #create-address_form .champs p label,
      #address #create-address_form .champs p .libelle,
      #address #create-address_form .champs p.text label,
      #address #create-address_form .champs p.password label,
      #identity #update-identity_form .champs p label,
      #identity #update-identity_form .champs p .libelle,
      #identity #update-identity_form .champs p.text label,
      #identity #update-identity_form .champs p.password label {
        color: #304b53;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        float: left;
        line-height: 33px;
        margin: 0 5px 0 0;
      }

      #address #create-address_form .champs p label,
      #identity #update-identity_form .champs p label {
        width: 65px;
      }

      #address #create-address_form .champs p .libelle,
      #address #create-address_form .champs p.text label,
      #address #create-address_form .champs p.password label,
      #identity #update-identity_form .champs p.libelle,
      #identity #update-identity_form .champs p.text label,
      #identity #update-identity_form .champs p.password label {
        width: 130px;
      }

      #address #create-address_form .champs p span,
      #identity #update-identity_form .champs p span {
        float: left;
      }

        #address #create-address_form .champs p.text input,
        #address #create-address_form .champs p.password input,
        #identity #update-identity_form .champs p.text input,
        #identity #update-identity_form .champs p.password input {
          background: url("../img/identification/input_arrierePlan.png") top right no-repeat;
          border: none;
          color: #3e5b64;
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-weight: bold;
          height: 25px;
          width:249px;
          padding-left: 10px;
          padding-right: 0px;
          padding-top: 8px;
        }

        #address #create-address_form .champs p .form_info,
        #identity #update-identity_form .champs p .form_info {
          vertical-align: top;
        }

  #address #create-address_form .legendeChampRequis,
  #identity #update-identity_form .legendeChampRequis {
    margin-bottom: 15px;
    text-align: right;
  }

    #address #create-address_form .legendeChampRequis span,
    #identity #update-identity_form .legendeChampRequis span {
      color: #f10b67;
      font-size: 25px;
      padding-right: 5px;
      vertical-align: bottom;
    }

  #address #create-address_form .submit,
  #identity #update-identity_form .submit {
    padding: 14px 0 0 0 !important;
    text-align: center;
  }

    #address #create-address_form #submitAddress,
    #identity #update-identity_form #submitIdentity {
      border: none;
      cursor: pointer;
      height: 43px;
    }

    /* Valider */
    #address #create-address_form #submitAddress,
    #identity #update-identity_form #submitIdentity {
      background: url("../img/compte/btn-valider.png");
      width: 82px;
    }

#addAddress{
  display:block;
  background: url("../img/compte/btn-ajouter.png");
  width: 170px;
  height: 43px;
}

.accountAddresses{
}

.accountAddresses .accountAddress{
	float:left;
	margin-right:0.25em;
	padding-bottom:0.6em;
	margin-bottom:1em;
	position:relative;
	width:268px;
  list-style-type: none;
}

.accountAddresses .accountAddress .address_title{
  background: #EAEBED;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #D1D0D5;
  font-weight: bold;
}

.address {
  list-style-type: none;
  background:#F0F1F2;
  margin-bottom: 10px;

}

/* discount.tpl */
table.discount{
  border-collapse: collapse;
  border: none;
  width: 100%;
}

table.discount th {
  background: none;
  border-bottom:1px solid #CFD0D5;
}

table.discount td {
  border: 1px solid #F2F2F4;
  background: #EAEBED;
  padding: 5px;
}

table.discount tr.alternate_item td {
  background: #E3E7EA;
}

/* history.tpl */
table#order-list{
  border-collapse: collapse;
  border: none;
  width: 100%;
}

table#order-list th {
  background: none;
  border-bottom:1px solid #CFD0D5;
  padding: 5px;
}

table#order-list td {
  border: 1px solid #F2F2F4;
  background: #EAEBED;
  padding: 5px;
}

table#order-list tr.alternate_item td {
  background: #E3E7EA;
}

#blockOrderDetail{
  margin-top: 40px;
  background: #fff;
  padding: 10px;
  border: 1px solid #CFD0D5;
  width: 520px;
}

#blockOrderDetail #submitMessage{
  background: url("../img/compte/btn-envoyer.png");
  width: 88px;
  height:43px;
}

#blockOrderDetail .address_title {
  background: #EAEBED;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #D1D0D5;
  font-weight: bold;
  padding-left: 10px;
}

#blockOrderDetail ul {
  list-style-type: none;
  background: #fff;
	width:263px;
	float: left;
	margin-right: 0.25em;
}

table#orderDetailList{
  border-collapse: collapse;
  border: none;
  width: 100%;
  margin-top:15px;
}

table#orderDetailList th {
  background: none;
  border-bottom:1px solid #CFD0D5;
  padding: 5px;
}

table#orderDetailList td {
  border: 1px solid #F2F2F4;
  background: #EAEBED;
  padding: 5px;
}

table#orderDetailList tr.alternate_item td {
  background: #E3E7EA;
}

#orderDetailPrice {
  text-align : right;
}

#orderDetailPrice .price,
#orderDetailPrice .price-shipping {
  color: #3e5b64;
}

#orderDetail #submitMessage {
  background: url('../img/compte/btn-envoyer.png') top left no-repeat;
  width: 88px;
  height: 43px;
}

/********************************* MON PANIER *********************************/
  
#order #center_column .corps,
#cart #center_column .corps {
  padding: 0 30px 0 20px;
}
  
  #order #center_column .corps h2,
  #cart #center_column .corps h2 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
  }
  #cart #center_column .corps h2 {
    margin-bottom: 30px;
  }
  
  #order #center_column .corps #order_step {
    background-color: #f2f2f2;
    background-image: none;
    height: 44px;
    margin-top: 25px;
    padding-left: 0;
    width: 500px;
  }
  
    #order #center_column .corps #order_step li {
      background: url("../img/commande/avancement/separateur.png") no-repeat right;
      height: 44px;
      line-height: 44px;
      padding: 0 27px 0 10px;
      width: auto;
    }
    #order #center_column .corps #order_step li#step_end {
      background: none;
      padding-right: 0;
    }





/********************************** PAGE 404 **********************************/

#page_404 #center_column .corps {
  padding: 0 30px 0 20px;
}

  #page_404 #center_column .corps h2 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin: 0 0 30px 0;
    padding: 25px 0;
    text-transform: none;
  }
  
  #page_404 #center_column .corps .error .contenu {
    color: #f10b67;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }





/*********************************** C.M.S. ***********************************/

#cms #center_column .corps {
  padding: 0 30px 0 20px;
}
  #cms #center_column .corps h1,
  #cms #center_column .corps h2,
  #cms #center_column .corps h3,
  #cms #center_column .corps h4,
  #cms #center_column .corps h5,
  #cms #center_column .corps h6 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    height: auto;
    margin: 15px 0;
    padding: 0;
    text-transform: none;
  }
  #cms #center_column .corps h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding: 25px 0 15px 0;
  }
  #cms #center_column .corps h3 {
    font-size: 20px;
    line-height: 20px;
  }
  #cms #center_column .corps h4 {
    font-size: 16px;
    line-height: 16px;
  }
  #cms #center_column .corps h5 {
    font-size: 14px;
    line-height: 14px;
  }
  #cms #center_column .corps h6 {
    font-size: 12px;
    line-height: 12px;
  }
  
  #cms #center_column .corps p {
    color: #3e5b64;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0;
    padding: 0;
  }





/********************************** CONTACT **********************************/

#contact-form #center_column .corps {
  color: #3e5b64;
  font-family: Arial, sans-serif;
  font-size: 12px;
  padding: 0 30px 0 20px;
}

  #contact-form #center_column .corps h2 {
    background: none;
    color: #3e5b64;
    font-family: Calibri, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    line-height: 30px;
    margin: 0;
    padding: 25px 0;
    text-transform: none;
  }
  
  #contact-form #center_column .corps p {
    margin: 10px 0;
    padding: 0;
  }
  
  #contact-form #center_column .corps form {
    margin-top: 20px;
  }
  
    #contact-form #center_column .corps form fieldset {
      border: none;
    }
  
    #contact-form #center_column .corps form fieldset p {
      clear: left;
      line-height: 33px;
      margin: 0 0 7px 0;
      width: auto;
    }
    
      #contact-form #center_column .corps form fieldset p label {
        color: #304b53;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        float: left;
        line-height: 33px;
        margin: 0 5px 0 0;
        width: 90px;
      }
    
      #contact-form #center_column .corps form fieldset p.select select {
        line-height: 33px;
        margin: 0;
        vertical-align: baseline;
      }
      
      #contact-form #center_column .corps form fieldset p.text input {
        background-image: url("../img/contact/input_arrierePlan.png");
        border: none;
        color: #3e5b64;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 31px;
        line-height: 31px;
        margin: 0;
        padding: 1px 13px;
        width: 233px !important;
      }
      
      #contact-form #center_column .corps form fieldset p.textarea span {
        background: url("../img/contact/textarea_bas.png") bottom no-repeat;
        display: block;
        float: left;
        max-width: 388px;
        min-width: 388px;
        min-height: 30px;
        width: 388px;
      }
      
        #contact-form #center_column .corps form fieldset p.textarea span textarea {
          background: url("../img/contact/textarea_haut.png") top no-repeat;
          border: none;
          color: #3e5b64;
          font-family: Arial, sans-serif;
          font-size: 12px;
          margin: 0;
          max-height: 750px;
          max-width: 358px;
          min-width: 358px;
          padding: 15px;
          resize: vertical;
          width: 358px !important;
        }
        
    #contact-form #center_column .corps form fieldset p.submit {
      padding: 14px 0 0 0 !important;
      text-align: center;
    }
    
      #contact-form #center_column .corps form fieldset p.submit #submitMessage {
        background: url("../img/contact/boutonEnvoyer.png");
        border: none;
        cursor: pointer;
        height: 43px;
        width: 88px;
      }





/***************************** MOT DE PASSE PERDU *****************************/

#password #center_column .error {
  margin-top: 20px;
}

#password .success {
  background: none;
  border: none;
  color: #3e5b64;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}




/********************************** COMMANDE **********************************/

/* page 1 */

#cart_summary {
  border: none;
  border-collapse: collapse;
}

#cart_summary th {
  background: none;
  border-bottom: 1px solid #D1D0D5;
}

#cart_summary td {
  background: #EAEBED;
  border: 1px solid #F2F2F4;
  padding:5px;
}

#cart_summary tr.alt td {
  background: #E3E7EA;
}

.cart_total_price,
.cart_total_voucher {
  text-align: right;
  font-weight: bold;
}

.cart_description h5 {
  font-weight: normal;
  font-size:1em;
}

.total_price {
  font-size: 1.1em;
  padding-left: 50px;
}

.cart_free_shipping {
  text-align: right;
  color: #95949C;
  font-style: italic;
}

#voucher {
  text-align: right;
  margin-top: 20px;
}

#voucher #discount_name {
  background:#fff;
  padding:2px;
}

#submitDiscount {
  background: url('../img/commande/btn-ajouter.png') top right;
  width:78px;
  height:23px;
}

#processCarrier,
#processAddress,
#cartNext{
  background: url('../img/commande/btn-suivant.png') top right;
  width:93px;
  height:43px;
  border:0;
}

#cartBack{
  background: url('../img/commande/btn-precedent.png') top right;
  width:109px;
  height:43px;
  border:0;
}

#cartContinueShopping{
  background: url('../img/commande/btn-continuer-ha.png') top right;
  width:187px;
  height:43px;
}

#addressAdd{
  background: url('../img/commande/btn-add-adress.png') top right;
  width:149px;
  height:23px;
  border:0;
}

/* page 3 */

.addresses{
  margin-top:20px;
}

div.address {
	float:left;
	margin-left:0.25em;
	padding-bottom:0.6em;
	margin-bottom:1em;
	position:relative;
	width:268px;
}

div.address ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div.address li {
	padding-left: 1.4em;
	margin-top: 0.2em;
}

div.address_title {
  background: #EAEBED;
  height: 27px;
  padding-top: 3px;
  border-bottom: 1px solid #D1D0D5;
}

li.address_name, li.address_update a, li.address_delete a { color: #dd2a81; }
li.address_name, li.address_company { font-weight: bold; }
li.address_company { text-transform: uppercase; }
#center_column .address_add { padding: 1em 0; }

/* page 4 */
#carrier_table {
  margin-top:20px;
}

#carrier_table th {
  background: #EAEBED;
}

#carrier_table td {
  background: none;
}

#carrier_table .carrier_price {
  text-align: right;
}

/* page 5 */

#order_payment_total {
  height:23px;
  padding-top:5px;
  text-align:right;
  padding-right:10px;
  background:#D3DDDF;
  font-weight: bold;
  margin-top: 10px;
  font-size: 1.1em;
}

#order_payment_total .price {
  color: #dd2a81;
}

.payment_module {
	display: block;
	background: #EAEBED;
}
.payment_module img {
	vertical-align: middle;
	margin-right: 1em;
}
.payment_module a {
	display: block;
	text-decoration: none;
	padding: 10px;
	height: 40px;
}
.payment_module a:hover, .payment_module a:focus, .payment_module a:active {
	color: #374853;
	background:#D3DDDF;
}

#center_column p { padding-left: 0; }
#center_column h3 { padding-left: 0 }