Version 0.3: replace Prototype by JQuery and use bootstrap

htdocs/css/style.css

@@ -0,0 +1,105 @@
+@font-face
+{
+	font-family: title;
+	src: url('/fonts/kidprint.ttf');
+}
+
+h1 {
+	color: #75903b;
+}
+h2 {
+	color: #7f9a48;
+}
+h3 {
+	color: #89a355;
+}
+h4, h5, h6 {
+	color: #95ae64;
+}
+
+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;
+}
+
+
+/* Pages */
+fieldset.connexion {
+	background: #e3e3e3;
+	border-radius: 10px;
+	box-shadow: 0px 0px 11px #555;
+	margin: auto;
+	min-width: 420px;
+	width: 420px;
+}
+
+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%;
+}