* {
    margin:0;
    padding:0;
}
html { background:#FFF; }
div#menu {
    top:5px;
    left:0px;
    width:100%;
		background:transparent url(../_APC/apc-10-bk-r-y/images/header_bg.gif) repeat-x 0 0;  
}
div#menu { margin:0 0 0 0px; }
div#copyright { display: none; }
	body {
		font-family:  Helvetica, Arial, sans-serif;
		background-color: #FFF;
	}
	ul {
		list-style-type: square;
		margin-left: -1.5em;
		line-height: 1.6em;
	}
	.container {
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 100%;
		top: 15px;
		left: 15px;
		z-index: 1000;
		background-color: #FFF;
		width: 65%;
		position: absolute;
		opacity: 1;
		padding-left:3em;
		padding-top:2em;
		padding-right:3em;
		padding-bottom:1em;
		/*padding: 3em; CHANGE*/
		box-sizing: border-box;
		border-top: 10px solid #FC1919;
		box-shadow: 0 0 10px #444;
		border-radius: 10px;
	}
	div * {
		color: #000;
	}
	div h2 {
		color: #000;
		font-size: 1,7em;
		margin-top:0px;
	}
	canvas {
		width: 100%;
		height: 100%;
		opacity: 0.8;
		position:absolute;
		top:0px;
	}
		.texte {
		color: #000;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:16px;
		text-transform:uppercase;
	}
	.texte a {
		color: #000;
		text-decoration:none;
	}
	.texte a:hover{
		color: #A33;
	}
@media screen and (max-width: 1800px) {
	.container {
		font-size: 98%;
	}
}
@media screen and (max-width: 600px) {
	.container {
		font-size: 90%;
	}

	div h2 {
		font-size: 0.5em;
	}
}