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


/*
 SLIDESHOW IMPORTANT
 ...............................................................................................................................................
*/
#box{
	position:absolute;
	width:900px;
	height:600px;
	cursor:pointer;
}
.mask{
	position:relative;
	width:900px;
	height:600px;
	overflow:hidden;
}
.mask div{
	position:relative;
	display:block;
	border:none;
	float:left;
	margin-right:30px;
}


.buttons{padding:0px;}
.buttons span{color:#999;cursor:pointer;font:9px Verdana;}
.buttons span.active,
.buttons span:hover{color:#fff;font-weight:bold;}

#handles{
	float:right;
	font-size:9px;
	margin-bottom:4px;
	}
#handles span{
	margin-left:10px;
	}

/*
 ...............................................................................................................................................
*/


body {
	background-color: #3D4445;
	font-family:"Monaco",Helvetica,Arial,  sans-serif;
	font-size:10px;
	margin-bottom:30px;
	margin-right:0px;
}
.page{
	position:relative;
	margin:30px;
	}
#content{
	position:absolute;
	left:0px;
	top:50px;/**/
	}

.image{
	position:absolute;
	left:0px;
	top:0px;/**/
	width:900px;
	min-height:600px;
	}
.col_right{
	position:absolute;
	left:930px;/**/
	top:0px;/**/
	height:580px;
	padding:10px;
	vertical-align:bottom;
	width:300px;
	background-color:#474f50;
	}
#logo{
	position:absolute;
	top:-9px;/**/
	left:-3px;
	font-family:onemorefont;
	font-size:40px;
	}
.text{
	position:absolute;
	bottom:5px;
	text-transform:lowercase;
	}
.next_proj{
	position:absolute;
	left:900px;/**/
	top:0px;/**/
	width:30px;/**/
	margin-top:0px;
	text-align:center;
	cursor:pointer;
	}
.prev_proj{
	position:absolute;
	left:900px;/**/
	top:30px;/**/
	width:30px;/**/
	margin-top:0px;
	text-align:center;
	cursor:pointer;
	}
.next_image{
	position:relative;
	/*top:650px;/**/
	height:30px;/**/
	padding-top:10px;
	cursor:pointer;
	float:left;
	}
#info_img{
	height:23px;
	padding-top:7px;
	padding-left:30px;
	}
.info{
	position:absolute;
	width:900px;
	padding-top:10px;
	}
.link{
	float:right;
	margin-left:30px;
	}
#detail img{
	margin-top:30px;
	cursor:pointer;
	}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:underline;
	}
.overview{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	}
#cadre{
	width:912px;
	}
.news{
	width:900px;
	padding-top:10px;
	padding-bottom:7px;
	min-height:13px;
	border-bottom:dotted 1px #000;
	cursor:pointer;
	text-transform:lowercase;
}
.largeurText{
	padding-top:5px;
	width:450px;
	}
/*
	CMS
 ...............................................................................................................................................
*/

#new_proj{
	background-color:#fff;
	padding:5px;
	}
.proj{
	padding:5px;
	}
.col{
	float:left;
	padding-top:5px;
	width:300px;
	margin-right:15px;
}
.clicker{
	float:left;
	cursor:pointer;
	margin-right:15px;
	width:300px;
	}
.handle{
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.bandeli{
	position:relative;
	}
.close{
	width:18px;
	height:18px;
	background:url(../gfx/close.png) no-repeat;
	position:absolute;
	margin-top:-3px;
	margin-left:-3px;
}
form,input{
	margin:0px;
	padding:0px;
	}
.col2{
	float:left;
	width:100px;
	margin-right:15px;
}
.closeProject,
.closeNews{
	width:18px;
	height:18px;
	background:url(../gfx/close.png) no-repeat;
	float:right;
	}
.write{
	margin-top:2px;
	margin-right:5px;
	width:16px;
	height:16px;
	background:url(../gfx/stylo.png) no-repeat;
	float:right;
	}
#index{
	margin-top:7px;
	background-color:#fff;
	padding:5px;
	}
#keywords,#news,#about{
	margin-top:7px;
	background-color:#fff;
	padding:5px;
	}
#newslist{
	position:relative;
	}

#homeRadio{
	float:right;
	}
.form1{
	margin-right:30px;
	}

/*
	SHOP
 ...............................................................................................................................................
*/

.shop_cartel{
	position:absolute;
	left:0px;
	top:0px;
	width:310px;
	height:540px;
	background-color:#474f50;
	padding:10px;
}
.shop_cartel input[type=text],
.shop_cartel input[type=password]{
	height:20px;
	width:300px;
	margin-top:10px;
	padding-left:5px;
	padding-bottom:0px;
	border:none;
	border-bottom:solid 1px #666;
	border-left:solid 1px #666;
	background-color:#474f50;
	font-family:"Monaco",Helvetica,Arial,  sans-serif;
	font-size:10px;
	color:#777;
	}
.shop_cartel input[type=submit]{
	border: 1px solid #666;
	border:none;
	background-color: #677374;
	padding: 3px 15px;
	line-height: 16px;
	vertical-align: middle;
	margin: 0px;
	font-family:"Monaco",Helvetica,Arial,  sans-serif;
	font-size:10px;

	}


	/*
	Spider
	*/

	#scratch{
		pointer-events: none;
		position: absolute;
    top: 0px;
    left: 0px;
		opacity:0;
		transition:opacity 0.5s ease-in;
	}
	#scratch.show{
		opacity:1;
	}
	#scratch.hide{
		opacity:0.2;
	}