body{margin:0;padding:0;}
.container{width:1200px;height:600px}

#menu{float:left;width:450px;height:560px;background: url(images/fond.png) no-repeat;padding:50px 20px 20px 20px;float:left;}
#sous-menu{margin-top:20px;}
#coques, #basic, #geometric, #camouflage, #pattes{float:left;width:75px;height:515px;margin:0px 0 0 15px;padding:0 0 0 15px;background: url(images/bkg-leftmenu.png) no-repeat;}
#geometric, #camouflage{background: none;margin: 0px 0 0 0;}
#pattes {width:40px;}
#menu div:first-child{margin:0;padding:0;background:none;}
a.arrow-up, a.arrow-down{display:block;width:16px;height:16px;background: url(images/fleche-haute.png) no-repeat;margin:0 auto 5px;}
a.arrow-down{background: url(images/fleche-basse.png) no-repeat;margin:5px auto 0;}
#menu .top{background:#000;color:#fff;font-size:11px;font-family:Arial;text-align:center;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
#menu .bottom{background:#000;height:13px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#menu .wrapper{/*position:relative;*/height:440px;overflow:hidden;}
#menu .content{/*position:absolute;*/margin-top:0px;}
#menu .content a{display:block;width:73px;height:35px;border:1px solid #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:10px 0 0;background: url(images/bkg-amenu.png) repeat-x 0 0;}
#menu .content a:hover, #menu .content a.sel{background-position:0 -35px;}
#pattes .content a{width:38px;}
#menu .content a img{width:73px;height:auto;margin-top:-19px;border:0;}
#pattes .content a img{width:38px;height:auto;margin-top:0;}

#preview{padding:20px;margin:0 0 0 490px;}
.rounded{border:1px solid #bfbfbf;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#coque{width:100%;height:330px;background: url(images/titre-coque-sticker.png) no-repeat top left;}
#coque .preview_coque, #coque .preview_sticker{position:absolute;width:672px;height:auto;margin-top:-170px;}
#kit, #patte, #visserie{float:left;width:210px;height:210px;margin:17px 0 0 17px;}
#kit{background: url(images/titre-kit-complet.png) no-repeat top left;margin:17px 0 0 0;position:relative;}
#kit .preview_coque, #kit .preview_sticker{width:212px;height:auto;position:absolute;}
#kit .preview_patte, #kit .preview_visserie{width:105px;height:auto;position:absolute;}
#kit .preview_coque{top:-51px;}
#kit .preview_sticker{top:0px;}
#kit .preview_patte{top:113px;left:50px;}
#kit .preview_visserie{top:118px;left:105px;}
#patte{background: url(images/titre-pate-de-fixation.png) no-repeat top left;}
#patte .preview{position:absolute;width:212px;height:212px;}
#visserie{background: url(images/titre-visserie.png) no-repeat top left;height:153px;margin-top:74px;}
#visserie .preview{position:absolute;width:212px;height:auto;margin-top:-29px;}
#valider{position:absolute;left:951px;background: url(images/btn-valider-configurator.png) no-repeat 0 0;width:210px;height:40px;float:left;margin:17px 0 0 17px;}
#valider:hover{background: url(images/btn-valider-configurator.png) no-repeat 0 -40px;width:210px;height:40px;}

#zoom{position: absolute;display: none;margin-left: 90px;z-index: 300;}
#zoom img{width:200px;height: auto;background: #eee;border:1px solid #ccc;}