/* J+B Séquences -- styles css navigation films */

/*
/*
/*
/*
/* navigation bar */


#toolbarwrap {
position: relative;
width: 620px;
height: 170px;
top: 30px;
margin: 0 auto;
padding: 0;
}

ul#toolbar.navigation {
margin: 0;
padding: 0;
list-style-type: none;
}

ul#toolbar.navigation li {
float: left;
}

ul#toolbar.navigation li a {
display: block;
width: 75px;
height: 170px;
margin-left: 24px;
}
ul#toolbar.navigation li a span {
display: none;
}

ul#toolbar.navigation li a.home-tabfilm {
background: transparent url(../jplusb_imports/toolbar-films-nena.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.home-tabfilm:hover, ul#toolbar.navigation li a.home-tabfilm:active, ul#toolbar.navigation li a.home-tabfilm:focus {
outline: none;
background: transparent url(../jplusb_imports/toolbar-films-nena.jpg) -75px 0 no-repeat;
}

ul#toolbar.navigation li a.b-tabfilm {
background: transparent url(../jplusb_imports/toolbar-films-yquem.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.b-tabfilm:active, ul#toolbar.navigation li a.b-tabfilm:focus, ul#toolbar.navigation li a.b-tabfilm:hover {
outline: none;
background: transparent url(../jplusb_imports/toolbar-films-yquem.jpg) -75px 0 no-repeat;
}

ul#toolbar.navigation li a.c-tabfilm {
background: transparent url(../jplusb_imports/toolbar-films-festin.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.c-tabfilm:active, ul#toolbar.navigation li a.c-tabfilm:focus, ul#toolbar.navigation li a.c-tabfilm:hover {
outline: none;
background: transparent url(../jplusb_imports/toolbar-films-festin.jpg) -75px 0 no-repeat;
}

ul#toolbar.navigation li a.d-tabfilm {
background: transparent url(../jplusb_imports/toolbar-films-marennes.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.d-tabfilm:active, ul#toolbar.navigation li a.d-tabfilm:focus, ul#toolbar.navigation li a.d-tabfilm:hover {
outline: none;
background: transparent url(../jplusb_imports/toolbar-films-marennes.jpg) -75px 0 no-repeat;
}

ul#toolbar.navigation li a.e-tabfilm {
background: transparent url(../jplusb_imports/toolbar-films-berger.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.e-tabfilm:active, ul#toolbar.navigation li a.e-tabfilm:focus, ul#toolbar.navigation li a.e-tabfilm:hover {
outline: none;
background: transparent url(../jplusb_imports/toolbar-films-berger.jpg) -75px 0 no-repeat;
}

ul#toolbar.navigation li a.f-tabfilm {
background: transparent url(../jplusb_imports/toolbar-films-foot.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.f-tabfilm:active, ul#toolbar.navigation li a.f-tabfilm:focus, ul#toolbar.navigation li a.f-tabfilm:hover {
outline: none;
background: transparent url(../jplusb_imports/toolbar-films-foot.jpg) -75px 0 no-repeat;
}


/* films actifs */


ul#toolbar.navigation li a.home-tabfilm-actif {
background: transparent url(../jplusb_imports/tabs-films-nena.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.home-tabfilm-actif:hover, ul#toolbar.navigation li a.home-tabfilm-actif:active, ul#toolbar.navigation li a.home-tabfilm-actif:focus {
outline: none;
}

ul#toolbar.navigation li a.b-tabfilm-actif {
background: transparent url(../jplusb_imports/tabs-films-yquem.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.b-tabfilm-actif:hover, ul#toolbar.navigation li a.b-tabfilm-actif:active, ul#toolbar.navigation li a.b-tabfilm-actif:focus {
outline: none;
}

ul#toolbar.navigation li a.c-tabfilm-actif {
background: transparent url(../jplusb_imports/tabs-films-festin.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.c-tabfilm-actif:hover, ul#toolbar.navigation li a.c-tabfilm-actif:active, ul#toolbar.navigation li a.c-tabfilm-actif:focus {
outline: none;
}

ul#toolbar.navigation li a.d-tabfilm-actif {
background: transparent url(../jplusb_imports/tabs-films-marennes.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.d-tabfilm-actif:hover, ul#toolbar.navigation li a.d-tabfilm-actif:active, ul#toolbar.navigation li a.d-tabfilm-actif:focus {
outline: none;
}

ul#toolbar.navigation li a.e-tabfilm-actif {
background: transparent url(../jplusb_imports/tabs-films-berger.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.e-tabfilm-actif:hover, ul#toolbar.navigation li a.e-tabfilm-actif:active, ul#toolbar.navigation li a.e-tabfilm-actif:focus {
outline: none;
}

ul#toolbar.navigation li a.f-tabfilm-actif {
background: transparent url(../jplusb_imports/tabs-films-foot.jpg) 0 0 no-repeat;
}
ul#toolbar.navigation li a.f-tabfilm-actif:hover, ul#toolbar.navigation li a.f-tabfilm-actif:active, ul#toolbar.navigation li a.f-tabfilm-actif:focus {
outline: none;
}


/*
/*
/*
/*
/* navigation frame */


#frame {
position: relative;
top: 20px;
overflow: hidden;
margin: 0 auto;
width: 540px;
height: 330px;
}

#scroller {
width: 540px;
margin: 0 auto;	
overflow: hidden;
}

#defilant {
width: 7200px;
}

.section {
float: left;
width: 540px;
height: 330px;
background: transparent url(../jplusb_imports/toolbar-fond.png) 0 10px repeat-x;
}

#content img.dvd {
float: left;
margin: 0 0 0 20px;
}

#content div.infos {
width: 330px;
margin: 70px 0 0 200px;
}

#content h1.dvd-titre {color: #c00;}
#content h1.dvd-titrebleu {color: #39f;}
#content h1.dvd-titrejaune {color: #ff0;}

#content p.dvd-summary {
font-size: 0.7em;
line-height: 1.6em;
margin-bottom: 10px;
}

a.more {
display: block;
width: 80px;
height: 25px;
background: transparent url(../jplusb_imports/bt-savoirplus.png) 0 0 no-repeat;
}
a.more:hover {
background: transparent url(../jplusb_imports/bt-savoirplus.png) 0 -25px no-repeat;
}
a.more span {
display: none;
}

a.bt-left {
position: absolute;
top: 200px;
left: 226px;
display: block;
width: 55px;
height: 320px;
background: transparent url(../jplusb_imports/toolbar-bt-left.png) -55px 50% no-repeat;
}
a.bt-left:hover, a.bt-left:active, a.bt-left:focus  {
outline:none; 
background: transparent url(../jplusb_imports/toolbar-bt-left.png) 0 50% no-repeat;
}

a.bt-right {
position: absolute;
top: 200px;
left: 776px;
position: absolute;
display: block;
width: 55px;
height: 320px;
background: transparent url(../jplusb_imports/toolbar-bt-right.png) 0 50% no-repeat;
}
a.bt-right:hover, a.bt-right:active, a.bt-right:focus  {
outline:none; 
background: transparent url(../jplusb_imports/toolbar-bt-right.png) -55px 50% no-repeat;
}

a.bt-left span, a.bt-right span {
display: none;
}

div#select {
position: relative;
top: 0;
width: 11px;
height: 10px;
background: transparent url(../jplusb_imports/select.png) 0 -1px no-repeat;
}

div#select.film1 {left: 18px;}
div#select.film2 {left: 116px;}
div#select.film3 {left: 214px;}
div#select.film4 {left: 312px;}
div#select.film5 {left: 408px;}
div#select.film6 {left: 506px;}