@charset "UTF-8";

/*  Specific Style for Firefox 3 */
header, footer {  
	display	: block;  
}

/*  Style for page header */
header {
	background: #D3D3D3; /* lightgray in CSS3 */
}

header form {
	float: right;
	padding-top: 60px;
	padding-right: 20px;
}

/*  Style for Navigation area */
nav {
	background: #F5F5F5; /* whitesmoke in CSS3 */
	float: left;
	width: 150px;
	padding: 10px;
}

nav ul {
	list-style: none;
}

nav li {
	padding: 5px 0px;
}

nav a {
	text-decoration: none;
	color: black;
}

nav a:hover {
	color: fuchsia;
}

/*  Style for Form area */
form {
	float: left;
	padding: 10px;
}

input:focus:valid {
	outline: 2px lime solid; 
}

input:focus:invalid {
   outline: 2px red solid;
}

input[required] {
   outline: 2px blue solid;
}

/*  Style for Informations area */
aside {
	float: right;
	color: fuchsia;
	font-family: Verdana, sans-serif;
	font-size: 20px;
	width: 150px;
	border: 1px solid;
	margin: 10px 0px;
	padding: 30px 10px;
}

/*  Style for page footer */
footer {
	clear: both;
	padding: 10px;
	background: #696969; /* dimgray in CSS3 */
	color: white;
}

footer div {
	float: right;
}

footer a {
	text-decoration: none;
	color: #DCDCDC; /* gainsboro in CSS3 */
}

footer a:hover {
	color: white;
}	
	
footer img {
	border: 0px; 
	width: 88px; 
	height: 31px;
}

/*  Style for Content area */
div#content_id {
	float: left;
	padding: 10px;
	width: 540px;
}
