/*******************************/
 /******   YUI CSS RESET   ******/
/*******************************/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
	ol,ul{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;}
	a{text-decoration: none;}

	.clear{height:1;clear:both;}
	.hidden{display:none;}
	
	a{color:black;}
	a:hover{text-decoration:underline;}
	
	p{display:block;padding:8px 0;}
	

  /**********************************/
 /******   STRUCTURE STYLES   ******/
/**********************************/

	body{
		font-family:'Times New Roman', times, serif;
		font-size:14px;
		background:#FFF;
		}

	#page{
		width:933px;
		margin:auto;
		}
		
	#page h1 a{
		display:block;
		height:100px;
		background:url(graphics/nd-logo.png) top left no-repeat;
		text-indent:-999px;overflow:hidden;
		margin:40px 0 20px 0;
		}
	#page h1 a:hover{opacity:.7;}
	
	header{
		display:block;
		height:70px;
		padding:23px 0 0 0;
		background:url(/graphics/header-home.png) top left no-repeat;
		text-align:right;
		}		
	header a{
		padding-left:27px;
		background:url(/graphics/sep.png) left no-repeat;
		}
		
	nav{
		display:block;
		padding:0 0 40px 110px;
		}
	nav li{display:inline;}
	nav a{
		padding-left:27px;
		background:url(/graphics/sep.png) left no-repeat;
		}
	nav a.cur{
		color: #F21947;
		}
	nav .first a{padding:0;background:none;}
	
	.content{
		font-family: helvetica, arial, sans-serif;
		font-size:12px;
		padding:0 500px 0 110px;
		background:url(/graphics/illu-home.jpg) right no-repeat;
		}

  /******************************/
 /******   OTHER STYLES   ******/
/******************************/

	.home      header{background-image:url(/graphics/header-home.png);}
	.cv        header{background-image:url(/graphics/header-cv.png);}
	.photos    header{background-image:url(/graphics/header-photos.png);}
	.vjing     header{background-image:url(/graphics/header-vjing.png);}
	.graphisme header{background-image:url(/graphics/header-graphisme.png);}
	.contact   header{background-image:url(/graphics/header-contact.png);}
	.video  header{background-image:url(/graphics/header-video.png);}
	
	.home      .content{background-image:url(/graphics/illu-home.jpg);}
	.cv 		.content{background-image:url(/graphics/illu-cv.jpg);}
	.photos	.content{background-image:url();padding:0 0 0 110px;}
	.vjing	.content{background-image:url();padding:0 0 0 110px;}
	.graphisme	.content{background-image:url();padding:0 0 0 110px;}
	/*.photos    .content{background-image:url(/graphics/illu-photos.jpg);}*/
	/*.vjing     .content{background-image:url(/graphics/illu-vjing.jpg);}*/
	/*.graphisme .content{background-image:url(/graphics/illu-graphisme.jpg);}*/
	.contact   .content{background-image:url(/graphics/illu-contact.jpg);}
	.video	.content{background-image:url(/graphics/illu-cv.jpg);}
	.admin .content{padding:0 0 0 110px;}

	.vjTitle {
		font-family:'Times New Roman', times, serif;
		font-size:14px;
		padding-right:27px;
		background:url(/graphics/sep.png) right no-repeat;
		color: #F21947;
	}

#admin {
	position				:absolute;
	float					:left;
	top						:0px;
	left					:0px;
	padding					:5px; 
	border					:1px solid;
	background-color		:white;
	text-align				:center; 
	color					:black;
}	   

#loading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	
	width: 100%;
	height: 500px;	   
	
	background-color: #CFCFCF;
	background-repeat: no-repeat;
	background-image: url(/img/loading-circle.gif);
	background-position: 50% 50%;
	
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	visibility: hidden;  
}	 

#loadingText{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;		 
	
	padding-top: 50px;
	height: 200px;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;	
}