#slider {
width: 250px; /* important to be same as image width */
height: 270px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */;
margin-bottom:15px}

#slider.rentreelitteraire{background-image:url(/html/2009/diaporama/rentree-litteraire.jpg)}
#slider.prixlitteraire{background-image:url(/html/2009/diaporama/prix-litteraire.jpg)}
#slider.motsdecrivains{background-image:url(http://www.magazine-litteraire.com/html/2009/diaporama/Les-mots-d-ecrivains.jpg)}

#sidebarL #sliderContent,#sidebarR #sliderContent{
width: 250px;
position: absolute;
top: 0;
margin:0;
padding:0}

#sidebarL #slider li,#sidebarR #slider li{
margin:0;
background-image:none}

.sliderImage {
float: left;
position: relative;
display: none}

.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 250px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none}

.motsdecrivains .sliderImage span{
line-height:18px;
font-size:15px;
padding:10px 0;
text-align:center}

.sliderImage a {
text-decoration:none;
color: #fff}

.motsdecrivains .sliderImage a {
text-decoration:none;
text-align:center;
font-size:20px;
color: #fff}

.motsdecrivains .sliderImage a:hover{
text-decoration:underline}

.clear{
clear:both}

.sliderImage span strong, .slider1Image span strong {
font-size:14px}

.bottom {
bottom: 0;
left: 0}