@media all and (orientation: portrait){
.uk-navbar-nav{
	background-color: ;
}
.uk-navbar-nav img{
	display: none;
}
/*---------------*/
/*-----------------Accueil*/
/*---------------*/
#accueil{
	width: 100%;
	border-radius: 0px 0px 0px 0px;
}
#accueil h1{
	display: none;
}
#accueil p{
	color: white;
	font-size: 12px;
	padding-bottom: 5%;
}
#accueil img{
	background-image: url('img/logo/logo160x160.png');
	background-repeat: no-repeat;

}
/*---------------*/
/*----------------footer*/
/*---------------*/
#footer a{
	font-size: 10px;
}
#footer{
	background: radial-gradient(grey,black);
	width: 100%;
	border-radius: 0px 0px 0px 0px;
}
/*---------------*/
/*----------------uk_sticky*/
/*---------------*/
.uk-sticky ul li a{
	font-size: 12px;
	background: radial-gradient(grey,black);
	color: white;
}
.uk-sticky{
	margin-left: 0%; 
}
/*---------------*/
/*-----------------Accueil_page_1*/
/*---------------*/
#accueil_page1 {
	width: 100%;
	border-radius: 0px 0px 0px 0px;
}
#accueil_page1 h1{
	
}
#accueil_page1 p{
	font-size: 12px;
}
#accueil_page2 h1{
	font-size: 18px;	
}
#accueil_page2 p{
	font-size: 12px;
}
#accueil_page3 h1{
	font-size: 18px;
}
#accueil_page3{
	width: 100%;
	border-radius: 0px 0px 0px 0px;
}		
#accueil_page3 p{
	font-size: 12px;
}
#accueil_contact{
	width: 100%;
	border-radius: 0px 0px 0px 0px;
}
/*---------*/
/*----------accueil_contact---*/
/*---------*/
#accueil_contact li{
	text-align: center;
	font-size: 12px;
	color: white;
}
#accueil_contact img{
	width: 20%;
}
/*---------*/
/*-----------index1---*/
/*---------*/
#index1{
	background-image: url('img/camionBIS/camion2.jpg');
	background-repeat: no-repeat;
}
#index1 h1{
	display: ;
	width: 60%;
	background: radial-gradient(grey,black);
}
#index1 h2{
	display: ;
	width: 60%;
	background: radial-gradient(grey,black);
}
/*---------*/
/*------------play_java---*/
/*---------*/
#play_java1 h5{
	font-size: 12px;
}
#play_java2 h5{
	font-size: 12px;	
}
#play_java{
	width: 100%;
}
/*---------------------ELEMENT 1*/
.element1 {
	width: 25%;
}
.element1 a{
	
}
.element1 img{
	width: 45%;
}
/*----------------------ELEMENT 2*/
.element3 {
	width: 25%;
}
.element3 a{
	
}
.element3 img{
	width: 40%;
}	
/*-----------------------ELEMENT 4*/
.element4 {
	width: 25%;
}
.element4 a{
	
}
.element4 img{
	width: 30%;
}
/*---------------------------------*/

}
#index1 h2{
	font-size: 15px;
}