a,a:visited,a:hover,a:active{
		color:#e5e5e5;
	   }
	   .titre{
		width:100%;
		font-size:12px;
		font-weight:bold;
		color:white;
	   }
	   img.miniaturesAccueil{
		padding:10px;
		border:1px solid #484848;
		background-color:#0e0e0e;
		max-width:200px;
		max-height:200px;
	   }
	   img.miniaturesAccueil:hover{
		padding:10px;
		border:1px solid #727272;
		background-color:#0e0e0e;
		max-width:200px;
		max-height:200px;
	   }
	   img.miniaturesDernieres{
		padding:10px;
		border:1px solid #484848;
		background-color:#0e0e0e;
		max-width:75px;
		max-height:75px;
		margin:7px;
	   }
	   img.miniaturesDernieres:hover{
		padding:10px;
		border:1px solid #727272;
		background-color:#0e0e0e;
		max-width:75px;
		max-height:75px;
	   }
	   img.tooltip{
		padding:10px;
		border:1px solid #484848;
		background-color:#0e0e0e;
		margin:7px;
	   }
	   img.tooltip:hover{
		padding:10px;
		border:1px solid #727272;
		background-color:#0e0e0e;
	   }
		body{
			color:#e5e5e5;
			font-size:10px;
			font-family:verdana;
		}
		#logo{
			margin-top:2%;
			border:0px solid yellow;
			maring-top:25%;
			text-align:left;
		}
		h2{
			color:#e5e5e5;
			font-size:13px;
			font-family:verdana;
			font-weight:bold;
			text-align:right;
			background-color:#252525;
			padding:4px;
		}
        
        #menu h2{
            font-size:12px;
            text-align:center;
            
        }
        
        #menu h2 a{
            text-decoration:none;
        }
        
		#fond{
			text-align:left;
			background-color:#252525;
			height:100%;
		}
		#contenu{
			text-align:center;
			border:0px solid yellow;
			width:100%;
		}
		#contenu img{
			margin-top:20px;
			margin-bottom:20px;
		}
		#Series{
			padding-left:10px;
		}
		#bandeau{
			background-color:#090909;
			height:250px; /*ne change rien*/
			width:100%;
			clear:both;
		}
		#bandeau img,#eve img{
			padding:5px;
			margin:15px;
			border:1px solid #585858;
		}
		#bandeau img:hover,#eve img:hover{
			border:1px solid #7c7c7c;
		}
		.miniatureSerie img{
			padding:10px;
		}
		#currentMiniature{
			background-color:#212121;
		}
		#photoUnite{
			padding:20px;
			border:1px solid #090909;
		}
						/*	Invisible left hotspot */
						div.scrollingHotSpotLeft
						{
						/* 	The hotspots have a minimum width of 100 pixels 
						and if there is room the will grow and occupy 15% 
						of the scrollable area (30% combined). Adjust it 
						to your own taste. */
						
						background-color:white;
						min-width: 75px;
						width: 10%;
						height: 250px;
						/*	There is a big background image and it's used 
						to solve some problems I experienced
						with Internet Explorer 6. */
						background-repeat: repeat;
						background-position: center center;
						position: absolute;
						z-index: 1;
						left: 0;
						/*	When positioning the mouse over one of the hot spots, 
						the cursor should change. I've noticed that this varies 
						from browser to browser though. */
						}

						/*	Visible left hotspot */
						div.scrollingHotSpotLeftVisible
						{
						height: 250px;
						background-image: url(js/SmoothDivScroll_0-8/images/arrow_left.png);				
						background-repeat: no-repeat;
						opacity: 0.3; /* Standard CSS3 opacity setting */
						-moz-opacity: 0.3; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
						filter: alpha(opacity = 30); /* Opacity for Internet Explorer. */
						}

						/* Invisible right hotspot */
						div.scrollingHotSpotRight
						{
						background-color:white;
						min-width: 75px;
						width: 10%;
						height: 250px;
						background-repeat: repeat;
						background-position: center center;
						position: absolute;
						z-index: 1;
						right: 0;
						}

						/* Visible right hotspot */
						div.scrollingHotSpotRightVisible
						{
						height: 250px;
						background-image: url(js/SmoothDivScroll_0-8/images/arrow_right.png);
						background-repeat: no-repeat;
						opacity: 0.3;
						filter: alpha(opacity = 30);
						-moz-opacity: 0.3;
						}

						/*	The scroll wrapper is always the same width and 
						height as the containing element (div). Overflow 
						is hidden because you don't want to show all of 
						the scrollable area.
						*/
						div.scrollWrapper
						{
						position: relative;
						overflow: hidden;
						width: 100%;
						height: 100%;
						}

						div.scrollableArea
						{
						position: relative;
						width: auto;
						height: 175px;
						}
						#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 10px;
	}						
	#makeMeScrollable2 div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 10px;
	}