@import url("../webfonts/DINMd/stylesheet.css");
	/*
		CSS3 Polaroid Slideshow
		-----------------------
		Author:			samhs
	*/
	
	/*body {
		background:		transparent url(corkboard.jpg) repeat top left;		
		width:			100%;
		height:			100%; 
		font-family: 	'Nothing You Could Do', cursive;
		font-size: 0.8em;
	}*/
	
	#pinboard {
		width:			70vw;
		height:			30vh;
		/*position:		relative;	
		margin:			auto;*/
		float:right;
		right:1vw;
	}
	
	#pinboard ul {
		margin:			0;
		padding:		0;
		position:		relative;
		/*width:			960px;
		height:			400px;*/
		width:60%;
		height:80%;
	}
	
	#pinboard ul li {
		width:			8vw;
		height:			14vw;	
		position:		absolute;
		top:			200px;
		left:			460px;
		display:		block;
		margin:			0;
		list-style:		none;
		background:		#fefefe;
		padding:		10px 10px 20px 10px;
-webkit-box-shadow:		0px 0px 10px #000;
/*-moz-box-shadow:		0px 0px 10px #000;*/
-o-box-shadow:			0px 0px 10px #000;
-ms-box-shadow:			0px 0px 10px #000;
		box-shadow:		0px 0px 10px #000;
-webkit-transition:		0.2s -webkit-transform linear;
-moz-transition:		0.2s -moz-transform linear;
-ms-transition:			0.2s -ms-transform linear;
-o-transition:			0.2s -o-transform linear;
		transition:		0.2s transform linear;		
	}
	
.ui-draggable-dragging {
-webkit-transform:		rotate(0deg) scale(1.2) !important;
-moz-transform: 		rotate(0deg) scale(1.2) !important;	
-ms-transform: 			rotate(0deg) scale(1.2) !important;	
-o-transform: 			rotate(0deg) scale(1.2) !important;	
		transform:		rotate(0deg) scale(1.2) !important;		
	}
	
#pinboard ul li img {
	border: 1px solid #ccc;
	width: 8vw;
	height: 9.6vw;
	position: absolute;
	top: 10px;
	left: 10px;
	}
	#pinboard ul li img:after {
 /*-moz-box-shadow: 		inset 0 0 10em #666;*/  
 -webkit-box-shadow: 	inset 0 0 10em #666;   
 -ms-box-shadow: 		inset 0 0 10em #666;
 -o-box-shadow: 		inset 0 0 10em #666;   
		box-shadow: 	inset 0 0 10em #666;
	}
#pinboard ul li span {
	width:100%;
	position: absolute;
	bottom: 0.6vw;
	left: 0;
	font-size: 1.2vw;
	font-family:danielregular;
}
#instructions {
		position:		absolute;
		top:			10px;
		left:			-50px;
		width:			292px;
		padding:		100px 50px;
		/*background:		transparent url(notepad.png) no-repeat top left;*/
-webkit-transform:		rotate(-10deg) !important;
-moz-transform: 		rotate(-10deg) !important;	
-ms-transform: 			rotate(-10deg) !important;
-o-transform: 			rotate(-10deg) !important;
		transform:		rotate(-10deg) !important;		
		color:			#006;
		font-size:		1em;	
	}
#instructions h1 {margin-bottom:0;padding-bottom:0;}
#instructions p {margin-top:0;padding-top:0;margin-bottom:10px;}
/*.siege_shadow{}
.agence_shadow{}*/