html,body,blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
button,fieldset,form,input,legend,textarea,select{margin:0;padding:0}
fieldset{border:0}
a,a *{cursor:pointer}
div{margin:0;padding:0;background-color:transparent;text-align:left}
hr,img{border:0}
applet,iframe,object{border:0;margin:0;padding:0}
button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer;}
ul,li{list-style:none;margin:0;padding:0;}
strong{font-weight:bold;}
em{font-style:italic;}


html, body{
	width:100%;
	height:100%;	
	background-color:#fff;
}
body,button,input,optgroup,option,select,textarea{
    font-family:arial,helvetica,verdana,sans-serif;
    font-size:14px;
    color:#000;	
	letter-spacing:1px;
}
a{
    color:#000;
    font-weight:normal;	
    text-decoration:none;	
}
.link{
}
::selection{
	background-color:#FF3333; /* Safari */
}
::-moz-selection{
    background-color:#FF3333; /* Firefox */
}
/**************************************************************************************************/
/* tinyMCE */
/**************************************************************************************************/

.page-content{
    line-height:18px;
}
.page-content li{
	background:url(/images/puce.gif) no-repeat left 10px;	
    padding:0 0 0 15px;
}
.page-content ul{
    margin:10px 0;
}
.page-content a{
    border-bottom:2px solid #000;	
}
hr, .hr{
	background:transparent url(/images/sep.gif) 0 center repeat-x;    
	width:100%;
	height:1px;
	padding:25px 0; 
	margin:0;
	border:0;
}
img.darmkimage, img.darmkyoutube, img.darmkdailymotion, img.darmkvimeo{
	margin:10px;
}
div.darmkyoutube, div.darmkdailymotion, div.darmkvimeo{
	margin:10px;
	display:inline-block;
}

.page-content-section{
    font-weight:bold;
	margin-bottom:15px;
	cursor:pointer;
}
.page-content-block{
	padding-bottom:20px;	
}
.page-content-block-fixed{
	padding-bottom:20px;	
}

/*
.darmkpdf{
    padding-left:20px;
	background:url(/images/pdf-logo.jpg) 0 -1px no-repeat;
}*/

/**************************************************************************************************/
/*fin tinyMCE*/
/**************************************************************************************************/

.hidden{
    display:none;
}
.clear{
    clear:both;
    font-size:0;
    line-height:0;
    display:block;
    height:0;
    overflow:hidden;
}
.error{
    color:#ff0000;
}
.preload{
    display:none;
}

/*struct*/
#header{
    height:65px;
	padding-top:10px;
	text-align:center;
	width:100%;	
	position:fixed;
	z-index:3;
}
#home{
    width:90%;
	height:100%;
	margin:0 auto;
	padding-top:60px;
}
#main, #quicktour{
	width:100%;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
}
#main{
    margin:75px 0 145px 0;
}
#quicktour{
    margin:40px 0 145px 0;
}
#project-description, #quicktour-description{
    /*height:145px;*/
	width:100%;
    position:absolute;
    bottom:10px;
}
/**/

/*general*/
#header, #header a{
}
#header h1, #header h1 a{
	font-size:26px;
	line-height:34px;
	font-weight:normal;
	font-family:ImpossibleToFindFont;
	letter-spacing:0px;	
}
#header h1{
    margin-bottom:10px;
}
#quicktour-link{
    font-weight:bold;
    position:fixed;
    top:0;
    left:0;
	z-index:4;
}
#quicktour-link:hover{
    color:#FF3333;
}
#newsletter{
    position:fixed;
	bottom:-93px;
	left:0;
	padding:10px;
	height:110px;
	z-index:4;
}
#newsletter-form *{
    font-size:12px;
}
#newsletter input{
    display:block;
	border:0;
	border-bottom:1px solid #000;
	margin-bottom:3px;
	background-color:#fff;
}
#newsletter-title{
    margin-bottom:20px;
}
#newsletter-title a{
    margin-left:20px;
}
#newsletter-send{
    margin-top:20px;
	cursor:pointer;
}
#darma-link{
    position:fixed;
	z-index:22;
	bottom:10px;
	left:40px;
	color:#000;
}
#darma-link a{
    color:#000;
	border-bottom:2px solid #000;
}
/**/

/*home*/
.home{
    float:left;    
    width:18.3%;
    height:35%;
    margin:1.8% 0.8%;
    display:block;
	position:relative;
}
.home img{
    max-width:100%;
    max-height:100%;	
	position:absolute;
	top:0;
	left:0;
}
.home .desc{
    display:none;
    position:absolute;
	z-index:2;
	top:0;
	left:0;	
	width:100%;
	height:100%;	
	border:2px solid #000;	
	background-color:#fff;
	text-align:center;		
}
.home .desc .desc-content{
	display:block; /*chrome height()*/
    position:relative;
}
.home .desc .title{
	display:block;
	margin-bottom:10px;
}
.home .desc .tag{
	display:block;
    font-size:11px;
}
.home .new{
	position:absolute;
	bottom:0;
	left:0;
}
/**/

