body
{
	padding:20px;
	font-family: 'Roboto Slab', serif;
	font-size: 13px;
	background-color:#203344;
	color: #fff;
	background-image:url('pattern.png');
}

#mixerBtn
{
	font-size:24px;
	padding:20px;
	margin:10px auto 30px auto;
	background-color:#414966;
	border-radius: 20px;
	text-align:center;
	display:block;
	cursor:pointer;
	width:200px;
}

#img1, #img2, #img3
{
	/* border: solid red 1px; */
	width:500px;
	filter: grayscale(100%);
	height:100px;
}

#face
{
	width:500px;
	border: solid #fff 12px;
	margin:auto;
}

#combi
{
	margin: 15px 0;
}

.category
{
	display:inline;
	background-color:#414966;
	margin: 0 5px;
	padding: 8px 0px 8px 12px;
}

#footer
{
	text-align:center;
}

#lien
{
	
}

.lien
{
	display:inline;
	padding: 15px;
}

a:link, a:visited
{
	color:#678;
	margin: auto;
}

input
{
	display:inline;
	margin: 20px auto;
}

#selector, #filter, #combi, #lien
{
	text-align:center;
}

#diapoBtn
{
	display:inline;
}

#selector, #filter
{
	margin: 15px 0;
}

select, input
{
	background-color:#ccc;
}

input
{
	text-align:right;
}

#diaporama
{
	text-align:center;
}

label
{
	margin: 0 20px 0 5px;
}

@media print 
{
	#mixerBtn, .category, .lien, #selector, #filter, #combi, #lien, #diapoBtn, select, input, #diaporama
	{
		display:none;
	}
	
	#face
	{
		width:100%;
	}
	
	body
	{
		background-color:#FFFFFF;
		background-image:none;
	}
}