@font-face {
	font-family: 'Din';
	src: url('/polices/DINLig.woff') format('woff') ;
}

@font-face {
	font-family: 'Din-Med';
	src: url('/polices/DINMed.woff') format('woff') ;
}


body
	{
		margin: 0;
		padding: 0;
    	background-image: linear-gradient(to top, #368BBA, #0C4B84);
    	background-attachment: fixed;
    	background-repeat: no-repeat;
	}

#portfolio-titre
	{
		width: auto;
		color: white;
		font-size: 36px;
		text-align: left;
		font-family: "Din";
		margin-top: 24px;
		margin-bottom: 32px;
		padding-left: 24px;
	}

.porfotlio-pdf,
.planche-pdf
	{
		width: auto;
		margin-top: 24px;
		margin-bottom: 32px;
		padding-left: 24px;
	}

	.porfotlio-pdf > a
		{
			text-decoration: none;
			color: white;
			font-size: 18px;
			text-align: left;
			font-family: "Din";
		}

	.porfotlio-pdf > a:hover
		{
			text-decoration: underline;
		}

	.planche-pdf > a
		{
			text-decoration: none;
			color: #368BBA;
			font-size: 18px;
			text-align: left;
			font-family: "Din";
		}

	.planche-pdf > a:hover
		{
			text-decoration: underline;
		}

.bold
	{
		font-family: "Din-Med";
	}

#vignettes-bloc
	{
		height: 100%;
		display: block;
		float: left;
		overflow: visible;
		justify-content: space-around;
	}

	.vignette-bloc
		{
			border: 1px solid #333333;
			width : 300px;
			height: auto;
			margin: 24px;
			overflow : visible;
			float: left;
			background-color: white;
			box-shadow: 0px 0px 12px 1px #000000;
			color: white;
			background-color: #333333;
		}

	.vignette-bloc:hover
		{
			box-shadow: 0 0 12px 1px #FFFFFF;
			color: #333333;
			background-color: white;
			border: 1px solid white;
		}

		.vignette-image
			{
				width: 100%;
			}

		.vignette-legende
			{
				background-color: inherit;
				font-size: 12px;
				color: inherit;
				padding: 4px;
				font-family: 'Din';
			}

	#zoom-bloc
		{
			visibility: hidden;
			margin: 18px;
			border: 1px solid black;
			width: auto;
			height: auto;
			background-color: white;
			position: absolute;
			z-index: 18632;
			box-shadow: 0px 0px 12px 1px #000000;
			max-width: 4961px;
		}

	#zoom-image
		{
			width: 100%;
			height: auto;
			max-width: 4961px;
		}