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

/*
/*
/*
/*
/* content - home */


#contenthome {
float: left;
width: 620px;
padding: 0 20px;
background: #000 url(../jplusb_imports/home-image.jpg) 50% -10px no-repeat;
}

#contenthome h2 {
padding: 30px 0 10px 0;
font-size: 0.8em;
font-weight: normal;
text-align: center;
width: 400px;
margin: 0 auto;
line-height: 1.6em;
}

#home-films {
margin-top: 140px;
width: 620px;
/*background-color: rgba(255,255,255,0.4);*/
}



/*
/*
/*
/*
/* content - home - news */


#news {
position: relative;
width: 620px; height: 210px;
margin-top: -90px;
/*background-color: rgba(155,155,55,0.4);*/
}

p.actus-titre {
float: left;
color: #666;
font-size: 0.9em;
padding: 4px;
}



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

#news #toolbarwrap {
position: absolute;
bottom: 0; left: 47px;
z-index: 200;
}

#news #toolbarwrap ul.navigation {list-style-type: none; float: left;}

#news #toolbarwrap li {
float: left; 
margin-right: 3px;
padding: 2px;
background-color: #999;
}

#news #toolbarwrap li.active {
float: left; 
margin-right: 3px;
padding: 2px;
background-color: #ccc;
}

#news #toolbarwrap li a {
padding: 2px;
background-color: #999;
font-size: 0.8em;
text-decoration: none;
}

#news #toolbarwrap li a:hover, #news #toolbarwrap li.active a {
background-color: #fff;
text-decoration: none;
color: #666; 
}

#news #frame {
position: relative;
top: 0; left:0;
overflow: hidden;
margin: 0 auto;
width: 550px; height: 210px;
z-index: 100;
}

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

#news #defilant {
width: 3600px;
}

#news .section {
float: left;
width: 540px; height: 110px;
margin-top: 40px;
padding: 10px;
background-color: #292929;
}

#news .section img {
float: left; margin-right: 10px;
width: 80px; max-height: 110px;
}

#news .section h1 {
font-weight: normal; color: #09f;
font-size: 0.9em; margin-bottom: 4px;
}

#news .section p {
font-size: 0.8em; width: 500px;
}

a.bt-newsleft {
position: absolute;
top: 0;
left: 1px;
display: block;
width: 57px;
height: 210px;
background: transparent url(../jplusb_imports/toolbar-bt-left.png) -55px 50% no-repeat;
z-index:150;
}
a.bt-newsleft:hover, a.bt-newsleft:active, a.bt-newsleft:focus  {
outline:none; 
background: transparent url(../jplusb_imports/toolbar-bt-left.png) 0 50% no-repeat;
}

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

a.bt-newsleft span, a.bt-newsright span {
display: none;
}


#facebooks {
position: relative;
width: 287px;
margin: 0 auto;
margin-top: 30px;
}

#facebooks img {margin: 0 5px;}


/*
/*
/*
/*
/* content - footerhome */


#footerhome {
width: 620px;
height: 220px;
margin-top: -50px;
margin-bottom: 15px;
background: transparent url(../jplusb_imports/jplusb-footer.jpg) 50% 0 no-repeat;
}

#footerhome p {
position: relative;
top: 215px;
text-align: center;
font-size: 0.7em;
color: #999;
}

#footerhome p a {
color: #ccc;
text-decoration: underline;
}

#footerhome p a:hover {
color: #9c0;
text-decoration: none;
}