X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F2%2Feuphorik.css;h=ca5992e7cf26f6309a5afc7c1d8c0e8656219990;hp=a0d374322691f3e33f18c569422543de270c2f8d;hb=cdc1ad807b840d13d2968d824045ec8da39bcb1d;hpb=6feaef2a51f7226c41d69f9e86f605718b78aa02

diff --git a/css/2/euphorik.css b/css/2/euphorik.css
index a0d3743..ca5992e 100755
--- a/css/2/euphorik.css
+++ b/css/2/euphorik.css
@@ -1,113 +1,145 @@
-@import url(../common.css);
-@import url(pageMinichat.css);
-@import url(pageProfileRegister.css);
+/* coding: utf-8 */
+
+@import url(pageMinichat.css);
+@import url(pageAdmin.css);
+@import url(pageProfileRegister.css);
+@import url(pageAbout.css);
 
 * {
-	padding: 0;
-	margin: 0;
+	padding: 0px;
+	margin: 0px;
 }
 
 body {
    font-family: sans-serif;
-   font-size: 10pt;
-   color: #4b4b4b;
-   text-align: center; /* uniquement pour IE */
-   background-color: #e5e1ff;
-   background-image: url(../../img/css2/fond.png);
-   background-repeat: repeat-x;
+   font-size: 12px;
+   color: #EEEEEE;
+   background-color: #DFDFDF;
+   background-image: url(../../img/css2/fond.png)
 }
 
-#container {
-   position: relative;
-   width: 700px;
+#container {
    height: auto;
-   margin-left: auto;
-   margin-right: auto;
-   margin-top: 20px;
-}
-
-#menu {
-	position: absolute;
-	z-index: 10;
-	font-size: 8pt;
-	left: 350px;
-	text-align: left;
+   margin-left: 10px;
+   margin-right: 10px;
+   margin-top: 40px;
 }
 
-#menu div {	
-	cursor: pointer;
-	display: inline;
+/***** Menu *****/
+ul#menu {
+	padding-left: 300px;
+	height: 23px;
+	font-size: 11px;
+	background-color: #000000;
+	list-style-type:none;
+}
+#menu li {
+	cursor: pointer;	
+	z-index: 20;
+	float: left;
 	padding: 2px;
 	margin-left: 2px;
-	background-color: #00eaa0;
+	background-color: #4f5519;
 }
-
-#menu div.courante {	
-	background-color: #00ea48;
+#menu li.courante {	
+	background-color: #818c27;
 }
-#menu div:hover,
-#menuCss div:hover
-{	
-	background-color: #00ea48
+#menu li:hover {	
+	background-color: #818c27
 }
 
+/***** Le menu pour le choix de la CSS *****/
 #menuCss {
 	position: absolute;
-	left: 600px;
-	top: -5px;
 	z-index: 10;
+	left: 600px;	
+	top:40px;
+	font-size: 9px;
 }
 
-#menuCss div {
-	cursor: pointer;	
-	display: inline;
-	font-size: 8pt;
-	margin-left: 4px;
-	margin-right: 4px;
-}
-
+/***** Le style du contenu des pages *****/
 #page {
-   position: relative;
-   padding: 20px 0px 15px 0px;
-   font-size: 8pt;
-   background-color: #eff4f8;
+   font-size: 12px;
+   background-color: #000000;
+   padding: 10px 10px 15px 10px;
+}
+#page > h1 {
+   margin-top: 10px;
+   margin-left: 0px;
+   font-size: 18px;
+   color : #a6b80e
+}
+#page > h2 {
+   margin-top: 10px;
+   margin-left: 10px;
+   font-size: 16px;
+   color : #899714;
+}
+#page > h3 {
+   margin-top: 10px;
+   margin-left: 20px;
+   font-size: 14px;
+   color : #79841a;
+   background-color : #1e2201
+}
+#page > h4 {
+   margin-top: 10px;
+   margin-left: 25px;
+   font-size: 12px;
+   color : #646d1d
+}
+#page > p {
+   margin-top: 3px;
+   margin-left: 35px;
+   color : #e9e9e9
+}
+#page > ul {
+   margin-top: 3px;
+   margin-left: 45px;
+   color: #e9e9e9
 }
