X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F1%2Feuphorik.css;h=25b51cf4fd7b0d2a3e7e4b23b486d586c2a83190;hp=7f3d5c877789fb421a208ac7a91a6ac3ac4d7163;hb=22ef1631270f6798262d85eb7c8f95aee65493fd;hpb=23657a6f0b0c17bf0c8b813bd9ac9b1f1fbc35b8

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 7f3d5c8..25b51cf 100755
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -1,54 +1,49 @@
-@import url(../common.css);
+/* coding: utf-8 */
+
 @import url(pageMinichat.css);
-@import url(pageAdmin.css);
+@import url(pageAdmin.css);
 @import url(pageProfileRegister.css);
 @import url(pageAbout.css);
-
-
-* {
-	padding: 0px;
-	margin: 0px;
-}
-
-body {
-   font-family: sans-serif;
-   font-size: 12px;
-   color: #841919;
-   background-color: #f6dfc2
-}
-
+
+* {
+	padding: 0px;
+	margin: 0px;
+}
+
+body {
+	font-family: sans-serif;
+	font-size: 12px;
+	color: #841919;
+	background-color: #f6dfc2;
+}
+
 #container {
-   position: relative;
-   height: auto;
-   margin: 0px;
+	height: auto;
+	margin: 0px;
 }
 
+/***** Menu *****/
 ul#menu {
-	/*
-	left: 300px;
-	top: 2px;*/
 	background-image: url(../../img/css1/logo_fond.png);
-	/*position: absolute;*/
 	height:129px;
 	width: 100%;
 	font-size: 11px;
 	list-style-type:none;
-	/*background-color: #e19671;*/
 }
 #menu li:first-child {
 	margin-left: 340px;
 }
 #menu li {
 	margin-top: 47px;
-	padding-top: 5px;
 	font-size: 14px;
 	text-align: center;
 	cursor: pointer;	
-	height:25px;
+	height:30px;
 	z-index: 20;
 	float: left;
 	min-width: 60px;
 	background-color: #f6dfc2;
+	line-height: 32px;
 }
 #menu li.courante {	
 	background-color: #ffffff;
@@ -60,90 +55,90 @@ ul#menu {
 	background-color: #ffffff;
 }
 
+/***** Le menu pour le choix de la CSS *****/
 #menuCss {
 	position: absolute;
 	z-index: 10;
-	left: 600px;	
+	left: 550px;	
 	top:0px;
 	font-size: 9px;
 }
 
+/***** Le style du contenu des pages *****/
 #page {
-   font-size: 12px;
-   background-color: #f6dfc2;
-   padding: 10px 10px 15px 10px;
+	font-size: 12px;
+	background-color: #f6dfc2;
+	padding: 10px 10px 15px 10px;
 }
-
 #page > h1 {
-   margin-top: 10px;
-   margin-left: 0px;
-   font-size: 18px;
-   color : #a6b80e
+	margin-top: 10px;
+	margin-left: 0px;
+	font-size: 18px;
 }
-
 #page > h2 {
-   margin-top: 10px;
-   margin-left: 10px;
-   font-size: 16px;
-   color : #899714;
+	margin-top: 10px;
+	margin-left: 10px;
+	font-size: 16px;
 }
-
 #page > h3 {
-   margin-top: 10px;
-   margin-left: 20px;
-   font-size: 14px;
-   color : #79841a;
-   background-color : #1e2201
+	margin-top: 10px;
+	margin-left: 20px;
+	font-size: 14px;
+	background-color : #FFFFFF
 }
-
 #page > h4 {
-   margin-top: 10px;
-   margin-left: 25px;
-   font-size: 12px;
-   color : #646d1d
+	margin-top: 10px;
+	margin-left: 25px;
+	font-size: 12px;
 }
-
 #page > p {
-   margin-top: 3px;
-   margin-left: 35px;
-   color : #e9e9e9
+	margin-top: 3px;
+	margin-left: 35px;
 }
-
 #page > ul {
-   margin-top: 3px;
-   margin-left: 45px;
-   color: #e9e9e9
+	margin-top: 3px;
+	margin-left: 45px;
 }
