body {
	font-family: verdana, sans;
	margin: 0;
}
div.error {
	padding: 20px;
	background-color: orange;
}

.clr {
	float: none !important;
	clear: both !important;
}

h1, h2, h3 {
	color: #007fff;
}

th {
	background-color: #007fff;
	color: white;
	padding: 5px 10px;
	font-weight: normal;
}
table.results td {
	padding: 5px;
}
table.results tr:nth-child(2n) {
	background-color: #eef;
}

table.results tr:hover td {
	background-color: #ccc;
}


ul#menu {
	margin: 3px; padding: 0;
	list-style-type: none;
	position: absolute; top: 0; left: 0;
}
ul#menu li {
	margin-bottom: 10px;
}
ul#menu a {
	display: block;
	height: 100px;
	width: 110px;
	text-align: center;
	border: 1px solid #ddd;
        background-repeat: no-repeat;
        background-position: 50% 60%;
        background-color: #007fff;
        color: white;
        text-decoration: none;
        padding-top: 5px;
}
#a_localisation { background-image: url(../icons/localisation.png); }
#a_marque { background-image: url(../icons/marque.png); }
#a_utilisateurs { background-image: url(../icons/personnel.png); }
#a_site { background-image: url(../icons/site.png); }
#a_transport { background-image: url(../icons/transport.png); }
#a_vehic { background-image: url(../icons/vehic.png); }


div#content {
	padding: 10px 5px 5px 140px;
}

form#loginForm {
	width: 400px;
	margin: 200px auto;
}
form#loginForm img {
	width: 100%;
}


@media screen and (max-width:900px),handheld and (max-width:900px){


	form#loginForm {
		width: 80%;
	}

	ul#menu { position: static; width: 100%; }
	ul#menu li { float: left; }
	ul#menu a {
		display: block;
		height: 80px;
		width: 85px;
	}
	div#content { padding: 10px; }

	input, select, textarea {
		font-size: 1.2em;
	}
	input[type=text] {
		width: 60%;
	}

	table.results td {
		padding: 5px 0;
	}
}