First commit, current version 0.2

style.css

@@ -0,0 +1,160 @@
+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%;
+}