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%;
	background-color:#fff;
	/*background:#32E2E0 url(/images/bg.gif) 0 0 repeat;*/
}
html{
    height:101%;
}
body,button,input,optgroup,option,select,textarea{
    font-family:arial,helvetica,verdana,sans-serif;
    font-size:12px;
    color:#000;	
}

.news h1, .news h1 a, .press h1, .press h1 a, .link h1, .link h1 a{
    font-size:20px;
	font-weight:normal;
	letter-spacing:3px;
	padding-bottom:5px;
	color:#000;
}
.news h2, .news h2 a, .press h2, .press h2 a, .link h2, .link h2 a{
    font-size:14px;
	font-weight:normal;
	letter-spacing:3px;
	margin-bottom:5px;	
    font-family:georgia;	
}

a{
    color:#888;
    font-weight:normal;	
    text-decoration:none;	
}
a:focus,a:hover{
    color:#000;	
	background-color:#32E2E0;
    text-decoration:none;		
}

.news:hover h1 a, .press:hover h1 a, .link:hover h1 a, .news h1 a:hover, .press h1 a:hover, .link h1 a:hover{
    background-color:#fff;
	color:#32E2E0;
}

.news:hover h2 a, .press:hover h2 a, .link:hover h2 a{
    color:#000;	
	background-color:#32E2E0;
    text-decoration:none;
}

/**************************************************************************************************/
/* tinyMCE */
/**************************************************************************************************/

.page-content h1, .page-content h1 a, .page-content .lang{
    font-size:14px;
	font-weight:bold;
	letter-spacing:3px;
	margin-bottom:15px;	
    color:#32E2E0;
	text-transform:uppercase;
}
.page-content h1 a:hover{
    color:#000;
}
.page-content .lang{
	text-align:right;
}
.page-content p{
    line-height:20px;
}
.page-content .name{
    font-size:14px;
	font-weight:bold;
	letter-spacing:3px;	
}

.page-content li{
	background:url(/images/puce.gif) no-repeat left 7px;	
    padding:0 0 0 15px;
    line-height:20px;	
}
.page-content ul{
    margin:5px 0;
}
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;
}
/*
.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;
}

#main{
    width:900px;
    margin:auto;	
	padding:10px 50px 20px 50px;
	background-color:#fff;	
}
#left{
    float:left;
	width:430px;
}
#right{
    float:right;
	width:430px;
}
#header{
    height:130px;
	position:relative;
}
#logo{
	position:absolute;
	top:20px;
	left:0;
	background-color:#32E2E0;	
	width:237px;
	height:50px;
}
#logo a:hover{
    background-color:transparent;
}
#nav{
	position:absolute;
	top:10px;
	left:560px;		
}
#nav li{
    line-height:20px;
    font-size:15px;		
}
#nav li a{
	letter-spacing:1px;
}
#nav li a.selected{
    color:#000;	
    font-weight:bold;
	background-color:#fff;	
}
#footer{
    color:#aaa;
    padding:25px 0;
}

/*home*/
#area{
	position:relative;
	top:-542px;
	z-index:2;
	margin-bottom:-542px;	
}
#home{
    height:500px;
}
/**/

/*works*/
.works{
    float:left;
	position:relative;
	margin:0 9px 9px 0;
    display:block;	
}
.works.last{
	margin:0 0 9px 0;
}
.works, .works img{
    width:294px;
	height:294px;
	overflow:hidden;
}
.works .title{
    display:block;
    position:absolute;
	z-index:2;
	bottom:0;
	left:0;	
	width:274px;
	padding:15px 10px;
	background:transparent url(/images/bg-work.png) 0 0 repeat;
    font-size:16px;	
	color:#32E2E0;
}
/**/

/*press, news, links*/
.press, .news{
    margin-bottom:30px;	
}
.link{
    margin-bottom:10px;	
}
.news .page-content{
    margin-bottom:10px;	    
}
/**/

/*about | contact*/
#contact-email{
    font-family:georgia;
	letter-spacing:3px;
	margin-bottom:30px;	
}
/**/

/*project*/
#org{
    font-size:11px;
	margin:10px 0 30px 0;
}
#presspdf{
    display:block;
    font-size:11px;
	margin:-10px 0 30px 0;
	background-image:url(/images/puce.gif);		
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
}
#share-this{
    margin-top:20px;
    margin-bottom:20px;	
}
#share-this a, #share-this a:hover, #share-this a:focus{
	background-color:transparent;
    text-decoration:none;
}
/**/

/*slideshow*/
#diaporama-container{
}
#diaporama, #diaporama-img1, #diaporama-img2{
    width:900px;
    height:450px;
    overflow:hidden;	
}
#diaporama-img1{
    z-index:11;
    position:absolute;	
}
#diaporama-img2{
    z-index:10;
    position:absolute;
}
#diaporama-list{
    display:none;
}
#diaporama-nav{
    height:16px;
	background-color:#000;
}
#diaporama-legend{
    color:#888;
	float:left;
	margin-left:5px;
	font-size:10px;
	margin-top:1px;
}
#diaporama-pages{
	float:right;
	margin-right:5px;
}
.diaporama-page, .diaporama-page-selected{
    cursor:pointer;
	text-align:center;
	font-size:11px;	
	padding:0 4px;
	margin-top:1px;	
}
.diaporama-page{
    color:#32E2E0;
}
.diaporama-page-selected{
    color:#fff;
}
/*fin slideshow*/


