/*
  slideshow.css
  ==
  This is the essential CSS markup that is required for jSlide to work properly.
*/

div#droiteAccueil div.slideshow {
    position: relative;
	margin-top:100px;
	width:420px;
	height:95px;
	border:2px solid #f5efe1;
	padding:0 23px;
    }
	
div.ssNoel{
border:3px solid #ff0000;
}

div.slideshow ul.layers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    position: relative;
    top: 0;
    left: 0;
	width:420px;
	height:95px;
	overflow:hidden;
    }

    div.slideshow ul.layers li {
        float: left;
		position:absolute;
		padding:0;
		overflow:hidden;
		top:0;
		width:420px;
		height:95px;
        }


        
.active {
    color: #000;
    text-decoration: none;
    }
    
.loading {
    background: url(../images/ajax-loader.gif) no-repeat center #DDD !important;
    }

.prevwork{background:#bcac7e url(/images/btn_slideshowAccGauche.gif) no-repeat scroll 0 0;display:block;width:23px;height:95px;position:absolute;left:0;top:0;}
.nextwork{background:#bcac7e url(/images/btn_slideshowAccDroite.gif) no-repeat scroll 0 0;display:block;width:23px;height:95px;position:absolute;right:0;top:0;}

div#ornementHaut{width:53px;height:23px;background:transparent url(/images/img_ornementSlideAccHaut.png) no-repeat scroll 0 0;position:absolute;left:0;top:0;}
div#ornementBas{width:53px;height:23px;background:transparent url(/images/img_ornementSlideAccBas.png) no-repeat scroll 0 0;position:absolute;right:0;bottom:0;}

div#droiteAccueil div.slideshow *{border:none;}
div#droiteAccueil div.imageSlide{width:148px;height:95px;float:left;}
div#droiteAccueil div#slideshowAcc div.contenuSlideAcc{float:left;width:252px;height:95px;margin:0;background-color:#e7d9b1;padding:0 20px 0 0;}
div#droiteAccueil div#slideshowAcc div.contenuSlideAcc h1{font-size:20px;font-family:"Times New Roman", Times, serif;margin:8px 0 0 17px;}
div#droiteAccueil div#slideshowAcc div.contenuSlideAcc p{margin:8px 0 0 17px;}