@media screen and (min-width: 320px) and (max-width: 767px) {
	.headbar-green2 #logo{
		margin-top: 0;
	}
	
	.headbar-green .logout a{
		font-size: 14px;
	}
	#wrap .center h1{
		font-size: 20px;
	}
	
	#wrap .center #connexion legend{
		font-size: 18px;
	}
	#wrap .center #connexion input[type="submit"]{
		font-size: 16px;
	}
	
	.headbar-green2 #search{
		background-position: left 20px;
		width: 100%;
	}
	.headbar-green2 #search .form-user{
		padding-right: 50px;
		position: relative;
	}
	.headbar-green2 #search input[type="text"]{
		width: 100%;
		padding: 0 10px;
		font-size: 14px;
	}
	.headbar-green2 #search input[type="submit"]{
		margin: -55px 0 0 auto;
		display: block;
		position: relative;
		z-index: 1;
	}
	
	#wrap2 .container .row .left {
		min-height: 0 !important;
		height: auto !important;
		margin-top: 20px;
	}
	#wrap2 #left-menu ul li a{
		font-size: 16px;
		padding: 5px 0;
	}
	
	#wrap2 .container .row .right{
		padding: 20px 0 0 0;
	}
	#wrap2 .table >thead >tr >th{
		font-size: 14px;
	}
	#wrap2 .table >tbody >tr >td{
		font-size: 14px;
	}
	
	#copyright ul li{
		font-size: 12px;
	}
}

@media screen and (min-width: 768px) {
	.headbar-green2 #search input[type="text"]{
		width: 180px;
		margin-right: 10px;
		padding: 0 10px;
	}
	
	#wrap2 .container .row .right{
		padding-left: 20px;
	}
	
	#wrap2 .table >thead >tr >th{
		width: 20%;
		font-size: 16px;
	}
	#wrap2 .table >tbody >tr >td{
		font-size: 16px;
	}
}