@charset "utf-8";
/* CSS Document */

@font-face {
	
    font-family: 'trade';
    src:  url('din.ttf') format('truetype');
      
    font-weight: normal;
    font-style: normal;
}


body,td,th {
	font-family: 'trade';
	  color:#DDD;
	   font-size: 100%
	   
	}
a:link {
	color:#000;
	text-decoration: none;
}
a:visited {color: #000;
	text-decoration: none;
}
a:hover {color: #fff;
	text-decoration: none;
}
a:active {color:none;
	text-decoration: none;
}

#ph{
  position: absolute; /* on positionne le conteneur */
  margin-left:10%;
  margin-right: 10%;
  width:80%;
  text-align: center;
  z-index:1;


bottom:10%;
opacity:1;


}
#ph2{
  position: absolute; /* on positionne le conteneur */
  margin-left:10%;
  margin-right: 10%;
  width:80%;
  text-align: center;
  z-index:1;


bottom:10%;
opacity:1;


}
h2 {
	
				font-size:10rem;
				opacity:0.9;
			
				letter-spacing:0px;
				
				color:#FFF;
							position: relative;	
							z-index:3;
							top:-10px;
						
		text-transform:uppercase;

}
h9 {
	
				font-size:10rem;
				opacity:0.9;
			
				letter-spacing:0px;
				
				color:#FFF;
							position: relative;	
							z-index:3;
							top:-100px;
						
		text-transform:uppercase;

}
h6{
	
				font-size:4rem;
				opacity:0.9;
			
				letter-spacing:0px;
				
				color:#FFF;
							position: relative;	
							z-index:3;
							top:00px;
						
		text-transform:uppercase;

}
h1 {
	
				font-size:.6rem;
				opacity:0.9;
			
				letter-spacing:0px;
				
				color:#fff;
				text-transform:uppercase;
							position: relative;	
							z-index:3;
							top:55px;
						
		

}
h3 {
	
				font-size:7px;
				opacity:0.8;
			
				letter-spacing:0px;
				
				color:#fff;
				text-transform:uppercase;
							position: relative;	
							z-index:3;
							top:50px;
						
		

}
	




.fb-like{
z-index:31;


}


#yo{
bottom:4.5px;
position:absolute;
	z-index:31;
	background-color:#FFF;
	right:100px;
	
}

#ye{position:absolute;
	width:49px;
	height:20px;

	text-align:center;
	 
	background-color:#FFF;
		  line-height:20px;
		  
		  

		opacity:1;
		z-index:32;
		font-size:11px;
			color:#555;
		  font-family:'trade';
		 
		  
	}
#ya{position:absolute;
	background-color:#FFF;

		opacity:0;
		z-index:38;
		top:0px;
	}	
	
	
#cache { background-color:#000000;
width:100%;
height:100%;
position:absolute;
z-index:15;
opacity:1;

}

	
	#contbout{
		position:fixed;
		  text-align: center;
		  z-index:9;
		
		bottom :20%;
	left:10%;
		width:80%;
		right:10%;;
	
		


	}
	#contbout2{
		position:fixed;
		  text-align: center;
		  z-index:8;
			bottom :25%;
	left:10%;
		width:80%;
		right:10%;;

	}
	
	#contbout3{
		position:fixed;
		  text-align: center;
			  z-index:8;
	bottom :20%;
	left:10%;
		width:80%;
		right:10%;;

	}
	
	.bout {  
	
	display: inline-block;
	margin: 0 1em;
	opacity:1;
	padding:5px;
	padding-left:6px;
	padding-right:6px;
	background: #fff;
	border-radius: 15px;
	transition: all 0.3s ease-out;

	/* Font styles */
  text-decoration: none;
	color:#000;
	z-index:9;
	

	cursor:pointer;
	transition: all 0.3s ease-out;
	
}


.bout:hover { background: #000;

 color:#fff;
 }

		.bout2 {  
	
	display: inline-block;
	margin: 0 3em;
	opacity:0.8;
	padding:2px;
	padding-left:3px;
	padding-right:3px;
	background: #fff;
	border-radius: 2px;
	transition: all 0.3s ease-out;

	/* Font styles */
  text-decoration: none;
	color:#000;
	z-index:4;

	cursor:pointer;
	transition: all 0.3s ease-out;
	
}


.bout2:hover { background: #000;

 color:#fff;
 }
	
h4 {
	
				font-size:11px;
			display: inline-block;
			color:#000;
				text-transform:uppercase;
							
							padding:2px;
	padding-left:3px;
	padding-right:3px;
		


}