/*onglets*/
.tab-container{
    position:fixed;
	top:0;
	left:-500px;
	height:100%;
	width:530px;	
}
.tab-wrapper{
    position:absolute;
	top:0;
	left:0;
	width:500px;
	height:100%;	
	z-index:20;		
}
.tab-content{
    padding:0 0 0 40px;
	margin-top:20px;
	height:92%;	
}
.tab-content, .tab-content *{
    color:#000;
}
.tab-content .page-content a{
    border-bottom:2px solid #000;	
}
.tab{
    position:absolute;
	z-index:21;
    text-align:center;
    font-size:14px;
    line-height:20px;	
	left:510px;	
	cursor:pointer;
	display:block;
}
#works{
	top:90px;
}
#info{
	top:225px;
}
#news{
	top:335px;
}
#shop{
	top:445px;
}
.share{
    margin:10px 10px 10px 0;
	float:left;
}
/**/

/*drag scroll vertical*/
#vslider-container{
	overflow:auto;
	width:437px;		
	height:100%;		
	float:left;
}
#vslider{
	width:420px;	
}	
#vslider-controls{
    width:19px;
    display:none;
	float:left;	
	background-color:transparent;
	margin-left:10px;
	position:relative;
}
#vslider-dragcontainer{
	position:absolute;
	top:0;
	left:0;
	width:19px;
	cursor:pointer;	
}
#vslider-drag{
	width:5px;
	background-color:#000;	
	position:absolute;
	top:0;
	left:0;	
	cursor:move;
}
#vslider-moveup, #vslider-movedown{
    width:19px;
	height:0px;	
	background-color:#000; 
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;	
}
#vslider-spacer{
    width:2px;
	height:1px;
	float:left;		
}
/**/

/*slideshow*/
#slideshow-container{
    width:100%;
	height:100%;
	overflow:auto;
    position:relative;	
}
#slideshow{
    width:4000%;
	height:100%;
    position:relative;
    top:0;
	left:0;
	padding-left:30%;
}
#slideshow .image, #last-image{
    float:left;
	width:1%;
	height:100%;	
	position:relative;
}
#slideshow .image img{
    max-width:95%;
    max-height:90%;	
	position:absolute;
	cursor:pointer;
	top:5%;
	left:0;
}
#slideshow .action{
	position:absolute;
	top:50%;
	left:0;
	z-index:2;
	cursor:pointer;	
	display:block;
	border:2px solid #000;
	padding:10px 13px;
	background-color:#fff;
	font-weight:bold;
}
#last-image a{
	position:absolute;
	top:50%;
	left:0;	
}
/**/

/*project*/
#project-description div{
	text-align:center;
}
#project-number{
    margin-bottom:4px;
}	
#project-image-legend{
}
#project-details{
    margin:10px 0 15px 0;
}
#project-details, #project-details *{
    font-weight:bold;
}
#project-tags{
    margin-bottom:4px;
}
#project-tags a:hover{
    text-decoration:underline;
}
#copy-url.hover{
    text-decoration:underline;
}
#project-media{
    display:none;
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:100%;
}
#project-media-content{
	width:100%;
	height:90%;
}
#project-media-close{
	position:absolute;
    top:95%;
	left:480px;
    cursor:pointer;	
	font-weight:bold;
}
/**/

/*share*/
#share-bt{
}
#share-content{
    display:none;
}
#share-content a:hover{
    text-decoration:underline;
}
/**/

/*quicktour*/
#quicktour div{
	width:100%;
	height:95%;
    position:absolute;
	top:0;
	left:0;
}
#quicktour div a{
    display:block;
	width:100%;
	height:100%;
	text-align:center;
}
#quicktour div a, #quicktour div a *{
	cursor:help !important;
}
#quicktour div a img{
    max-width:40%;
    max-height:85%;	
	position:relative;
	top:15%;
}
#quicktour-description div{
	text-align:center;
}
#quicktour-controls{
    font-weight:bold;
    margin-bottom:10px;
    cursor:pointer;	
}
#quicktour-song{
    margin-bottom:30px;
}
/**/

/*shop*/
.shop .image{
    display:block;
	margin-bottom:15px;
}
.shop .title{
    font-weight:bold;
	margin-bottom:10px;	
}
.shop .button{
    margin-top:10px;
}
.shop{
	padding-bottom:40px;
}
/**/