html {
	height: 100%;
}
body {
	position:relative;
	min-height: 100%;
	margin: 0;
	padding: 0;	
    background: url("images/boiteAllegee.jpg") no-repeat center center fixed;        
    background-size: cover;	
	font-family: Times New Roman;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
#conteneur
{
	position: absolute;
	width: 420px;	
	height: 700px;
	left: 50%;
	margin-left: -210px;
	top: 50%;
	margin-top: -360px;	
}
#ht
{
	height: 200px;
	width: 400px;	
	margin-left: 10px;
	margin-bottom: 50px;
}
.grosht
{
	font-size: 2em;	
	color: rgb(255,204,153);
}
#centre
{	
	height: 180px;
	width: 400px;
	margin: auto;	
}
.petit
{
	font-size: 1.1em;
	color: yellow;	
}
#tricolore
{
	padding-left: 60px;
}
#bs
{
	height: 200px;
	width: 400px;
	margin-top: 50px;
	margin-left: 10px;
}
.grosbs
{
	font-size: 2em;	
	color: rgb(204,255,255);
}
footer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: rgb(0, 191, 255);
}
.bleau
{
	width: 100%;	
}
.gauche
{	
	width: 33%;
	margin-left: 50px;
}	
.milieu
{	
	width: 33%;	
}
.droit
{	
	width: 33%;
	margin-right: 50px;	
}
#smrt
{
	position: absolute;
	top: 30px;
	left: 30px;
}