h7 {
	
				font-size:1rem;
		
		position: relative;	
							z-index:3;
							top:-43px;
							
					
		
text-transform:uppercase;

}

h8 {
	
				font-size:1rem;
		
		position: relative;	
							z-index:3;
							top:-45px;
							
					color:#FFF;
		


}

h8:hover {
	
	
							
					color:#CC9;
		


}


h5 {
	
				font-size:16px;
		opacity: .7;
			
				text-transform:uppercase;
						top:-70px;	
						
		
			color:#111;
			
				text-transform:uppercase;
							position: relative;	
							z-index:3;
							top:-55px;
						


}
	
		#bgk{
	background:url(../images/html/inraci2.jpg) 50% 0 no-repeat;
				   background-size:cover;
	
				/* Set rules to fill background */
	min-height: 100%;
	min-width:100%;

	top:0%;
opacity:0.9;
				
			position: absolute;	
z-index:0;	
			
	
		}
		
				#bgk2{
	background:url(../images/html/inraci3.jpg) 50% 0 no-repeat;
				   background-size:cover;
	
				/* Set rules to fill background */
	min-height: 100%;
	min-width:100%;

	top:0%;
opacity:0.8;
				
			position: absolute;	
z-index:0;	
			
	
		}
					#bgk3{
	background:url(../images/html/inraci4.jpg) 50% 0 no-repeat;
				   background-size:cover;
	
				/* Set rules to fill background */
	min-height: 100%;
	min-width:100%;

	top:0%;
opacity:1;
				
			position: absolute;	
z-index:0;	
			
	
		}
@media (min-width: 1520px) {
	
	
}

@media (max-width: 1400px) {
	
			h2{
font-size:8.5rem;
 }
}

/* target screen width  */
@media (max-width: 1280px) {
	
		h2{
font-size:7rem;
 }
}
	
@media (max-width: 1160px) {

		h2{

 }
}
	
@media (max-width: 1040px) {
		h9{font-size:8rem;	top:-30px;
}
		h2{
font-size:6rem;
 }
}
	
@media (max-width: 920px) {
		h9{font-size:8rem;	top:-30px;
}
			h2{

 }
}
	
@media (max-width: 800px) {
	h9{font-size:7rem;	top:-30px;
}
		h2{
font-size:5rem;
 }
}
	
@media (max-width: 680px) {
	h9{font-size:5rem;	top:-00px;
}
		h2{
font-size:4rem;
 }
 h8{font-size:0.6rem;	top:50px;
}
	h7{font-size:0.5rem;	top:20px;
}	
}
	
@media (max-width: 560px) {
h9{font-size:5rem;
}
	
		h2{
font-size:2rem;
 }
 	#contbout2{
		
			bottom :30%;
	left:1%;
		width:98%;
		right:1%;;

	}
		
h4 {
	
				font-size:10px

}

	.bout {  
	
	display: inline-block;
	margin: 0 1em;
	opacity:1;
	padding:3px;
	;
	background: #fff;
	border-radius: 15px;
	transition: all 0.3s ease-out;

	/* Font styles */
  text-decoration: none;
	color:#000;
	z-index:4;

	cursor:pointer;
	transition: all 0.3s ease-out;
	
}

h8{font-size:0.6rem;	top:50px;
}
	h7{font-size:0.5rem;	top:20px;
}	


}
	
@media (max-width: 440px) {
		h9{font-size:3rem;	top:50px;
}

h6{
	
				font-size:3rem;
				opacity:0.9;
				top:10%;;
				
			

}
	h2{
font-size:2rem;
 }
h9{font-size:3rem;	top:20px;
}
h8{font-size:0.6rem;	top:50px;
}
	h7{font-size:0.5rem;	top:20px;
}	
}

@media (max-width: 300px) {
h6{
	
				font-size:2rem;
				opacity:0.9;
				top:-20%;;
				
			

}

	h1{
font-size:0.41rem;
top:35px;
						
 }
 	h3{
font-size:0.2rem;
 }


}

@media (max-width: 300px)  {
	h9{font-size:2rem;	top:30px;
}	
h8{font-size:0.6rem;	top:50px;
}
	h7{font-size:0.5rem;	top:20px;
}
	
	h6{
	
				font-size:3rem;
				opacity:0.9;
				top:-20%;;
				
			

}
	h2{
font-size:2rem;
 }
	h1{
font-size:0.41rem;
top:35px;
						
 }
 	h3{
font-size:0.2rem;
 }
}