body { font-size: 13px; font-family: Georgia; color: #454545; background: url(../images/back.png) center center repeat-y #D2E3DD;}

a { color: #3e6684; text-decoration: none;}
a:hover { text-decoration: underline;}
.wrapper-container { background: url(../images/back.png) center top repeat-y #D2E3DD;}
.wrapper { width: 980px; margin: 0 auto; padding-bottom: 50px; background: transparent}
.page { width: 920px; padding: 0;}
.sprite, .engagements ul li, .innovations ul li, .button span, .prev, .next { }
.page-title, .category-title, .main { clear: both;}
.page-title, .category-title { margin-top: 0px; float: left; width: 100%;}
.page-title h1, .page-title h2 {  color: #940C5E; font-size: 24px;}
input.input-text { border: 1px solid #ddd; height: 18px; padding-top: 3px; font-size: 14px; text-indent: 2px;}
textarea { border: 1px solid #ddd; font-size: 14px; padding: 4px;  }
h2.product-name, h2.product-name a { font-weight: normal; font-size: 22px; margin-bottom: 10px; margin-bottom: 10px; text-shadow: 1px 1px #fff;}

/* Global Prices styles */
.old-price strong, .special-price strong { font-weight: bold; font-family: Arial;}
.old-price { text-decoration: line-through; color: #940C5E; margin-right: 7px;}
.special-price { color: #940C5E; font-weight: bold}


/* Global Block styles */
.block { width: 100%; float: left; position: relative; border: 3px solid #eee;  border-top: 0;}
.block h3 { text-indent: 10px; color: #333333; font-weight: normal; height: 30px; line-height: 30px; width: 100%; background: url(../images/menu.png) repeat-x; font-size: 18px;}
.block h3 a { color: #454545;}
.col-main .block { width: 594px;}
.col-main .col2-set .block { width: 49%;}
.block .content { padding: 20px;}
.block-account .content { padding: 10px 20px}


/* Global Buttons */
.button { display: inline-block}
.button:focus { opacity: 0.9; outline: none}
.button span { display: inline-block; color: #fff}
.button:hover { text-decoration: none}
.button:hover span { text-shadow: 0 0 15px #fff; color: #fff;}
.buttonGris { background-position: -988px -580px; height: 15px; line-height: 15px; font-size: 12px}
.buttonGris span { background-position: right -560px; margin-left: 12px; height: 15px; padding-right: 10px; text-shadow: 1px 1px rgba(0, 0, 0, 0.1); color: #333;}
.buttonGris:hover span { color: #333}
.buttonGrisBlack { background-position: -988px -628px; height: 15px; line-height: 15px; font-size: 12px}
.buttonGrisBlack span { background-position: right -605px; margin-left: 12px; height: 15px; padding-right: 12px; text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
.links a { font-size: 12px;}
.pn-nav { position: absolute; bottom: 0; width: 100%}
.prev, .next { background: url(../images/arrows.png) no-repeat; float: left; width: 14px; height: 24px; text-indent: -9999px; position: absolute; z-index: 1000;}
.prev { background-position: 0px top; left: 20px;}
.next { background-position: -19px top; right: 20px;}


/* Everything about Header */
.header-container { height: 150px;}
.header { position: relative; margin-top: 50px; padding: 0px 0 50px; background: url(../images/Havane-logo.jpg) right no-repeat;}
.header h1 { font-weight: bold; font-size: 44px; color: #940C5E;  }
.header h2 { font-size: 24px; color: #940C5E; clear: both;}
.header .quick-access { float: right; margin-bottom: 3px; position: absolute; top: -30px; right: 0px;}
.header .quick-access, .header .quick-access a { color: #666666; font-size: 14px;}
.header .left { width: 650px;}
.header .right { width: 320px;}


/* Everything about Footer */
.footer-container { position: relative; left: 0px; width: 964px; margin: 0 auto; background: #c6ded6; font-size: 12px; padding-bottom: 20px; position: relative; padding-top: 8px; margin-top: 8px; border-top: 1px solid #fff}
.footer-container .footer { width: 940px; margin: 0 auto; padding: 0}
.footer-container .footer ul { float: left; margin-right: 24px; }
.footer-container .footer ul.last { margin-right: 0;}
.footer-container .footer li { text-align: left; margin-bottom: 3px; }
.footer-container .footer li.title { text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px #f2f2f2}
.footer-container .footer li.title a { color: #454545; text-shadow: 1px 1px #f2f2f2}
.footer-container .footer ul.contact { float: right; margin-right: 0;}
.footer-container .footer ul.contact strong, .block.contact strong { font-family: Arial; color: #454545}
.footer-container .footer li.map a { background: url(../images/map.jpg) left top no-repeat; width: 160px; height: 118px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-indent: -9999px; border: 1px solid #fff}
.footer-container .footer .keywords { float: left; clear: both; width: 940px; border-top: 2px solid; border-bottom: 2px solid; border-color: #bfbfbc; padding: 8px 0 15px 0; margin-top: 10px;}
.footer-container .footer .keywords li { display: inline; margin-right: 15px}
.footer-container .footer .keywords li.last { margin-right: 0;}
.footer-container .footer .keywords li a { text-decoration: underline;}
.footer-container .copyright { width: 940px; margin: 0 auto; margin-top: 10px; text-align: left; border-top: 1px solid #f2f2f2; padding-top: 8px;}
.cms-index-index .footer-container .footer li.see { display: none;}
.footer-container .visitors { float: right;}

/* Everything about minicart */
.block-cart { float: right; border: 2px solid #d8d8d4; padding: 5px; background-position: 135px -84px; width: 190px; height: 70px; }
.block-cart .block-cart-container { width: 130px; float: left; text-align: center; margin: 5px 0 0; color: #4D4D4D}
.block-cart h3 { text-transform: uppercase; color: #333333; font-size: 14px; background: inherit; padding: 0; margin: 0; height: inherit; line-height: inherit; text-indent: inherit}
.block-cart .block-content { padding: 0; margin-top: 4px;}
.block-cart .mini-login { clear: both; float: left; width: 130px; line-height: 12px; margin-top: 4px;}
.block-cart .mini-login a { color: #333333; font-size: 12px; }


/* Everything about nav */
#nav { padding: 0; margin: 0 0 20px 0; background: url(../images/menu.png) repeat-x; position: relative; left: -22px; width: 964px; height: 34px; line-height: 34px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#nav li.level0.home { width: 16px; margin-right: 22px; margin-left: 12px}
#nav li.level0.home a { background: url(../images/home.png) left center no-repeat; width: 16px; text-indent: -9999px; margin-right: 0;}
#nav li.level0 { width: auto; height: 30px; margin-right: 27px; text-align: center; line-height: 34px}
#nav li.level0 a {  font-weight: normal; color: #454545; float: none; padding: 0; font-size: 14px; text-shadow: 1px 1px #fff }
#nav li.level0 a:hover { text-decoration: underline;}
#nav li.active a { color: #940C5E;}
#nav li.nav-11 { margin-right: 0;}
#nav li.over ul { left: -5px; top: 34px }
#nav ul.level0 li { text-indent: 10px; }
#nav ul.level0 li a:hover { background: #eee}

#subnav { background: #e3e1d9; width: 680px; height: 25px; float: left; line-height: 25px; }
#subnav li { float: left; background-position: left top; width: 155px; height: 25px; text-align: center; padding-left: 15px;}
#subnav li.first { padding-left: 10px;}

.strong, .breadcrumbs { float: left; margin: 0; padding: 0; font-size: 12px;}
strong.breadcrumbs { font-weight: normal;}
.breadcrumbs-container { float: left; margin-bottom: 20px;}

.block-subscribe { float: right; width: 300px; height: 25px; float: right; line-height: 25px;background-position: 5px -28px;}
.block-subscribe label { text-indent: 25px; font-size: 9.4px; float: left;}
.block-subscribe input { border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; width: 105px; color: #999999; float: left; margin: 4px 0 0 5px; height: 18px; padding-top: 3px;}
.block-subscribe button { border: 0; background-position: left -58px; width: 16px; height: 16px; float: left; text-indent: -9999px; margin: 5px 0 0 5px;}


/* Block Home Slideshow */
#homes { border: 0; position: relative; float: left; height: 365px; margin-bottom: 20px; }
#homeslideshow .slide .container { border: 3px solid #eee; width: 594px; float: left; height: 60px; clear: both; position: relative;}
#homeslideshow .slide .container h1 { position: relative; left: -3px; top: -40px; margin-bottom: -40px; text-transform: uppercase; text-indent: 18px; width: 600px; height: 40px; line-height: 40px; background: rgba(244, 244, 242, 0.9); color: #333; font-weight: normal;}
#homeslideshow .slide .container h1 a { color: #333}
#homeslideshow .slide .container p { font-size: 12px; float: left; width: 300px; color: #454545; padding: 4px 10px 0 18px; color: #666666 }
#homeslideshow .slide .container .links { position: absolute; bottom: 73px; right: 0; text-align: center; padding-right: 5px;}
#homeslideshow .slide .container .links .name { font-size: 13px; color: #454545}
#navhomeslideshow { position: absolute; right: 0; bottom: -2px; z-index: 100; width: 220px; height: 60px;}
#navhomeslideshow li { background-color: #ddd; width: 44px; height: 44px; float: left; margin-right: 5px; border: 3px solid transparent; margin-top: 5px;}
#navhomeslideshow li img { position: relative; left: -23px}
#navhomeslideshow li.activeSlide { border-color: #940C5E}


/* Block Nos Innovations Mood Kit */
.innovations { background: url(../images/innoBlock.png) 215px bottom no-repeat #f2f1ea; min-height: 220px;}
.innovations ul { margin: 25px 0 8px 20px;}
.innovations ul li { background-position: left -172px; padding-left: 5px; color: #fff; margin-bottom: 7px; text-align: left; font-size: 12px; line-height: 15px; height: 18px;}
.innovations ul li span { color: #000; position: relative; left: 5px; font-size: 11px}
.innovations a { margin-left: 127px; font-size: 12px; text-decoration: underline; color: #333333;}


/* Block Nos Engagements */
.engagements {}
.engagements ul { width: 288px; margin: 10px 0px 10px 10px; padding: 0; float: left; }
.engagements ul li { padding-top: 64px; height: 9px; text-align: center; margin: 0 0 20px 3px; width: 90px; float: left; font-size: 9.3px;}
.engagements ul .en1 { background-position: -926px 1px}
.engagements ul .en2 { background-position: -926px -96px}
.engagements ul .en3 { background-position: -926px -194px}
.engagements ul .en4 { background-position: -926px -288px}
.engagements ul .en5 { background-position: -926px -384px}
.engagements ul .en6 { background-position: -926px -481px}


/* Block Meilleures Ventes */
#bests { }
#bests ul li { width: 169px; text-align: center; height: 63px; padding: 110px 0 5px 0; margin: 5px 0; float: left;}
#bests .pn-nav { display: none}
#bests .prev, #bests .next { bottom: 85px }


/* Block Bonnes affaires */
#lasts { width: 300px; height: 190px; overflow: hidden;}
#lastsells {  margin-left: 56px;}
#lasts .slide { width: 188px; text-align: center; float: left; margin-top: 8px; padding: 0 0 0 0; height: 75px}
#lasts .prev, #lasts .next { bottom: 82px }
#lasts .vendu { position: absolute; height: 130px; line-height: 117px; width: 194px; color: #fff; font-size: 22px; text-shadow: 0 0 3px #000;}


/* Block Dernières photos */
#lastsp { width: 300px; height: 240px; overflow: hidden; }
#lastsp .slide { width: 300px;  float: left; padding: 10px 0 0 0; height: 200px; background: #000; text-align: center}
#lastsp .pn-nav { bottom: 0px; background: #000; height: 17px; width: 300px; z-index: 100; position: absolute; padding-top: 3px;}
#lastsp .pn-nav .prev, #lastsp .pn-nav .next { width: 7px; height: 12px;}
#lastsp .pn-nav .prev { background-position: -33px -6px; left: 5px;}
#lastsp .pn-nav .next { background-position: -42px -6px; right: 5px;}


/* Block Témoignages */
#temoins { float: right; width: 412px; height: 236px; overflow: hidden;}
#temoins .slide { padding: 10px 10px 0 0}
#temoins img { float: left; margin-right: 10px;}
#temoins h4 { text-transform: uppercase; font-size: 22px; color: #EC426F; margin-bottom: 7px; font-weight: normal;}
#temoins .sdesc { font-style: italic; color: #666666; font-size: 13px; margin-bottom: 10px;}
#temoins .desc { color: #1A1A1A; font-size: 12px;  }
#temoins a { position: absolute; right: 10px; text-decoration: underline; color: #666666; margin-top: 5px}
#temoins .pn-nav { display: none;}


/* Block Vidéos */
#videos .video { height: 241px;}
#videos h4 { background: #000; color: #B3B3B3; text-align: center; font-weight: normal; padding: 4px 0; height: 17px; line-height: 15px; width: 300px; float: left; font-size: 12px; margin: 0; clear: both}
#videos .pn-nav { bottom: 19px}
#videos .pn-nav .prev, #videos .pn-nav .next { width: 7px; height: 12px;}
#videos .pn-nav .prev { background-position: -33px -6px; left: 5px;}
#videos .pn-nav .next { background-position: -42px -6px; right: 5px;}


/* Block Facebook */
.block.facebook { background: none; border-top: 3px solid #eee}


/* Block Contact */
.block.contact .content { padding: 13px}
.block.contact h4 { font-size: 14px; margin-bottom: 4px;}
.block.contact address { margin-left: 8px;}


/* Block News */
#news h4 { font-size: 15px; font-weight: normal; line-height: 16px; margin-bottom: 6px}
#news p { padding: 0 8px 10px 8px; }
.cms-index-index #news_4 p { padding-bottom: 0;}
.cms-index-index #news_4.slide { margin-bottom: 0;}
#news .slide { margin-bottom: 20px;}
#news .suite { font-size: 11px; margin-left: 4px; }

/* Everything about Customer parts */
.customer-account-create form, .my-account form, .sales-order-view .my-account .block { float: left; width: 100% }
.customer-account-login .col2-set .block { height: 245px;}
.customer-account-login .col2-set .block .buttons-set { position: absolute; bottom: 5px; right: 20px; width: 92%}
.customer-account-login .col2-set .block .buttons-set p.required { float: left;}
.my-account { float: left; width: 100%;}
.col2-set .box-title { height: 24px}
.col2-set .box-title a { float: right; margin-right: 5px; position: relative; top: -20px; border-bottom: 1px dotted #333;}
.col2-set .content .col-1 { float: left; margin-bottom: 20px}
.my-account .page-title { margin-top: 0;}
.customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-form .col-main, .newsletter-manage-index .col-main, .wishlist-index-index .col-main, .sales-order-history .col-main, .customer-address-index .col-main, .sales-order-view .col-main { width: 740px;}
.customer-account-edit .col-main .block, .customer-address-form .my-account .block { width: 99.5%}
.dashboard .welcome-msg { margin-bottom: 20px;}
.customer-account-index .col2-set .block { height: 100px;}
.customer-account-index .col2-set.address .block { height: auto;}
.aclink, .col2-set .box-title a { border-bottom: 1px dotted #333;}
.aclink:hover, .col2-set .box-title a:hover { border-bottom-style: solid; text-decoration: none;}
.my-account .block h3 { font-size: 13px; line-height: 25px;}
.sales-order-view .my-account .block .content { min-height: 80px;}
.block-account li { margin-bottom: 8px;}
.box-recent .box-head { position: relative;}
.box-recent .box-head a { position: absolute; right: 0; top: 4px;}
.page-print .print-head { margin-bottom: 20px;}


/* Everything about Category view */
.products-list { width: 920px; clear: both; margin-left: 0px; }
.products-list.larger { width: 920px; margin-left: 0;}
.products-list li.item { padding: 0; margin-bottom: 35px; position: relative}
.products-list .desc { padding: 0}
.catalog-product-view .products-list { width: 720px;}
.catalog-product-view .products-list li.item { border-bottom: 0;}
.products-list .product-image { width: inherit; height: inherit;}
.products-list li.item .img { width: 300px; height: auto; float: left; text-align: center;}
.products-list li.item .img img { max-width: 300px }
.catalog-product-view .products-list li.item .img { float: none; width: 920px; text-align: center}
.catalog-product-view .products-list li.item .img img { max-width: 720px;}
.products-list li.item .product-shop { width: 590px; float: right; margin: 0px 0 0 0px;}
.liens .products-list li.item .product-shop { float: left;}
.catalog-product-view .products-list li.item .product-shop { width: 720px; margin-left: 90px; float: left; clear: both;}
.products-list li.item .genealogie { margin-bottom: 10px;}
.toolbar .pager-container { width: 780px; margin-left: 70px; border-top: 1px solid #eee; padding-top: 8px;}
.toolbar .pager .pager { margin: 0; float: right; text-align: right;}
.toolbar .pager .pager .pages { margin: 0; }
.toolbar .pager .pager .pages a, .toolbar .pager .pager .pages .current, .pager .pages a { font-family: Arial;}
.toolbar .pager .pager .pages .current, .pager .pages .current { font-weight: bold; background: #3E6684; padding: 2px; color: #fff; font-family: Arial;}
.toolbar .haut { float: right}
.toolbar-bottom { z-index: 100; position: relative;}
.products-grid .actions { position: inherit; bottom: inherit;}
.products-grid .product-image { height: 174px; width: 174px; margin: 0}
.products-list li.item .vendu { position: absolute; left:0px; width: 100%; font-size: 60px; color: #fff; text-shadow: 0 0 3px #000; text-align: center; position: absolute;}
.liens img { float: left; margin-right: 20px; padding: 4px; background: #fff; border: 1px solid #eee}
.liens li.item { padding-bottom: 15px;}
.product-view { clear: both; float: left}
.genealogie table td { vertical-align: middle; border: 1px solid #ddd}
.a-vendre .products-list, .a-vendre .products-list li.item .product-shop { width: 600px; margin-left: 0}
.a-vendre .products-list li.item .img { width: 600px; height: inherit; float: left; overflow: inherit; text-align: center;}
.a-vendre .products-list li.item .img img { top: 0; max-width: 600px }
.col-right { position: relative;}
.catalog-category-view #contactblock { left: 0 position: absolute; top: -12px; margin-top: 12px; width: 300px; margin-bottom: 400px; }
.catalog-category-view #contactWrapper{  position: absolute; left: 0; float: none; }
.catalog-category-view #contactblock.fixed { position: fixed; top: 0;}
.category-photos .products-list li.item { float: left; text-align: center; border: 0}
.category-photos .products-list li.item ,.category-photos .products-list li.item .img, .category-photos .products-list li.item .product-shop  { width: 240px }
.category-photos .toolbar-bottom { clear: both;}


/* Everything about Livre d'or */
.product-livre-d-or .buttons-set button.button { float: none; margin: 0 0 20px 67px;}
.product-livre-d-or dl { width: 600px; margin-left: 0px}
.product-livre-d-or dt { font-size: 15px; margin-bottom: 4px;}
.product-livre-d-or dd { margin-bottom: 20px; border-bottom: 1px solid #ddd; background: #f8f8f8; padding: 20px }

/* Everything about Havane Welsh Page */
.product-havane-welsh table td { text-align: center; vertical-align: middle; padding: 20px}
.product-havane-welsh .genealogie table td { text-align: left; padding: 5px; }
.product-havane-welsh h2 { width: 920px;}


/* Everything about Medias Page */
.category-medias .col-main { width: 920px; margin-left: 0;}
.category-medias img { max-width: 400px; padding: 2px; border: 1px solid #ddd}
.category-medias .videos img { float: left; margin: 10px; width: 110px; height: 77px; padding: 2px; border: 1px solid #ddd }
/* Everything about Photos */
#tressonAnim {margin-left: 90px; width: 720px; height: 502px; float: left;}

/* Everything about Flowplayer */
/* styling of the container. */
.myPlayer { display:block; width: 300px; height:241px; text-align:center; margin:0; float:left; border:0; }
.myPlayer img { border:0px; cursor: pointer }
.playlarge { position: absolute; top: 100px; left: 130px}
/* player style */
/* container has a background image */

a.player {	 display:block; width:500px; height:340px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; background:#000;
}

a.player:hover { background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}

/* splash image */
a.player img { margin-top:210px; border:0;	
}


#player { float:left; height:482px; width:600px;
}	

/* playlist style */
#playlist { width:280px; height:482px; overflow-y:auto; overflow-x:hidden; border:0px solid #ccc; padding:0px 10px 12px 10px;
 float:right;
}

#playlist { width: 280px; margin: 0; clear: none;}
#playlist .products-list li.item { margin-bottom: 10px;}


/* playlist entry */
#playlist a { display:block; width:240px; height:80px; padding:7px; border:1px solid #eee; font:11px "bitstream vera sans", "lucida grande",verdana; text-decoration:none; color:#666; margin-bottom: 10px;
}

/* different states of a playlist entry */
#playlist a:hover { background-color:#fff;		
}

#playlist a.progress { background-color:#efefef;	
}

#playlist a.playing { border:1px solid #666; -moz-box-shadow: 0 0 3px #000 inset; -webkit-box-shadow: 0 0 3px #000 inset;
}

#playlist a.paused { border:1px solid #eee; background-color:#fbfbfb;	
}

/* elements inside playlist entry */
#playlist a img { border:0; float:left; margin-right:10px; width: 100px;
}

#playlist a strong { color:blue; padding-bottom:5px;
}

#playlist a em { border:0; float:left; margin-right:10px; background:url(/img/demos/clock.gif) no-repeat 0 50%; padding-left:20px; color:#333; font-style:normal; 
}




/* Everything about Photo View */
.category-products.photos img { max-height: 150px;}
#photolist { width: 920px; height: 400px; overflow: hidden; float: left; margin: 0; position: relative }
#photolist .window { width: 100%; }
#photolist img { height: 400px; margin-right: 30px; float: left;}
#photolist #loading img { height: inherit;}
#photolist .space { min-width: 200000px; }
#photolist .space td { vertical-align: middle; border: 0; height: 400px}
/*
.flou-right {background: url(../images/nextp.png) right top no-repeat; width: 118px; height: 500px;float: right; position: absolute; right: -20px;}
.flou-left {background: url(../images/prevp.png) left top no-repeat; width: 118px; height: 500px;float: left; position: absolute; left: -20px;}
*/
#photolist #nextp, #photolist #prevp {height: 400px; width: 200px; text-indent: -99999px; float: left; position: absolute; right: 0%; z-index: 100; }
#photolist #prevp {left: 0%; background-position: left top;}
.photo-nav h1 { float: left; width: 600px}
.photo-nav .nav { text-align: right; float: right; line-height: 30px}