-
 #logo {
-   z-index: 10;
-   background-image: url(../../img/css1/logo.png);
+	z-index: 10;
+	background-image: url(../../img/css1/logo.png);
 	background-repeat: no-repeat;
-   width: 304px;
-   height: 129px;
-   position: absolute;
-}
+	width: 304px;
+	height: 129px;
+	position: absolute;
+}
+#logo.ekMaster {
+	background-image: url(../../img/css1/logo_ek_master.png);
+}
 
+/***** Le pied de page *****/
 #footer {
 	background-color: #e19671;
-	text-align: center;
-}
-#footer a img{
-	border-style: none;
-}
-
+	text-align: right;
+	font-size: 9px;
+	padding: 2px
+}
+#footer a img{
+	border-style: none;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+#footer span{
+	margin-right: 10px;
+}
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/
 div#info {
-	text-align: center;
-	width:100%;
-	position: fixed;
-	left: 0px;
-	top: 0px;
+	text-align: center;
+	width:100%;
+	position: fixed;
+	left: 0px;
+	top: 0px;
 	background-color: #841919;
-	border-bottom: 1px solid #FFFFFF;
+	border-bottom: 1px solid #FFFFFF;
 	z-index: 20;
-	color: #f0df95
+	color: #f0df95
 }
-
 div#info div.fermer {
 	float:right;
 	cursor: pointer;
@@ -151,7 +146,6 @@ div#info div.fermer {
 	width: 16px;
 	background-image: url(../../img/fermer.gif)
 }
-
 div#info #icone {
 	float:left;	
 	height:16px;
@@ -165,12 +159,10 @@ 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: #c62929;	
@@ -181,40 +173,84 @@ div#info .boutons div {
 div#info .boutons div:hover {
 	background-color: #e84747;	
 }
-
-.captcha {
-	display:none
+
+/***** Les infos bulles *****/
+#flecheBulle {
+	position: absolute;
+	z-index: 50;
+	display: none
+}
+.flecheBulleHaut {
+	background-image: url(../../img/css1/fleche_bulle_haut.png);
+	width: 15px;
+	height: 8px;
+}
+.flecheBulleDroite {
+	background-image: url(../../img/css1/fleche_bulle_droite.png);
+	width: 8px;
+	height: 15px;
+}
+.flecheBulleBas {
+	background-image: url(../../img/css1/fleche_bulle_bas.png);
+	width: 15px;
+	height: 8px;
+}
+.flecheBulleGauche {
+	background-image: url(../../img/css1/fleche_bulle_gauche.png);
+	width: 8px;
+	height: 15px;
+}
+#messageBulle {
+	position: absolute;
+	z-index: 50;
+	color: #ffffff;
+	background-color: #841919;
+	display: none;
+	font-size: 10px;
+}
+#messageBulle p {
+	padding: 3px 6px;
+}
+
+/***** Le faux captcha *****/
+.captcha {
+	display:none;
 }
 
+/***** Les formulaires *****/
 form input,
 form button,
 form select {
 	background-color: #f0df95; 
 	border: #841919 1px solid;
 }
-
+form input:hover, form input:focus,
+form button:hover, form button:focus,
+form select:hover, form select:focus {
+	background-color: #ffffff;
+}
 form input,
 form select {
 	font-size: 12px;
 }
-
 form button {
 	font-size: 11px;
 }
-
-a {
-   text-decoration: none;
-}
-a:link {
-	color: #c62929;
-}
-a:visited {
-   color: #c62929;
-}
-a:hover {
-   color: #e84747;
-}
-a:active {
-   color: #e84747;
-}
-
+form input[readonly] {
+	background-color: #d0c9aa
+}
+
+/***** Les liens *****/
+.lien, a {
+	text-decoration: underline;
+	color: #c62929;
+}
+.lien {
+	cursor: pointer
+}
+a:link, a:visited {
+	color: #c62929;
+}
+.lien:hover, .lien:active, a:hover, a:active {
+	color: #e84747;
+}