@charset "utf-8";

/* CSS Document all */

* {

	margin:0;

	padding:0;

	border:0;

}

html {

	height:100%;

}

body {

	width:100%;

	height:100%;

	font: 11px Arial, Verdana, sans-serif;

	background: #090403 url(/img/background.jpg) no-repeat center top;

}

ul {

	list-style:none;

}

hr {

	clear:both;

	height:0;

	margin:10px 0;

	border:0;

	border-bottom:1px solid #d7d7d7;

}

* html hr {

	margin:4px;

}

*+ html hr {

	margin:4px;

}

.error {

  color:red;

}

.error input {

  border:1px solid red;

}

form div.text input, form div.textarea textarea {

  border:1px solid #dfd6cf;

}

.page {

	position:relative; z-index:2;

	width:920px;

	margin:0 auto;

}

#main:after {

	display:block; clear:both;

	visibility:hidden;

	height:0;

	content:".";

}

#main {

	zoom:1;

}

/* css buttons */

.btLink a {

	display:-moz-inline-box;

	display:block;

	height:23px;

	width:80px;

	padding:5px 12px 0;

	font-size:12px; font-weight:bold; line-height:1;

	color:#FFFFFF;

	background:url(/img/bt-red-bgd.png) repeat-x left center;

	text-decoration:none;

}

#contactPageForm .btLink a {

	width:105px;

}

* html .btLink a {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bt-red-bgd.png',sizingMethod='scale');

	line-height:15px;

}

*+ html .btLink a {

	line-height:15px;

}

.btLink {

	display:-moz-inline-box;

	display:inline-block;

	height:28px;

	padding-left:8px;

	background:url(/img/bt-red-bd-left.png) no-repeat left center;

}

* html .btLink {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bt-red-bd-left.png',sizingMethod='crop');

}

.btLink span {

	display:-moz-inline-box;

	display:inline-block;

	height:28px;

	background:url(../img/bt-red-bd-right.png) no-repeat right center;

	padding:0 10px 0 0;

}

* html .btLink span {

	background:url(/img/home/bt-red-bd-right.gif) no-repeat right center;

}

/* css if popup */

#popup {

	background:#fff none;

}

#popup #header, #popup .navRail, #popup #footer {

	display:none;

}

#popup .page, #popup #popinCallBack {

	width:auto;

}

/* css header */

div#header {

	height:98px;

	position:relative;

}

div#header img {

	float:left;

	margin-top:27px;

}

div#header p {

	float:left;

	margin:8px 0 0 241px;

	font-size:18px; font-weight:bold;

	color:#d9c7ba;

}

* html div#header p {

    float:none;

    margin:8px 0 0 390px;

}

div#header ul#menuTop {

	position:absolute; bottom:0; left:0;

	clear:both;

	height:29px; width:920px;

	background:transparent url(../img/bgd-nav-top.jpg) no-repeat;

}

* html div#header ul#menuTop {

	left:1px;

}

*+ html div#header ul#menuTop {

	left:1px;

}

div#header ul#menuTop li {

	display:inline-block;

	height:29px;

	line-height:29px;

	float:left;

}

div#header ul#menuTop li.last {

	background:none;

}

div#header ul#menuTop li a, div#header ul#menuTop li span {

	display:inline-block;

	padding:0 33px;

	font-weight:bold; font-size:12px;

	text-decoration:none; text-transform:uppercase;

	color:#090403;

	outline:none;

	background:transparent url(../img/sep-menu-top.png) no-repeat center right;

}

div#header ul#menuTop li.on, div#header ul#menuTop li.selected {

	background:url(../img/bgd-nav-top-on.png) repeat-x center left;

}

div#header ul#menuTop li.on span, div#header ul#menuTop li.on a, div#header ul#menuTop li.selected a  {

	color:#c0b1ab;

}

div#header form {

	float:right;

	width:293px;

	margin-top:-5px;

}

