body { 

  background-color: white; 
  width: 100%;
  height: 100%;
  z-index:-20;

}

	

.h1
{	
	font-weight: normal;
    color: black;	
	font-size: 30px;
	font-family: arial;
	position: fixed;
	top:0px;	
	left: 25px;
	z-index: 20; 
	text-align: centered;

}
.projets
{	
	font-weight: normal;
    color: black;	
	font-size: 18px;
	font-family: arial;
	position: fixed;
	top:20px;	
	left: 500px;
	z-index: 20; 
	text-align: centered;

}

.atelier
{	
	font-weight: normal;
    color: black;	
	font-size: 18px;
	font-family: arial;
	position: fixed;
	top: 20px;	
	left: 650px;
	z-index: 20; 
	text-align: centered;

}

.contact
{	
	font-weight: normal;
    color: black;
	font-size: 18px;
	font-family: arial;
	position: fixed;
	top: 20px;	
	left: 800px;
	z-index: 20; 
	text-align: centered;

}

.colonne
{
    position: fixed;
	left: 0px;
    top: 0px;	
    height: 80px;
	width: 100%;
	z-index: 15;
	background-color: rgba(255, 255, 255, 0.6); 
}

.titre{

	position: fixed;
	font-weight: normal;
    color: white;
	font-size: 18px;
	font-family: arial;
	right:40px;
	bottom:0px;
	z-index: 20;

 }

.tableau
{
	position: absolute;
	top: 80px;
	left: 5px;
	z-index: 4;
}


.container {
  position: relative;
}







	.T1
{	
	position: absolute;
	top: 500px;	
	left: 35px;
	font-weight: normal;
    color: white;	
	font-size: 16px;
	font-family: arial;
	z-index: 30;

}	

	.T2
{	
	position: absolute;
	top: 500px;	
	left: 640px;
	font-weight: normal;
    color: white;	
	font-size: 16px;
	font-family: arial;
	z-index: 30;
}	

	.T3
{	
	position: absolute;
	top: 500px;	
	left: 1245px;
	font-weight: normal;
    color: white;	
	font-size: 16px;
	font-family: arial;
	z-index: 30;
}	
	
  .png {

	bottom: 18px;
	left: 35px;
	z-index: 10;
	position: fixed

 }