#content {
	text-align: center;
}
#content .cols {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
#content .cols>* {
	display: inline-block;
	margin-top: 30px;
}
#content .cols .link a {
	display: inline-block;
	width: 240px;
	height: 160px;
}
#content .cols .link a:hover {
	filter: grayscale(50%);
}
#content .cols .link a span {
	display: none;
}
#content .cols .image {
	position: relative;
	height: 160px;
	width: 240px;
	margin: auto;
}
#content .cols .image div {
	width: 240px;
	height: 200px;
	margin: auto;
}
#content .cols .image span {
	display: none;
}
#content .cols .image div.frais {
	background: URL(frais.png) center no-repeat;
}
#content .cols .image div.pizzas10 {
	background: URL(10pizzas.png) center no-repeat;
	height: 240px;
}
#facebook {
	width: 300px;
	height: 350px;
	background: url(facebook.gif) center no-repeat white;	
	border-radius: 10px;
}

#facebook>* {
	background-color: white;
}
#concours {
	position: relative;
	background-color: #3b5998;
	border-radius: 10px;
	color: white;
	height: 100%;
	padding: 20px;
}
#concours .jeu {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}
#concours ul {
	list-style: none;
	padding: 0px;
}
#concours .gain {
	font-size: 15px;
	font-weight: bold;
	color: #3b5998;
	background-color: white;
	border-radius: 5px;
	padding: 5px;
}
#concours .fini {
	font-size: 15px;
}
#concours .ticket strong {
	display: inline-block;
	background-color: white;
	color: red;
	padding: 5px 10px;
	margin: 5px;
	border-radius: 5px;
}
#concours .notice {
	font-size: 9px;
	font-style: italic;
	position: absolute;
	bottom: 10px;
	width: 265px;
}
#content #facebook {
	margin-top: 90px;
}

div.pub {
	position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
	z-index: 3;
}
div.pub .shadow {
	position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	background-color: black; 
	opacity: 0.5
}
div.pub .image {
	position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
	background: URL(pizza3euros.jpg) no-repeat center;
}
@media screen and (max-width: 500px) {
	div.pub .image {
		background-image: URL(pizza3euros2.jpg);
	}
}
@media screen and (min-width: 565px) {
	#content .cols {
		width: 50%;
	}
}
@media screen and (min-width: 1024px) {
	#content .cols.p66 {
		width: 66%;
	}
	#content .cols.p66>* {
		width: 50%;
	}
	#content .cols.p33 {
		width: 33%;
	}
}