div#header form #submitLog {

	width:69px; height:20px;

	padding-bottom:8px;

	background:url(/img/form/bgd-bt-login.png);

	font-size:12px; font-weight:bold; line-height:20px;

	color:#FFFFFF;

	border:0;

	cursor:pointer;

}

* html div#header form #submitLog {

	position:relative; top:2px;

	padding:0;

	background:url(/img/form/bgd-bt-login.gif);

}

div#header form div.text {

	padding-top:3px;

	clear:both;

	text-align:right;

}

div#header form div.text input {

	width:105px;

	padding:1px;

	font-size:10px;

	color:#3e1b0e;

	border:1px solid #c0b1ab;

}

div#header form a {

	float:right;

	font-size:9px;

	color:#d2c6c1;

}

div#header form a.createAccount {

    float:left;

}

div#header form a:hover {

	text-decoration:none;

}

div#header form legend span {

	position:relative; top:15px;

	font-weight:bold;

	color:#d2c6c1;

}

* html div#header form legend span {

	left:-6px;

}

*+ html div#header form legend span {

	left:-6px;

}

/* css footer */

div#footer {

	position:relative;

	z-index:1;

	width:100%;

	height:42px;

	padding-top:157px;

	background:transparent url(../img/bgd-footer.png) repeat-x bottom left;

}

#js div#footer {

	margin-top:-157px;

}

* html div#footer {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bgd-footer.png',sizingMethod='scale');

}

div#footer div#menuBottom {

	height:24px; width:100%;

	background:transparent url(../img/bgd-menu-bottom.png) repeat-x;

}

div#footer div#menuBottom ul {

	width:920px;

	margin:0 auto;

	text-align:center;

	position:relative;

}

div#footer div#menuBottom ul li {

	display:inline;

	padding-right:32px;

}

div#footer div#menuBottom ul li a, div#footer div#menuBottom ul li.select span.lang {

	font-size:10px; line-height:24px;

	color:#89685c;

	text-transform:uppercase;

	text-decoration:none;

}

div#footer div#menuBottom ul li a:hover {

	text-decoration:underline;

}

div#footer div#menuBottom ul li.select {

	position:absolute;

	float:right;

	top:6px;

}



div#footer div#menuBottom ul li.select span.select {

	display:block;

	width:115px; height:14px;

	padding-left:5px;

	float:left;

	line-height:14px;

	color:#000000;

	background:#FFFFFF url(../img/form/bgd-select.png) no-repeat center right;

	text-align:left;

	border:1px solid #c0b1ab;

	cursor:pointer;

}

div#footer div#menuBottom ul li.select span.lang {

	position:relative; top:-4px;

	margin-left:12px;

	font-size:11px;

}

#js div#footer div#menuBottom ul li.select div.scrollable {

	display:none;

}

div#footer div#menuBottom ul li.select div.scrollable {

	clear:both;

}

div#footer div#menuBottom ul li.select div.scrollable ul {

	width:auto;

}



/* css bloc contact */

#js div.pushs {

	position:absolute; bottom:0; left:0;

}

div.pushs {

	position:relative;

	width:880px;

	padding-left:40px;

	zoom:1;

}

div.pushs .pusha {

	background:url(/img/home/pictspush/bg-push.png) no-repeat;

}

* html div.pushs .pusha {

	background:url(/img/home/pictspush/bg-push.jpg) no-repeat;

}

#wideContact, #cafeProduct #wideContact, #machineProduct #wideContact {

	bottom:-60px;

}

* html #wideContact, * html #cafeProduct #wideContact, * html #machineProduct #wideContact {

	bottom:0;

}

*+ html #wideContact, *+ html #cafeProduct #wideContact, *+ html #machineProduct #wideContact {

	bottom:0;

}

div#contact {

	float:right;

	width:180px; height:140px;

	padding:8px 10px 0; margin-right:40px;

	background:url(/img/bgd-contact-size-small.png) no-repeat;

}

#wideContact div#contact {

	width:270px; height:105px;

	padding:12px 10px 0;

	background:url(/img/bgd-contact-size-wide.png) no-repeat;

}

