ADD nouveau style (pas fini mais presque)

[euphorik.git] / css / 1 / euphorik.css

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index c3a4ace..7f3d5c8 100755 (executable)
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -6,48 +6,58 @@
 \r
 \r
 * {\r
-       padding: 0;\r
-       margin: 0;\r
+       padding: 0px;\r
+       margin: 0px;\r
 }\r
 \r
 body {\r
    font-family: sans-serif;\r
    font-size: 12px;
-   color: #EEEEEE;\r
-   text-align: center; /* uniquement pour IE */\r
-   background-color: #DFDFDF;\r
-   background-image: url(../../img/css1/fond.png)\r
+   color: #841919;
+   background-color: #f6dfc2\r
 }\r
 \r
 #container {
    position: relative;\r
    height: auto;\r
-   margin-left: 10px;\r
-   margin-right: 10px;\r
-   margin-top: 40px;\r
+   margin: 0px;\r
 }
 
-#menu {
-       position: absolute;
-       z-index: 10;
-       top: 2px;
+ul#menu {
+       /*
        left: 300px;
+       top: 2px;*/
+       background-image: url(../../img/css1/logo_fond.png);
+       /*position: absolute;*/
+       height:129px;
+       width: 100%;
        font-size: 11px;
-       background-color: #000000;
-       text-align: left;
+       list-style-type:none;
+       /*background-color: #e19671;*/
+}
+#menu li:first-child {
+       margin-left: 340px;
 }
-#menu div {    
+#menu li {
+       margin-top: 47px;
+       padding-top: 5px;
+       font-size: 14px;
+       text-align: center;
        cursor: pointer;        
-       display: inline;
-       padding: 2px;
-       margin-left: 2px;
-       background-color: #4f5519;
+       height:25px;
+       z-index: 20;
+       float: left;
+       min-width: 60px;
+       background-color: #f6dfc2;
 }
-#menu div.courante {   
-       background-color: #818c27;
+#menu li.courante {    
+       background-color: #ffffff;
+       background-image: url(../../img/css1/triangle.png);
+       background-repeat: no-repeat;
+       background-position: center bottom
 }
-#menu div:hover {      
-       background-color: #818c27
+#menu li:hover {       
+       background-color: #ffffff;
 }
 
 #menuCss {
@@ -59,11 +69,9 @@ body {
 }
 
 #page {
-   position: relative;
    font-size: 12px;
-   background-color: #000000;
-   text-align : left;
-   padding: 30px 10px 15px 10px;
+   background-color: #f6dfc2;
+   padding: 10px 10px 15px 10px;
 }
 
 #page > h1 {
@@ -109,29 +117,31 @@ body {
 
 #logo {
    z-index: 10;
-   background-image: url(../../img/css1/logo_2.png);
-   width: 253px;
-   height: 37px;
+   background-image: url(../../img/css1/logo.png);
+       background-repeat: no-repeat;
+   width: 304px;
+   height: 129px;
    position: absolute;
-   top: -20px;
-   left: 4px;
 }\r
 
 #footer {
-       text-align: right;
+       background-color: #e19671;
+       text-align: center;
 }\r
 #footer a img{\r
        border-style: none;\r
 }\r
 \r
-div#info {\r
+div#info {
+       text-align: center;\r
        width:100%;\r
        position: fixed;\r
        left: 0px;\r
        top: 0px;\r
-       background-color: #000000;
-       border-bottom: 1px solid #aeaeae;\r
-       z-index: 20;\r
+       background-color: #841919;
+       border-bottom: 1px solid #FFFFFF;\r
+       z-index: 20;
+       color: #f0df95\r
 }
 
 div#info div.fermer {
@@ -163,13 +173,13 @@ div#info .boutons {
 
 div#info .boutons div {
        cursor: pointer;
-       background-color: #770000;      
+       background-color: #c62929;      
        display: inline;
        padding: 0px 5px 0px 5px;
        margin: 0px 5px 0px 5px;
 }
 div#info .boutons div:hover {
-       background-color: #bc0000;      
+       background-color: #e84747;      
 }
 \r
 .captcha {\r
@@ -179,25 +189,32 @@ div#info .boutons div:hover {
 form input,
 form button,
 form select {
-       background-color: #164200; 
-       border: #2d8800 1px solid;
-       color: #EEEEEE;
+       background-color: #f0df95; 
+       border: #841919 1px solid;
+}
+
+form input,
+form select {
        font-size: 12px;
 }
+
+form button {
+       font-size: 11px;
+}
 \r
 a {\r
    text-decoration: none;\r
 }\r
 a:link {\r
-       color: #7664ff;\r
+       color: #c62929;\r
 }\r
 a:visited {\r
-   color: #7664ff;\r
+   color: #c62929;\r
 }\r
 a:hover {\r
-   color: #ffad0f;\r
+   color: #e84747;\r
 }\r
 a:active {\r
-   color: #ffad0f;\r
+   color: #e84747;\r
 }\r
 \r