New version

htdocs/style.css

@@ -0,0 +1,166 @@
+body
+{
+    background: url('images/background.jpg');
+    margin-bottom: 234px;
+}
+
+header
+{
+    margin: auto;
+    width: 999px;
+}
+header span
+{
+    display: none;
+}
+header h1
+{
+    background: url('images/logo.png');
+    height: 312px;
+    width: 100%;
+}
+header h2
+{
+    background: url('images/partage.png');
+    float: right;
+    height: 92px;
+    margin: -93px 125px 0 0;
+    width: 171px;
+}
+
+p,ul
+{
+    margin: auto;
+    text-align: left;
+}
+
+#res {
+    font-size: 80%;
+    text-align: right;
+}
+#res ul, #res ul li {
+    display: inline;
+    padding-right: 10px;
+}
+
+label {
+    color: #80a92c;
+    font-weight: bold;
+    margin-right: 5px;
+}
+label:hover {
+    text-decoration: underline;
+}
+
+input[type=text], input[type=password], select, textarea {
+    transition: background 0.75s;
+    -moz-transition: background 0.75s;
+    -webkit-transition: background 0.75s; 
+    -o-transition: background 0.75s;
+}
+input, select, textarea {
+    background: #558dd4;
+    border: #2f588b solid 1px;
+    border-radius: 5px;
+    margin-top: 5px;
+}
+input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
+    background: #95cdff;
+}
+input.erreur, select.erreur {
+    background: #df0009;
+    border: #f7000b solid 1px;
+}
+input.erreur:hover, select.erreur:hover {
+    background: #ff2029;
+}
+
+h1 {
+    color: #75903b;
+    text-align: center;
+}
+h2 {
+    color: #7f9a48;
+}
+h3 {
+    color: #89a355;
+}
+h4, h5, h6 {
+    color: #95ae64;
+}
+
+form {
+    text-align: center;
+}
+
+fieldset, div#content, ul#list, .blk {
+    background: #e3e3e3;
+    border: none;
+    border-radius: 10px;
+    box-shadow: 0px 0px 11px #555;
+    min-height: 50px;
+    margin: auto;
+    width: 750px;
+}
+
+div.blk {
+    margin-bottom: 15px;
+    padding-bottom: 15px;
+}
+
+.blk h2 {
+    background: #88DE66;
+    border-bottom: solid 2px #208748;
+    border-radius: inherit;
+    border-radius: 10px 10px 0 0;
+    color: #309F60;
+    text-align: center;
+    transition: color 1s;
+    -moz-transition: color 1s;
+    -webkit-transition: color 1s; 
+    -o-transition: color 1s;
+}
+.blk:hover h2 {
+    background: #88DE66;
+    color: #30609F;
+}
+.blk h3 {
+    color: #444;
+    text-align: center;
+    font-style: italic;
+}
+
+ul#list
+{
+    padding: 10px 10px 10px 20px;
+}
+
+div#content {
+    padding: 5px;
+    text-align: left;
+    min-width: 80%;
+}
+
+div#content pre {
+    overflow-x: auto;
+}
+
+textarea#content {
+    height: 200px;
+    width: 90%;
+}
+
+div.answer {
+    float: right;
+    font-size: 65%;
+    font-style: italic;
+}
+
+ins
+{
+    color: #00DF22;
+}
+del
+{
+    color: #DF2200;
+}