* html div#contact {

	margin-right:20px;

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bgd-contact-size-small.png',sizingMethod='image');

}

* html #wideContact div#contact {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bgd-contact-size-wide.png',sizingMethod='image');

}

div#contact p.title {

	margin-bottom:2px;

	font-size:13px; font-weight:bold;

	color:#27120d;

	text-transform:uppercase;

	text-align:center;

}

div#contact p.title span {

	font-style:italic;

}

div#contact dt {

	font-size:17px; font-weight:bold;

	color:#27120d;

	text-align:center; line-height:22px;

	background:url(/img/bgd-contact-number.png) no-repeat top center;

}

#wideContact div#contact dt {

	margin:4px 0;

}

#wideContact div#contact .btLink a {

	display:-moz-inline-box;

	display:inline-block;

	font-weight:normal; font-size:10px;

	padding:0 6px;

	line-height:18px;

	margin-top:3px;

}

*+ html #wideContact div#contact .btLink a {

	padding:5px 6px 0;

	margin:0;

	line-height:1.5;

}

* html #wideContact div#contact .btLink a {

	padding:5px 6px 0;

	margin:0;

	line-height:1.5;

}

div#contact dd {

	font-size:9px;

	text-align:center;

}

div#contact .btLink {

	position:relative;

	margin-left:5px;

}

#wideContact div#contact .btLink {

	margin:0;

}

div#contact .btLink a {

	width:130px;

	text-align:center;

}

#wideContact div#contact .btLink a {

	width:auto;

}



/* css chemin de navigation */

div.navRail {

	position:relative;

	height:26px;

	background:url(../img/bgd-navrail.png) repeat-x;

}

div.navRail ul {

	padding-left:7px;

}

div.navRail ul li, div.navRail ul li a {

	display:inline;

	color:#d2c6c1;

	line-height:26px;

}

div.navRail ul li a, div.navRail ul li span {

	margin:0 8px;

}

div.navRail ul li a:hover {

	text-decoration:none;

}

div.navRail ul li.back {

	position:absolute;

	top:0;

	right:10px;

}



/* css push bottom */

.pushs ul, .pushs ul li {

	display:inline;

}

.pushs .pusha, .pushs .pushb,.pushs .pusha a, .pushs .pushb a {

	position:relative;

	display:block;

	float:left;

	width:300px; height:120px;

}

#home .pusha, #home .pushb {

	position:relative;

	margin-top:30px;

}

.pushs .pusha a {

	background: url(/img/home/pictspush/bgd-cafe.png) no-repeat top left;

	text-decoration:none;

	cursor:pointer;

	outline:none;

}

* html .pushs .pusha a {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/home/pictspush/bgd-cafe.png',sizingMethod='image');

}

.pushs .pushb {

	margin-left:20px;

}

.pushs .pushb a {

	text-decoration:none;

	cursor:pointer;

}

.pushs .pushb strong {

	font-style:italic;

}

.pushs .pusha span, .pushs .pushb span {

	display:block;

	float:left;

	padding:10px 0 0 15px;

	font-size:14px; font-weight:bold; line-height:1.2;

	color:#dacbbf;

	cursor:pointer;

}

.pushs .pushb span {

	width:160px;

}

.pushs .pusha img.pict, .pushs .pushb img.pict {

	position:absolute; top:5px; right:0;

}



/* cadre templates */

#contactPageForm #main, #contactPage #main, #terms #main, #popinPage #main  {

	margin-bottom:20px;

}

#contactPageForm #content, #contactPage #content, #terms #content, #popinPage #content {

	float:left;

	width:626px; min-height:469px;

	padding:35px 30px;

	color:#462011;

	background:#FFFFFF url(/img/b2b/bgd-content.png) repeat-x top left;

}

#contactPageForm #content h1, #contactPage #content h1, #terms #content h1 {

	margin-bottom:0.2em;

	font-size:29px; font-weight:bold;

	text-transform:uppercase;

}

#contactPageForm .puhsContextual, #contactPage .puhsContextual, #terms .puhsContextual {

	float:left;

	width:234px;

	background:url(/img/b2b/bgd-pushs-right.png) no-repeat top right;

}