-
 #logo {
    z-index: 10;
-   background-image: url(../../img/css2/logo.png);
+   background-image: url(../../img/css2/logo_2.png);
    width: 253px;
    height: 37px;
    position: absolute;
-   top: 5px;
-   left: 5px;
+   top: 20px;
+   left: 4px;
 }
 
+/***** Le pied de page *****/
 #footer {
 	text-align: right;
+	font-size: 9px
+}
+#footer a img{
+	border-style: none;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+#footer span{
+	margin-right: 10px;
 }
-#footer a img{
-	border-style: none;
-}
-
-div#info {
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/
+div#info {
+	text-align: center;
 	width:100%;
 	position: fixed;
 	left: 0px;
 	top: 0px;
-	background-color: #FFFFFF;
+	background-color: #000000;
 	border-bottom: 1px solid #aeaeae;
 	z-index: 20;
 }
-
-div#info .fermer {
+div#info div.fermer {
 	float:right;
 	cursor: pointer;
 	height:16px;
 	width: 16px;
 	background-image: url(../../img/fermer.gif)
 }
-
 div#info #icone {
 	float:left;	
 	height:16px;
@@ -122,59 +154,74 @@ div#info #icone.information {
 div#info #icone.exclamation {
 	background-image: url(../../img/exclamation.gif)
 }
-	
 div#info .boutons {
 	padding: 1px;
 }
-
 div#info .boutons div {
 	cursor: pointer;
-	background-color: #ff7070;	
+	background-color: #770000;	
 	display: inline;
 	padding: 0px 5px 0px 5px;
 	margin: 0px 5px 0px 5px;
 }
 div#info .boutons div:hover {
-	background-color: #ffaeae;	
+	background-color: #bc0000;	
 }
-
+
+/***** Les infos bulles *****/
+#flecheBulle {
+	position: absolute;
+	z-index: 50;
+	width: 15px;
+	height: 8px;
+	background-image: url(../../img/css2/fleche_bulle.png);
+	display: none
+}
+#messageBulle {
+	position: absolute;
+	z-index: 50;
+	color: #ffffff;
+	background-color: #164200;
+	display: none;
+	font-size: 10px;
+}
+#messageBulle p {
+	padding: 3px 6px;
+}
+
+/***** Le faux captcha *****/
 .captcha {
 	display:none
-}
-
-/* Obsolète
-#captcha {
-	margin-bottom: 5px;
-}
-#captcha input {
-	margin-left: 5px;
 }
-#captcha .captchaImg {
-	background-color: #FFFFFF;
-	vertical-align: bottom;
-}*/
 
+/***** Les formulaires *****/
 form input,
+form button,
+form select {
+	background-color: #164200; 
+	border: #2d8800 1px solid;
+	color: #EEEEEE;
+}
+form input,
+form select {
+	font-size: 12px;
+}
 form button {
-	background-color: #FFFFFF; 
-	border: #00eaa0 1px solid;
-	color: #4b4b4b;
-	font-size: 9pt;
+	font-size: 11px;
 }
-
-a {
-   text-decoration: none;
-}
-a:link {
-	color: #4332c1;
-}
-a:visited {
-   color: #4332c1;
+
+/***** Les liens *****/
+.lien, a {
+   text-decoration: none;
+	color: #7664ff;
+}
+.lien {
+	cursor: pointer;
 }
-a:hover {
-   color: #ffad0f;
+a:link, a:visited {
+	color: #7664ff;
 }
-a:active {
+.lien:hover, .lien:active, a:hover, a:active {
    color: #ffad0f;
 }