@font-face {
  
 
    font-family: 'din_mittelschrifmittelschrift';
    src: url('dintitre-webfont.eot');
    src: url('dintitre-webfont.eot?#iefix') format('embedded-opentype'),
         url('dintitre-webfont.woff') format('woff'),
         url('dintitre-webfont.ttf') format('truetype'),
         url('dintitre-webfont.svg#din_mittelschrifmittelschrift') format('svg');
    font-weight: normal;
    font-style: normal;


}




.demo4{
	 

				 z-index:90;    
		  background:#000;
	
					/*	background: url(../img/start.png) 50%  50%  no-repeat ;*/
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
	position:relative;

	   opacity:1;
	

}

	#titrestart{
	

		 z-index:50;   
		 


						background:transparent url(../img/start.png) 50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
	position:absolute;

	   opacity:1;
	
	 
}	
#titrestart2{
	

		 z-index:50;   
		 
	
						background:transparent url(../img/start2.png) 50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
	position:absolute;
	cursor:	url(../img/curseurdepart.png), auto;

	   opacity:1;
	
	 
}




.down2{
	width:100%;
	bottom:0px;
	height:350px;
	background-color:#C96;
	z-index:9998;
	position:absolute;

	opacity:0;
}



/*
LEs couleurs de fond*/



.upcouleur{
	width:100%;
	top:000px;
	height:30px;
	background-color:#00CC99;
	z-index:11;
	position:absolute;

	opacity:0.2;
}	
.upcouleur6{
	width:100%;
	top:30px;
	height:1500px;
	background-color:#e1ce68;
	z-index:5;
	position:absolute;

	opacity:1;
}	
.upcouleur5{
	width:100%;
	top:000px;
	height:30px;
	background-color:#FC9D9A;
	z-index:5;
	position:absolute;

	opacity:0.5;
}