* html #contactPageForm .puhsContextual, * html #contactPage .puhsContextual, * html #terms .puhsContextual {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/b2b/bgd-pushs-right.png',sizingMethod='crop');

	margin-right:-2px;

}

#contactPageForm .puhsContextual div#contact, #contactPage .puhsContextual div#contact, #terms .puhsContextual div#contact {

	margin:0 18px 0 0;

	background:url(/img/b2b/bgd-push-contact.png) no-repeat top left;

}

* html #contactPageForm .puhsContextual div#contact, * html #contactPage .puhsContextual div#contact, * html #terms .puhsContextual div#contact {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/b2b/bgd-push-contact.png',sizingMethod='image');

	margin-right:8px;

}



/* css terms */

#terms #content p {

	margin-bottom:0.8em;

}

#terms #content h3 {

	margin-bottom:0.5em;

}

#terms #content a {

	color:#890018;

}



/* css popin */

#pageMask {

	background:#000000 none;

	position:absolute;

	z-index:10;

}

div#popinLoader {

	position:absolute;

	padding-top:65px;

	background:url(/img/ajax-loader.gif) no-repeat center center;

	text-align:center;

	z-index:10;

}

#js div#popin, #js div#popinCallBack {

	position:absolute;

	z-index:11;

}

#popinPage div#popin, #popinPage div#popinCallBack {

	position:relative;

}

div#popin, div#popinCallBack {

	position:relative;

	width:680px; height:470px;

	padding:30px;

	background:#FFFFFF url(/img/bgd-popin.png) repeat-x top left;

}

div#popinCallBack {

	width:458px;

	height:307px;

}

div#popin .closePopin, div#popinCallBack .closePopin {

	position:absolute; top:10px; right:10px;

	padding-right:19px;

	color:#4f4737;

	background:url(/img/pictos/cross-close-popin.png) no-repeat right center;

}

div#popin .closePopin:hover, div#popinCallBack .closePopin:hover {

	text-decoration:none;

}

/*#js div#popin {

	position:absolute;

	z-index:1000;

}*/



#popinPage #content {

	padding:0; width:auto;

}

#testimonial img.logo, #popinCallBack #callBack img.logo {

	float:left;

	margin-right:8px;

}

#testimonial h1, #popinCallBack #callBack h1 {

	margin-bottom:0.8em;

	font-size:16px;

	color:#3d3526;

	text-transform:uppercase;

}

#testimonial h1 span, #popinCallBack #callBack h1 span {

	text-transform:none;

}

#testimonial p.intro, #popinCallBack #callBack p.intro {

	padding-left:47px;

}

#testimonial ul#menuThema {

	height:30px; width:680px;

	margin:15px 0;

	background:url(/img/testimonial/bgd-menu.jpg) no-repeat;

}

#testimonial ul#menuThema li {

	float:left;

}

#testimonial ul#menuThema li.selected, #testimonial ul#menuThema li.on {

	background:url(/img/testimonial/bgd-menu-on.png) repeat-x;

}

#testimonial ul#menuThema li.selected a, #testimonial ul#menuThema li.on a {

	color:#fff;

}

#testimonial ul#menuThema li a {

	display:block; width:136px; height:27px;

	padding-top:3px;

	font-size:11px; font-weight:bold; line-height:1;

	color:#3e1b0e;

	text-decoration:none; text-align:center;

	background:url(/img/testimonial/sep-menu.png) no-repeat right center;

}

#testimonial ul#menuThema li.last a {

	background:none;

}

#js #testimonial .contentTesti {

	display:none;

}

#testimonial .contentTesti {

	clear:both;

	padding-top:23px;

	background:url(/img/testimonial/quote-left.png) no-repeat 320px top;

}

* html #testimonial .contentTesti {

	background:url(/img/testimonial/quote-left.gif) no-repeat 320px top;

}

#js #testimonial #question0 {

	display:block;

}

#testimonial .contentTesti img {

	float:left;

	margin-right:50px;

}

