a {
	color: #8a77a1;
	text-decoration: none;
}
a:hover {
	color: #816e99;
	text-decoration: underline;
}

body {
	background-color: #E1E2E4;
	background-image: url('images/background.jpg');
	background-attachment: fixed;
	font-family: sans-serif;
	text-align: center;
}

@font-face
{
	font-family: title;
	src: url('fonts/kidprint.ttf');
}

h1 {
	color: #75903b;
}
h2 {
	color: #7f9a48;
}
h3 {
	color: #89a355;
}
h4, h5, h6 {
	color: #95ae64;
}

label {
	color: #e9802c;
	font-weight: bold;
	margin-right: 5px;
}
label:hover {
	text-decoration: underline;
}

input[type=text], input[type=password], select {
	transition: background 0.75s;
	-moz-transition: background 0.75s;
	-webkit-transition: background 0.75s; 
	-o-transition: background 0.75s;
}
input, select {
	background: #558dd4;
	border: #2f588b solid 1px;
	border-radius: 5px;
	margin-top: 5px;
}
input:hover, input:focus, select:hover, select:focus {
	background: #95cdff;
}
input.erreur, select.erreur {
	background: #df0009;
	border: #f7000b solid 1px;
}
input.erreur:hover, select.erreur:hover {
	background: #ff2029;
}

div#logo {
	background: transparent url('images/logog.png') no-repeat 0 0;
	display: block;
	height: 312px;
	text-align: right;
	margin: auto;
	width: 999px;
}
div#logo img#etatAvance {
	display: block;
	float: right;
	margin-top: 80px;
	margin-right: 170px;
}
div#logo img#titre {
	clear: right;
	display: block;
	float: right;
	margin-top: 79px;
	margin-right: 127px;
}

#erreur {
	color: #FF0000;
	font-weight: bold;
	text-decoration: blink;
}


/* Pages */
fieldset.connexion {
	background: #e3e3e3;
	border-radius: 10px;
	box-shadow: 0px 0px 11px #555;
	margin: auto;
	min-width: 200px;
	width: 200px;
}

dl.application {
    background: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.31, #15DD47),
	color-stop(0.66, #31FF64)
    );
    background: -moz-linear-gradient(
	center bottom,
	#15DD47 31%,
	#31FF64 66%
    );

    border: 2px solid black;
    border-radius: 10px;
    box-shadow: 0px 0px 11px #11CC99;
    padding: 5px;
    text-align: left;
	
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s; 
    -o-transition: background 0.5s;
}
dl.application.construction {
	box-shadow: 0px 0px 11px #e9771a;
}
dl.application.alpha {
	box-shadow: 0px 0px 11px #db302d;
}
dl.application.beta {
	box-shadow: 0px 0px 11px #8c9c4a;
}
dl.application:hover {
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.2, #3082E2),
	    color-stop(0.6, #4D9CFF)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #3082E2 20%,
	    #4D9CFF 60%
	);
}

dl.application dt {
	font-weight: bold;
	font-size: 130%;
}