.flotte {
float:right;
}
 strong
{
	
    font-size: 1.1em ;
	font-color: black ;
}
h1,h2
{
	text-align: center;
}
h1
{
	color: red;
}
h2
{
	color: green;
}
p
{
    font-size: 1em ;
    margin-right: 20px ;
	margin-left: 20px ;
	text-indent: 30px ;
	
}	
	
    #test5 {
		position: absolute;
		left: 50%;
		top: 405px;
		z-index: 1;
	}

	#test6 {
		position: absolute;
		left: 55%;
		top: 415px;
		z-index: 2;
	}

	#test7 {
		position: absolute;
		left: 60%;
		top: 425px;
		z-index: 3;
	}

	#test1 {
		position: absolute;
		left: 65%;
		top: 435px;
		z-index: 4;
	}

	

body
{
		background-image: url("presentation/colo2b.jpg");
		background-repeat: no-repeat;
}


/*nouvelles règles si la fenetre fait au plus 600px de large*/
@media screen and (max-device-width:840px)

{
img
{
	display: none;
	
}
}


/*nouvelles règles si la fenetre fait au plus 600px de large*/
@media screen and (max-device-width:600px)
{
 body
{
		
		background-image: none;
} 
 h1,h2
{
	text-align: right;
}
 


h1
{
	font-size: 1.4em ;
    color: red ;
	
}
h2
 {
 font-size: 1.2em ;
    color: green ;

}
p
{
	font-size: 1.1em ;
	
}
img
{
	display: none;
	
}
}