#testimonial .contentTesti p {

	padding-right:5px;

	color:#87715f;

	margin-bottom:1em;

}

#testimonial .contentTesti p strong {

	font-size:12px;

	color:#3d3526;

}

#testimonial .contentTesti p.last {

	padding-bottom:38px;

	background:url(/img/testimonial/quote-right.png) no-repeat right bottom;

}

* html #testimonial .contentTesti p.last {

	background:url(/img/testimonial/quote-right.gif) no-repeat right bottom;

}

#testimonial ul.nav {

	display:none;

	clear:both;

	position:relative;

}

#js #testimonial ul.nav {

	display:block;

}

#testimonial ul.nav li {

	position:relative;

	float:left;

	top:-15px;

	color:#3d3526;

}

#testimonial ul.nav li a {

	color:#3d3526;

}

#testimonial ul.nav li a:hover {

	text-decoration:none;

}

#testimonial ul.nav li.next {

	float:right;

}

#testimonial ul.nav li.prev {

	margin-left:355px;

}

* html #testimonial ul.nav li.prev {

	margin-left:155px;

}

.videoFlash {

	padding:0 20px;

}

.videoFlash #id_flash {

	width:640px; height:380px;

	margin-top:15px;

}

#flashFooter{

	width:920px; 

	margin-bottom:15px;

	margin-top:-55px;

}

#flashFooter p{

	font: 9px Trebuchet MS, sans-serif;

	color:#6f6a68;

}

div#popinCallBack #callBack img.logo {

	margin-bottom:20px;

}

div#popinCallBack #callBack h1 {

	position:relative;

	top:8px;

}

div#popinCallBack #callBack p {

	clear:both;

	margin-bottom:1em;

}

div#popinCallBack #callBack form {

	padding-top:20px;

}

div#popinCallBack #callBack div.text {

	float:left;

}

div#popinCallBack #callBack div.text input {

	height:16px; width:209px;

	padding:2px 2px 0 4px; margin:0 10px;

	background:transparent url(/img/form/bgd-input.png) no-repeat;

	border:0 none;

	color:#2F2823;

	font-size:10px;

}

div#popinCallBack #callBack input#btSubmit {

	height:20px; width:69px;

	padding-bottom:8px;

	background:transparent url(/img/form/bgd-bt-login.png) no-repeat;

	border:0 none;

	color:#FFFFFF;

	cursor:pointer;

	font-size:12px;	font-weight:bold;

	line-height:20px;

}

* html div#popinCallBack #callBack input#btSubmit {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/form/bgd-bt-login.png',sizingMethod='image');

}



/* css bloc testimonials */

#js #testi0,#js #testi1,#js #testi2,#js #testi3 ,#js #testi4,#js #testi5 {

	display:none;

}

/* bloc flash links */

#js #singatoba,#js #ristrettoIndia {

    display:none;

}

#testi0 {

	background:url(/img/testimonial/marc-meurin/bgd-push-bottom.png) no-repeat;

}

* html #testi0 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testimonial/marc-meurin/bgd-push-bottom.png',sizingMethod='image');

}

.puhsContextual #testi0 {

	background:url(/img/testimonial/marc-meurin/bgd-push-right.png) no-repeat;

}

#testi0 {

	background: url(/img/testimonial/jacques-martinet/bgd-push-bottom.png) no-repeat;

}

* html #testi0 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testimonial/jacques-martinet/bgd-push-bottom.png',sizingMethod='image');

}

.puhsContextual #testi0 {

	background: url(/img/testimonial/jacques-martinet/bgd-push-right.png) no-repeat;

}

* html .puhsContextual #testi0 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testimonial/jacques-martinet/bgd-push-right.png',sizingMethod='image');

}



#testi1 {

	background:url(/img/testimonial/gerard-paules/bgd-push-bottom.png) no-repeat;

}

* html #testi1 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testimonial/gerard-paules/bgd-push-bottom.png',sizingMethod='image');

}

