@charset "UTF-8";
/* CSS Document */

*{
	padding:0px;
	border:0px;
	margin:0px;
}
img{border:none;}

html{height:100%; width:100%; margin:0; padding:0;}

BODY{
	height:100%; width:100%; font-family:Helvetica,Arial,Verdana, sans-serif; font-size:12px; color:#FFFFFF; background-color:#000000;
}

P{
	margin-bottom:10px;
}

A{text-decoration:underline}
A:hover{text-decoration:none}

#container{
		margin:0 auto;
		text-align:left;
		width:1000px;
		height:700px;
		position:relative;
		background-color:#000000;
}

#center{ position:relative;margin-top:25px; }
	#photos {
		position: absolute;
		top:4px;
		left:190px;
		width:810px;
		height:410px;
		overflow:auto;
	}
	#photos .photo{ float:left; margin-right:15px;}
	#photos #loadingPhotos{position:absolute; top:125px;left:405px;}

#infos{
	background-image:url(../images/project_bg_trame.gif);
	background-repeat:no-repeat;
	width:150px;
	height:400px;
	padding:15px;
	color:#CCC;
}
	#annee{font-size:10px}
	#titre{font-size:14px;font-weight:bold;padding-bottom:15px;color:#FFF}
	#infos A{color:#FFF}

#bottom{ height:70px; position:relative;}
	#bottom .flechesThumb{float:left; width:30px; height:100%; padding-top:29px;text-align:center}
	#thumbContainer{float:left; width:940px; position:relative; overflow-x: hidden; }
	#thumbsAll{width:2001px}
	#thumbsAll .thumb {float:left; margin-right:5x;border:1px solid black}
	#thumbsAll .thumb:hover{border:1px solid white}
	.thumbA{}
	.thumbImg{}
	
#legal{
	font-size:10px;
	text-align:center;
}
#legal A{
	color:#FFFFFF;
	text-decoration:none;
}
	
.tip{
	background-color:#000000;
	padding:4px;
}
.tip-title{
	font-size:10px;
	font-weight:normal;
}