/*============================================================
 Base Styles
============================================================*/

body {
	height:100%;
	margin:0; 
	padding:0;
	background-color:#000;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
ul, li, p { 
	margin:0; 
	padding:0; 
	}
p { 
	line-height:1.2em; 
	}
a img { 
	border:0; 
	}
a { 
	color:#FFF; 
	outline:none; 
	text-decoration:none; 
	}
a:hover { 
	color:#B1B1B1; text-decoration:underline; 
	}
.clear {
	clear:both;
	display:block;
	height:0px;
	margin:0; padding:0;
	overflow:hidden;
	font-size:0px;
	}
table {
	width:100%;
	table-layout:fixed;
	margin:0; padding:0;
	border-collapse:collapse;
	border:0;
	}
table td {
	margin:0;
	padding:0;
	}



/*============================================================
 Concours photo
============================================================*/

div#contenu {
	position:relative;
	width:820px;
	margin:0 auto;
	}

table.entete {
	width:100%;
	height:40px;
	margin:0 0 20px 0;
	border-bottom:1px solid #666;
	}
table.entete tr td {
	margin:0; padding:0;
	}
table.entete tr td.left a {
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin:0 8px 0 0;
	background:url("retour.gif") no-repeat;
	vertical-align:middle;
	}
table.entete tr td.left a:hover {
	background-position:-16px;
	}
div.details {
	position:absolute;
	top:24px; left:0;
	background-color:#000;
	width:798px;
	margin:0; padding:10px;
	border:1px solid #3F3F3F;
	border-top:none;
	z-index:40;
	}
div#outer {
	margin:0 auto;
	padding:0;
	}
div.thumbs div#outer { 
	background-color:#000; 
}
div#inner {
	position:relative;
	width:800px; 
	margin:0 auto;
	padding:0 10px 10px 10px;
	background-color:#000;
	font-size:0px;
	text-align:center;
	}
div.image {
	height:350px;
}
div.thumbs div#inner {
	width:660px;
	margin:0;
	padding:0 0 10px 0;
	background:none;
	}
div.thumbs div#thumbsRight {
	float:right;
	width:140px;
	text-align:center;
	}
div#loading {
	position:absolute;
	left:0%; top:40%;
	width:100%; height:25%;
	z-index:0;
	line-height:0;
	text-align:center;
	}
div#loading img { background:url("loading.gif") no-repeat; }
div#linkCon {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:10;
	filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;	
	}
#prevLink, #nextLink {
	cursor:pointer;
	width:48%;
	height:100%;
	background:url("c.gif") no-repeat transparent; /* Trick IE into showing hover */
	display:block;
	}


/*============================================================
 Project Detail
============================================================*/
div.projTitle {
	position:relative;
	margin:-10px 0 0 0; padding:10px;
	}

div.projTitle p#projNoteTxt {
	position:absolute;
	top:10px; right:20px;
	color:#999;
	}
div.motion {
	position:relative;
	top:0; left:0;
	margin:-10px 0 10px 0;
	}
div.projNotesHov { 
	background-color:#3F3F3F;
	cursor:pointer;
	}
ul.imageList {
	height:1%;
	padding-left:10px;
	list-style-type:none;
	background-color:#000;
	}
ul.imageList li {
	float:left;
	margin:0 10px 10px 0; padding:0;
	}
#prevLink span, #nextLink span { display:none; }

#prevLink { left:0; float:left; }
#nextLink { right:0; float:right; }

/* Thumbnails */
div#horThmbs {
	height:70px;
	padding:0;
	margin:10px;
	margin-bottom:10px;
	}

/* background image for compliant browsers */
#linkCon>#prevLink:hover, #linkCon>#prevLink:visited:hover { background:url("precedent.png") 20% 50% no-repeat; }
#linkCon>#nextLink:hover, #linkCon>#nextLink:visited:hover { background:url("suivant.png") 80% 50% no-repeat; }


	
/*============================================================
 About
============================================================*/
div#locationEd table td {
	padding:2px 0;
	}

div#locationEd table td.addLab {
	width:90px;
	font-size:13px;
	}

div.aboutbg {
	height:1%;
	background-color:#000;
	}
	
table.about {
	margin:0 0 20px 0; padding:0;
	}

table.about td {
	vertical-align:top;
	}

table.about td p {
	margin:0 0 16px 0;
	line-height:20px;
	}

table.about td p.tiny {
	margin-bottom:0;
	color:#999;
	}

div.body p {
	margin:0 0 16px 0;
	line-height:20px;
	}