.puhsContextual #testi1 {

	background:url(/img/testimonial/gerard-paules/bgd-push-right.png) no-repeat;

}

* html .puhsContextual #testi1 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testimonial/gerard-paules/bgd-push-right.png',sizingMethod='image');

}



#testi2 {

	background: url(/img/testimonial/pascal-groell/bgd-push-bottom.png) no-repeat;

}

* html #testi2 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testimonial/pascal-groell/bgd-push-bottom.png',sizingMethod='image');

	position:absolute;

}

.puhsContextual #testi2 {

	background: url(/img/testimonial/pascal-groell/bgd-push-right.png) no-repeat;

}

* html .puhsContextual #testi2 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testimonial/pascal-groell/bgd-push-right.png',sizingMethod='image');

}



#testi3{

	display:inline;

	margin-top:-2px;

}

* html #testi3 {

	position:absolute;

}

*+html #testi3 {

	position:absolute;

}



.puhsContextual #testi3 {

	display:inline;

	margin-top:-2px;

}

* html .puhsContextual #testi3 {

	position:absolute;

}



#testi4{

	background: url(/img/home/pictspush/bgd-cafe.png) no-repeat;

	display:inline;

	margin-top:-2px;

}



* html #testi4 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/home/pictspush/bgd-cafe.png',sizingMethod='image');

	position:absolute;

}

*+html #testi4 {

	position:absolute;

}



.puhsContextual #testi4 {

	display:inline;

	margin-top:-2px;

}

* html .puhsContextual #testi4 {

	position:absolute;

}



#testi5{

	background: url(/img/home/pictspush/bgd-machine.png) no-repeat;

	display:inline;

	margin-top:-2px;

}

* html #testi5 {

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/home/pictspush/bgd-machine.png',sizingMethod='image');

	position:absolute;

}

*+html #testi5 {

	position:absolute;

}



.puhsContextual #testi5 {

	display:inline;

	margin-top:-2px;

}

* html .puhsContextual #testi5 {

	position:absolute;

}



/* css scroll country */

#js div#footer div#menuBottom ul li.select ul, #js #scrollable ul {

	background-color:#FFFFFF;

	text-align:left;

}

#js div#footer div#menuBottom ul li.select ul li, #js #scrollable ul li {

	display:block;

	padding:0;

	line-height:normal;

	text-transform:none;

}

#js div#footer div#menuBottom ul li.select ul li a, #js #scrollable ul li a {

	display:block;

	height:14px;

	padding-left:5px;

	text-transform:none;

	line-height:14px;

	color:#000000;

	white-space:nowrap;

}

#js div#footer div#menuBottom ul li.select ul li a:hover, #js #scrollable ul li a:hover {

	background-color:#F6F2EF;

	text-decoration:none;

}



#js #scrollable {

    position:absolute; top:-298px;

    overflow:hidden;

    border:1px solid #EEE;

	width:120px; height:295px;

	z-index:10;

	background-color:#fff;

}



#js #scrollable .scrolled, #js #scrollable .notScrolled {

    padding:3px 0 1px 0px;

    width:75px;

}

#js #scrollable .scrolled {

    position:absolute; top:0; left:0;

}



#js #scrollable .scrollbar {

    position:absolute; top:1px; left:109px;

    width:11px; height:295px;

}



#js #scrollable .gutter {

    position:absolute; top:0; left:0;

    width:11px; height:298px;

    background:#EEEEEE;

}



#js #scrollable .bar {

    position:absolute; top:0; left:0;

    overflow:hidden;

    width:11px;

	background-color:#3e1b0e;

    /*background:url(../../img/exemples/scrollbar.png) repeat-y;*/

}



#js #scrollable .bar .start, #js #scrollable .bar .end {

    position:absolute; left:0;

    overflow:hidden;

    width:12px; height:1px;

    /*background:url(../../img/exemples/scrollbar.png) no-repeat;*/

}

#js #scrollable .bar .start {

    top:0;

    background-position:-12px 0;

}

#js #scrollable .bar .end {

    bottom:0;

    background-position:-12px -11px;

}