@charset "utf-8";


p {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 10px;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
}
body {
	background-image: url(../images/fond.gif);
}


@media (min-width:600px){

#content {
	width: 600px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#titre  {
	position: relative;
	top: -800px;
	left: 0px;
	width: 200px;
}
#djol_marche  {
	position: relative;
	top: -910px;
	left: 150px;
	width: 150px;
}
#content video {
	position: relative;
	top: -750px;
	width: 500px;
	height: 400px;
	left: 50px;
}
#poubelle {
	width: 50px;
	position: relative;
	top: -740px;
	left: 20px;
}
#coucou {
	width: 94px;
	position: relative;
	top: -740px;
	left: 390px;
}
}

@media (max-width:599px){
#content {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	height: 400px;
}
#fondjol  {
	width: 300px;
}
#titre {
	position: relative;
	top: -400px;
	left: 0px;
	width: 200px;
}
#djol_marche {
	position: relative;
	top: -510px;
	left: 150px;
	width: 150px;
}
#content video {
	position: relative;
	top: -480px;
	width: 250px;
	height: 200px;
	left: 25px;
}
#poubelle {
	width: 50px;
	position: relative;
	top: -480px;
	left: 20px;
}
#coucou {
	width: 94px;
	position: relative;
	top: -540px;
	left: 230px;
}
}