#slider_nuit {
	height:170px;
	margin-top:15px;
	margin-left:2px;
	width:382px;
	background-color:#1A1E1F;
}

#slider_jour {
	height:170px;
	margin-top:10px;
	margin-left:1px;
	width:383px;
	background-color:#889CAA;
}

	#buttonPrev {
		background:url(../../maj/phototheque/photos/dslider/prev.png) no-repeat top right;
		float:left;
		height:22px;
		margin-top:80px;
		width:22px;
		cursor:pointer;
		
	}
		#buttonPrev:hover {
			background:url(../../maj/phototheque/photos/dslider/prev.png) no-repeat top right;
			cursor:pointer;
		}
		
	#slideShow {
		float:left;			
		height:170px;
		overflow:hidden;		/*hides every child object that will overlap it's parent*/
		position:relative;		/*IE fix*/
		width:338px;
	}
		#slides {
			height:170px;	
			position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
		}
			.slide {
				display:inline;
				float:left;
				height:170px;
				padding:10px;
				width:318px;
				color:#FFFFFF;
				text-align:center;
				font-size:11px;
				font-family:Verdana, Arial, Helvetica, sans-serif;		/*you can change the width of the a slide without changing the javascript because we've only used variables.*/
			}
	
	#buttonNext {
		background:url(../../maj/phototheque/photos/dslider/next.png) no-repeat top right;
		float:left;
		height:22px;
		margin-top:80px;
		width:22px;
		cursor:pointer;
	}
		#buttonNext:hover {
			background:url(../../maj/phototheque/photos/dslider/next.png) no-repeat top right;
			cursor:pointer;
		}
		
		
		

#slider_carte_nuit {
	height:260px;
	margin-top:15px;
	margin-left:2px;
	width:382px;
	background-color:#1A1E1F;
}

#slider_carte_jour {
	height:260px;
	margin-top:10px;
	margin-left:1px;
	width:383px;
	background-color:#889CAA;
}

	#buttonPrev_carte {
		background:url(../../maj/phototheque/photos/dslider/prev.png) no-repeat top right;
		float:left;
		height:22px;
		margin-top:80px;
		width:22px;
		cursor:pointer;
		
	}
		#buttonPrev_carte:hover {
			background:url(../../maj/phototheque/photos/dslider/prev.png) no-repeat top right;
			cursor:pointer;
		}
		
	#slideShow_carte {
		float:left;			
		height:240px;
		overflow:hidden;		/*hides every child object that will overlap it's parent*/
		position:relative;		/*IE fix*/
		width:338px;
	}
		#slides_carte {
			height:170px;	
			position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
		}
			.slide_carte {
				display:inline;
				float:left;
				/*
				height:170px;
				*/
				padding:10px;
				width:318px;
				color:#FFFFFF;
				font-size:11px;
				font-family:Verdana, Arial, Helvetica, sans-serif;		/*you can change the width of the a slide without changing the javascript because we've only used variables.*/
				height:250px;
				overflow:auto;
				scrollbar-face-color: #647D91;
				scrollbar-shadow-color: #647D91;
				scrollbar-highlight-color: #647D91;
				scrollbar-3dlight-color: #000000;
				scrollbar-darkshadow-color: #000000;
				scrollbar-track-color: #94A7AB;
				scrollbar-arrow-color: #FFFFFF;
			}
	
	#buttonNext_carte{
		background:url(../../maj/phototheque/photos/dslider/next.png) no-repeat top right;
		float:left;
		height:22px;
		margin-top:80px;
		width:22px;
		cursor:pointer;
	}
		#buttonNext_carte:hover {
			background:url(../../maj/phototheque/photos/dslider/next.png) no-repeat top right;
			cursor:pointer;
		}