From: Greg Burri <greg.burri@gmail.com>
Date: Sun, 25 May 2008 12:24:51 +0000 (+0000)
Subject: ADD nouveau style (pas fini mais presque)
X-Git-Tag: 1.0.0^2~34
X-Git-Url: http://git.euphorik.ch/index.cgi?a=commitdiff_plain;h=23657a6f0b0c17bf0c8b813bd9ac9b1f1fbc35b8;p=euphorik.git

ADD nouveau style (pas fini mais presque)
---

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 935d435..7f3d5c8 100755
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -69,9 +69,8 @@ ul#menu {
 }
 
 #page {
-   position: relative;
    font-size: 12px;
-   background-color: #000000;
+   background-color: #f6dfc2;
    padding: 10px 10px 15px 10px;
 }
 
@@ -126,7 +125,8 @@ ul#menu {
 }
 
 #footer {
-	text-align: right;
+	background-color: #e19671;
+	text-align: center;
 }
 #footer a img{
 	border-style: none;
@@ -209,7 +209,7 @@ a:link {
 	color: #c62929;
 }
 a:visited {
-   color: #e84747;
+   color: #c62929;
 }
 a:hover {
    color: #e84747;
diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index da92691..c5602bc 100755
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -1,7 +1,5 @@
 #page.minichat {
-	padding-top: 5px;
-   padding-right: 0px;
-   padding-left: 0px
+	padding: 0px;
 }
 
 #page.minichat img {
@@ -12,8 +10,8 @@
 #smiles {
 	text-align: center;
 	border: 1px solid;
-	border-color: #253f18;
-	background-color: #0c2003;
+	border-color: #ffffff;
+	background-color: #f6dfc2;
 	margin-bottom: 10px;
 	padding: 1px;
 	width: 140px;
@@ -28,7 +26,7 @@
 
 #outilsBan {
 	border-width: 1px 1px 1px 1px;
-	border-color: #253f18;
+	border-color: #ffffff;
 	border-style: solid;
 	padding: 2px;
 	position: absolute;
@@ -49,19 +47,16 @@
 }
 
 #page.minichat #trollCourant {
-	border-top: 1px solid;
-	border-bottom: 1px solid;
-	border-color: #253f18;
-	background-color: #0c2003;
-	margin-top: 4px;
-	margin-bottom: 8px;
-	padding : 1px 0px 1px 10px
+	color: #FFFFFF;
+	position: absolute;
+	z-index: 20;
+	left: 140px;
+	top: 88px;
 }
 
 #page.minichat #trollCourant .troll {
-	font-style: italic;
-	color: #FFFF88;
 	cursor: pointer;
+	font-style: italic
 }
 
 #page.minichat .titreSmiles:hover {
@@ -69,8 +64,9 @@
 }
 
 #page.minichat form {
-   margin-bottom: 15px;
-   padding-left: 10px;
+	background-color: #e19671;
+	padding-left: 10px;
+	padding-bottom: 10px;
 }
 
 #page.minichat form p {
@@ -89,7 +85,7 @@
 #page.minichat form .return {
 	height: 16px;
 	width: 32px;
-	background-image: url(../../img/css1/return.png);
+	background-image: url(../../img/css2/return.png);
 	background-repeat: no-repeat;
 	background-position: 5px 2px;
 	vertical-align: top;
@@ -98,7 +94,7 @@
 #page.minichat form .smiles {
 	height: 16px;
 	width: 16px;
-	background-image: url(../../img/css1/bouton_smiles.png);
+	background-image: url(../../img/css2/bouton_smiles.png);
 	background-repeat: no-repeat;
 	background-position: 2px 2px;
 	vertical-align: top;
@@ -124,16 +120,17 @@
 	border-left-style: solid;
 	border-color: transparent;
 	padding-right: 5px;
-	padding-left: 4px;
 	cursor: pointer;
+	min-height: 18px;
+	line-height: 18px;
 }
 
 #page.minichat #conversations div.messageImpair {
-   background-color: #05002c;
+   background-color: #fbeede;
 }
 
 #page.minichat #conversations div.messagePair {
-   background-color: #080047;
+   background-color: #f6dfc2;
 }
 
 #page.minichat #conversations div.cache {
@@ -154,7 +151,7 @@
 	border-color: #bd1129
 }
 #page.minichat #conversations div.systeme {
-	background-color: #555555
+	background-color: #f0df95
 }
 
 #page.minichat div.message a {
@@ -162,17 +159,34 @@
 }
 
 #page.minichat div.message .lienConv {
-	color: #db960f;
+	color: #c62929;
 	font-weight: bold;
 	cursor: pointer
 }
 
 #page.minichat div.message .lienConv:hover {
-	color: #f1c060
+	color: #e84747
+}
+
+#page.minichat .entete {
+	z-index: 20;
+	background-color: #841919;
+	color: #f6dfc2;
+	display: block;
+	float: left;
+	height: 18px;
+}
+
+#page.minichat .delimitationEntete {
+	z-index: 20;
+	height: 18px;
+	width: 7px;
+	background-image: url(../../img/css1/fleche.png);
+	display: block;
+	float: left;
 }
 
 #page.minichat .date {
-   color: #fd913b;
    margin-right: 3px;
    margin-left: 3px;
 }
@@ -182,21 +196,15 @@
    margin-left: 4px;
    margin-right: 2px;
    font-weight: bold;
-   color: #76ff33;
 }
 
 #page.minichat div.message.ekMaster .pseudo {
-	color: #ffffff;
+	color: #f0df95
 }
 
 #page.minichat div.message .pseudo .login {
    margin-left: 2px;
    font-size: 8px;
-   color: #a7d88f;
-}
-
-#page.minichat div.systeme .pseudo {
-	color: #CCCCCC
 }
 
 /* Ca marche pas :(
@@ -206,66 +214,90 @@
 }*/
 
 #page.minichat #conversations .repondA {
-   margin-left: 4px;
-   color: #bd7a11
+	z-index: 5;
+	height: 18px;
+	margin-left: -7px;
+	padding-left: 9px;
+	float: left;
+	background-color: #cb2626; 
+	color: #ffffff;
+	display: block;
+	background-image: url(../../img/css1/fleche.png);
+	background-repeat: no-repeat;
 }
 
-/*#page.minichat #conversations .contenu {
-   display: inline;
-}*/
+#page.minichat #conversations .delimitationRepondA {
+	z-index: 20;
+	height: 18px;
+	width: 7px;
+	background-image: url(../../img/css1/fleche_reponda.png);
+	display: block;
+	float: left;
+}
+
+#page.minichat #conversations .contenu {
+	margin-left: 5px;
+}
 
 #page.minichat #conversations .extraire {
 	float: right;
-	padding-right: 2px;
-	padding-left: 2px;
-	background-color: #4f5519;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/extraction.png);
+	margin-top: 2px
 }
 
 #page.minichat #conversations .extraire:hover {
-	background-color: #818c27
+	background-image: url(../../img/css1/extraction_hover.png);
 }
 
 #page.minichat #conversations .titre {
 	text-align: center;
 	padding-right: 8px;
-	background-color: #4b4215
+	background-color: #e19671;
+	color: #ffffff;
 }
 
 #page.minichat #conversations .titre .fermer {
+	margin-top: 1px;
+	margin-left: 5px;
 	float: right;
-	padding-right: 5px;
-	padding-left: 5px;
-	background-color: #7d1b1b;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/fermer_conv.png);
 	cursor: pointer;
 }
-
 #page.minichat #conversations .titre .fermer:hover {
-	background-color: #c95656
+	background-image: url(../../img/css1/fermer_conv_hover.png);
+}	
+
+#page.minichat #conversations .titre .lien {
+	margin-top: 1px;
+	float: right;
+	width: 13px;
+	height: 13px;
+	background-image: url(../../img/css1/copier_conv.png);
+	cursor: pointer;
+}
+#page.minichat #conversations .titre .lien:hover {
+	background-image: url(../../img/css1/copier_conv_hover.png);
 }	
 
 #page.minichat #conversations .titre .next,
 #page.minichat #conversations .titre .prev {
 	display: none;
 }
-
-#page.minichat #conversations .titre .lien {
-	float: right
-}
-
-#page.minichat #conversations .titre .lien,
 #page.minichat #conversations .titre .next,
 #page.minichat #conversations .titre .prev,
 #page.minichat #conversations .titre .numPage {
-	background-color: #42380b;
+	background-color: #841919;
 	cursor: pointer;
 	padding-right: 5px;
 	padding-left: 5px;
 }
-
-#page.minichat #conversations .titre .lien:hover,
 #page.minichat #conversations .titre .next:hover,
 #page.minichat #conversations .titre .prev:hover,
 #page.minichat #conversations .titre .numPage:hover {
-	background-color: #7c6e2e
+	background-color: #cb2626
 }
 
diff --git a/doc/graphiques/maquette_1.svg b/doc/graphiques/maquette_1.svg
index b352de4..8f2d540 100644
--- a/doc/graphiques/maquette_1.svg
+++ b/doc/graphiques/maquette_1.svg
@@ -15,7 +15,7 @@
    inkscape:version="0.46"
    sodipodi:docname="maquette_1.svg"
    inkscape:output_extension="org.inkscape.output.svg.inkscape"
-   inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo.png"
+   inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
    inkscape:export-xdpi="138.63565"
    inkscape:export-ydpi="138.63565">
   <defs
@@ -90,9 +90,9 @@
      objecttolerance="10"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.4142136"
-     inkscape:cx="167.60876"
-     inkscape:cy="887.20167"
+     inkscape:zoom="1.7173688"
+     inkscape:cx="521.17414"
+     inkscape:cy="922.1821"
      inkscape:document-units="px"
      inkscape:current-layer="layer2"
      showgrid="false"
@@ -117,7 +117,7 @@
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     style="display:none">
+     style="display:inline">
     <rect
        style="fill:#f6dfc2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        id="rect3458"
@@ -137,22 +137,8 @@
        inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
        inkscape:export-xdpi="138.63892"
        inkscape:export-ydpi="138.63892" />
-    <text
-       xml:space="preserve"
-       style="font-size:9px;font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Standard Symbols L;-inkscape-font-specification:Standard Symbols L Italic"
-       x="132.93362"
-       y="96.410347"
-       id="text3466"
-       sodipodi:linespacing="125%"
-       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
-       inkscape:export-xdpi="138.63892"
-       inkscape:export-ydpi="138.63892"><tspan
-         sodipodi:role="line"
-         id="tspan3468"
-         x="132.93362"
-         y="96.410347">troll de la semaine :</tspan></text>
     <rect
-       style="fill:#f0df95;fill-opacity:1;fill-rule:evenodd;stroke:#841919;stroke-width:0.93003857;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:#f0df95;fill-opacity:1;fill-rule:evenodd;stroke:#841919;stroke-width:0.93;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        id="rect3474"
        width="357.56439"
        height="13.069962"
@@ -184,7 +170,7 @@
        inkscape:export-ydpi="138.63892" />
     <path
        style="fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
-       d="M 46.5,144.76665 L 138.72964,144.76665 L 143.591,151.20817 L 138.72964,157.38453 L 46.5,157.38453 L 46.5,144.76665 z"
+       d="M 46.294131,144.76665 L 138.52377,144.76665 L 143.38513,151.20817 L 138.52377,157.38453 L 46.294131,157.38453 L 46.294131,144.76665 z"
        id="rect2413"
        sodipodi:nodetypes="cccccc"
        inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
@@ -302,25 +288,98 @@
          y="180.78178">What is your favourite colour ?</tspan></text>
     <path
        style="opacity:1;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 493.125,146.28125 C 490.82987,146.28125 488.96875,148.14237 488.96875,150.4375 C 488.96875,152.73263 490.82987,154.59375 493.125,154.59375 C 495.42013,154.59375 497.28125,152.73263 497.28125,150.4375 C 497.28125,148.14237 495.42013,146.28125 493.125,146.28125 z M 491.51535,147.7948 L 496.39234,150.10116 L 491.63548,152.88801 L 491.51535,147.7948 z"
+       d="M 493.125,146.28125 C 490.82987,146.28125 488.96875,148.14237 488.96875,150.4375 C 488.96875,152.73263 490.82987,154.59375 493.125,154.59375 C 495.42013,154.59375 497.28125,152.73263 497.28125,150.4375 C 497.28125,148.14237 495.42013,146.28125 493.125,146.28125 z M 491.51535,147.7948 L 496.04661,150.37411 L 491.63548,153.08817 L 491.51535,147.7948 z"
        id="path5401"
-       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/extraction.png"
        inkscape:export-xdpi="138.63892"
-       inkscape:export-ydpi="138.63892" />
+       inkscape:export-ydpi="138.63892"
+       sodipodi:nodetypes="csssccccc" />
     <path
-       style="opacity:1;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 493.125,159.38311 C 490.82987,159.38311 488.96875,161.24423 488.96875,163.53936 C 488.96875,165.83449 490.82987,167.69561 493.125,167.69561 C 495.42013,167.69561 497.28125,165.83449 497.28125,163.53936 C 497.28125,161.24423 495.42013,159.38311 493.125,159.38311 z M 491.51535,160.89666 L 496.39234,163.20302 L 491.63548,165.98987 L 491.51535,160.89666 z"
-       id="path5410"
-       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       style="opacity:1;fill:#cb2626;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20000000000000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 493.125,159.46845 C 490.82987,159.46845 488.96875,161.32957 488.96875,163.6247 C 488.96875,165.91983 490.82987,167.78095 493.125,167.78095 C 495.42013,167.78095 497.28125,165.91983 497.28125,163.6247 C 497.28125,161.32957 495.42013,159.46845 493.125,159.46845 z M 491.51535,160.982 L 496.04661,163.56131 L 491.63548,166.27537 L 491.51535,160.982 z"
+       id="path3227"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/extraction_hover.png"
        inkscape:export-xdpi="138.63892"
-       inkscape:export-ydpi="138.63892" />
+       inkscape:export-ydpi="138.63892"
+       sodipodi:nodetypes="csssccccc" />
     <path
-       style="opacity:1;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 493.125,172.12844 C 490.82987,172.12844 488.96875,173.98956 488.96875,176.28469 C 488.96875,178.57982 490.82987,180.44094 493.125,180.44094 C 495.42013,180.44094 497.28125,178.57982 497.28125,176.28469 C 497.28125,173.98956 495.42013,172.12844 493.125,172.12844 z M 491.51535,173.64199 L 496.39234,175.94835 L 491.63548,178.7352 L 491.51535,173.64199 z"
-       id="path5412"
-       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       style="opacity:1;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 493.125,172.43822 C 490.82987,172.43822 488.96875,174.29934 488.96875,176.59447 C 488.96875,178.8896 490.82987,180.75072 493.125,180.75072 C 495.42013,180.75072 497.28125,178.8896 497.28125,176.59447 C 497.28125,174.29934 495.42013,172.43822 493.125,172.43822 z M 491.51535,173.95177 L 496.04661,176.53108 L 491.63548,179.24514 L 491.51535,173.95177 z"
+       id="path3229"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/extraction.png"
        inkscape:export-xdpi="138.63892"
-       inkscape:export-ydpi="138.63892" />
+       inkscape:export-ydpi="138.63892"
+       sodipodi:nodetypes="csssccccc" />
+    <path
+       style="opacity:1;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 514.87895,145.66173 C 512.58382,145.66173 510.7227,147.52285 510.7227,149.81798 C 510.7227,152.11311 512.58382,153.97423 514.87895,153.97423 C 517.17408,153.97423 519.0352,152.11311 519.0352,149.81798 C 519.0352,147.52285 517.17408,145.66173 514.87895,145.66173 z M 513.2693,147.17528 L 517.80056,149.75459 L 513.38943,152.46865 L 513.2693,147.17528 z"
+       id="path3233"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/extraction.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892"
+       sodipodi:nodetypes="csssccccc" />
+    <path
+       style="opacity:1;fill:#cb2626;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 514.87895,158.43911 C 512.58382,158.43911 510.7227,160.30023 510.7227,162.59536 C 510.7227,164.89049 512.58382,166.75161 514.87895,166.75161 C 517.17408,166.75161 519.0352,164.89049 519.0352,162.59536 C 519.0352,160.30023 517.17408,158.43911 514.87895,158.43911 z M 513.2693,159.95266 L 517.80056,162.53197 L 513.38943,165.24603 L 513.2693,159.95266 z"
+       id="path3235"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/extraction_hover.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892"
+       sodipodi:nodetypes="csssccccc" />
+    <path
+       style="opacity:1;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 528.46632,145.66173 C 526.17117,145.66174 524.31007,147.52285 524.31007,149.81798 C 524.31005,152.11312 526.17119,153.97423 528.46632,153.97423 C 530.76143,153.97424 532.62257,152.11311 532.62257,149.81798 C 532.62255,147.52286 530.76145,145.66173 528.46632,145.66173 z M 527.06007,147.19298 L 528.46632,148.56798 L 529.87257,147.19298 L 531.12257,148.44298 L 529.71632,149.81798 L 531.12257,151.22423 L 529.87257,152.47423 L 528.46632,151.09923 L 527.06007,152.47423 L 525.81007,151.22423 L 527.21632,149.81798 L 525.81007,148.44298 L 527.06007,147.19298 z"
+       id="path3237"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/fermer_conv.png"
+       inkscape:export-xdpi="140.75188"
+       inkscape:export-ydpi="140.75188" />
+    <path
+       style="opacity:1;fill:#cb2626;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20000000000000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 528.46632,158.43911 C 526.17117,158.43912 524.31007,160.30023 524.31007,162.59536 C 524.31005,164.8905 526.17119,166.75161 528.46632,166.75161 C 530.76143,166.75162 532.62257,164.89049 532.62257,162.59536 C 532.62255,160.30024 530.76145,158.43911 528.46632,158.43911 z M 527.06007,159.97036 L 528.46632,161.34536 L 529.87257,159.97036 L 531.12257,161.22036 L 529.71632,162.59536 L 531.12257,164.00161 L 529.87257,165.25161 L 528.46632,163.87661 L 527.06007,165.25161 L 525.81007,164.00161 L 527.21632,162.59536 L 525.81007,161.22036 L 527.06007,159.97036 z"
+       id="path3251"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/fermer_conv_hover.png"
+       inkscape:export-xdpi="140.75"
+       inkscape:export-ydpi="140.75" />
+    <path
+       style="fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+       d="M 553.40412,143.03283 L 558.26548,149.47435 L 553.40412,155.65071 L 553.40412,143.03283 z"
+       id="path3231"
+       sodipodi:nodetypes="cccc"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/fleche.png"
+       inkscape:export-xdpi="128.38945"
+       inkscape:export-ydpi="128.38945" />
+    <path
+       style="fill:#cb2626;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+       d="M 553.19826,159.09062 L 558.05962,165.53214 L 553.19826,171.7085 L 553.19826,159.09062 z"
+       id="path3254"
+       sodipodi:nodetypes="cccc"
+       inkscape:export-filename="/home/gburri/projets/euphorik/img/css1/fleche_reponda.png"
+       inkscape:export-xdpi="128.38945"
+       inkscape:export-ydpi="128.38945" />
+    <text
+       xml:space="preserve"
+       style="font-size:12px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+       x="616.72571"
+       y="19.753452"
+       id="text3256"><tspan
+         sodipodi:role="line"
+         id="tspan3258"
+         x="616.72571"
+         y="19.753452">dpi : 138.64</tspan></text>
+    <path
+       style="opacity:1;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 540.5625 145.8125 C 538.26737 145.81251 536.40625 147.67362 536.40625 149.96875 C 536.40625 152.26389 538.26737 154.125 540.5625 154.125 C 542.85763 154.12501 544.71875 152.26388 544.71875 149.96875 C 544.71875 147.67363 542.85763 145.8125 540.5625 145.8125 z M 540.59375 146.15625 L 541.5625 148.625 L 544.21875 148.8125 L 542.15625 150.5 L 542.8125 153.0625 L 540.59375 151.65625 L 538.34375 153.0625 L 539 150.5 L 536.9375 148.8125 L 539.59375 148.625 L 540.59375 146.15625 z "
+       id="path3260"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/copier_conv.png"
+       inkscape:export-xdpi="138.64"
+       inkscape:export-ydpi="138.64" />
+    <path
+       style="opacity:1;fill:#cb2626;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20000000000000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 540.20087,159.15964 C 537.90574,159.15965 536.04462,161.02076 536.04462,163.31589 C 536.04462,165.61103 537.90574,167.47214 540.20087,167.47214 C 542.496,167.47215 544.35712,165.61102 544.35712,163.31589 C 544.35712,161.02077 542.496,159.15964 540.20087,159.15964 z M 540.23212,159.50339 L 541.20087,161.97214 L 543.85712,162.15964 L 541.79462,163.84714 L 542.45087,166.40964 L 540.23212,165.00339 L 537.98212,166.40964 L 538.63837,163.84714 L 536.57587,162.15964 L 539.23212,161.97214 L 540.23212,159.50339 z"
+       id="path3274"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/copier_conv_hover.png"
+       inkscape:export-xdpi="138.64"
+       inkscape:export-ydpi="138.64" />
   </g>
   <g
      inkscape:groupmode="layer"
@@ -328,7 +387,7 @@
      inkscape:label="logo"
      style="display:inline">
     <rect
-       style="display:inline;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
        id="rect3224"
        width="453.71909"
        height="20.843534"
@@ -393,12 +452,43 @@
          id="tspan5394"
          x="131.22978"
          y="114.66308" /></text>
+    <rect
+       style="opacity:1;fill:#e19671;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.93000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect3280"
+       width="36.5"
+       height="36.5"
+       x="524.58624"
+       y="79.890785"
+       inkscape:export-filename="/home/gburri/projets/euphorik/favicon.ico.png"
+       inkscape:export-xdpi="39.452053"
+       inkscape:export-ydpi="39.452053" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#f6dfc2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       id="path3276"
+       sodipodi:cx="332.84528"
+       sodipodi:cy="399.29855"
+       sodipodi:rx="131.82491"
+       sodipodi:ry="131.82491"
+       d="M 464.67018,399.29855 A 131.82491,131.82491 0 1 1 201.02037,399.29855 A 131.82491,131.82491 0 1 1 464.67018,399.29855 z"
+       inkscape:export-filename="/home/gburri/projets/euphorik/favicon.ico.png"
+       inkscape:export-xdpi="39.452053"
+       inkscape:export-ydpi="39.452053"
+       transform="matrix(0.1293766,0,0,0.1293766,499.77383,46.480892)" />
+    <path
+       style="fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.51327449;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+       d="M 543.07082,82.904806 C 534.68186,82.865297 527.58517,89.168168 527.62338,98.651509 C 527.59596,105.88114 534.01173,113.46161 543.07082,113.37582 C 543.5743,113.37582 543.81991,113.36132 544.4985,113.28115 C 544.4839,111.58112 544.38425,105.80981 544.41344,104.02942 C 547.21536,106.13086 548.74914,107.15262 552.36828,110.01292 C 553.76924,108.85061 555.16773,107.37506 556.09139,105.6361 C 553.75646,104.11839 550.57974,101.57994 545.67638,97.960799 C 548.82854,94.750259 552.00557,91.795025 554.9826,88.934735 C 553.94191,87.70181 552.50285,86.186973 551.12483,85.35712 C 549.02339,87.341816 547.5769,88.541442 544.41344,91.545531 C 544.42881,89.388441 544.50964,84.59781 544.4985,83.02068 C 544.02767,82.935721 543.60713,82.912101 543.07082,82.904806 z M 539.1842,87.902314 C 539.17418,91.545635 539.23976,93.090709 539.1842,95.723789 C 536.82082,95.681719 535.39906,95.729329 532.48039,95.670959 C 532.84358,91.104894 536.00199,88.37345 539.1842,87.902314 z M 539.1842,100.95022 C 539.19848,103.29437 539.21546,105.0049 539.26675,108.07036 C 536.1671,107.6234 532.59848,104.41608 532.44583,100.80524 C 534.26999,100.76876 536.88422,100.84733 539.1842,100.95022 z"
+       id="path3278"
+       sodipodi:nodetypes="ccccccccccccccccccccc"
+       inkscape:export-xdpi="39.452053"
+       inkscape:export-ydpi="39.452053"
+       inkscape:export-filename="/home/gburri/projets/euphorik/favicon.ico.png" />
   </g>
   <g
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="menu"
-     style="display:none">
+     style="display:inline">
     <rect
        style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
        id="rect5408"
@@ -459,5 +549,33 @@
        inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
        inkscape:export-xdpi="138.63892"
        inkscape:export-ydpi="138.63892" />
+    <text
+       xml:space="preserve"
+       style="font-size:9px;font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Standard Symbols L;-inkscape-font-specification:Standard Symbols L Italic"
+       x="132.93362"
+       y="96.410347"
+       id="text3466"
+       sodipodi:linespacing="125%"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892"><tspan
+         sodipodi:role="line"
+         id="tspan3468"
+         x="132.93362"
+         y="96.410347">troll de la semaine :</tspan></text>
+    <rect
+       style="opacity:1;fill:#f6dfc2;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.8172037;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect3222"
+       width="89.202576"
+       height="47.277973"
+       x="304.47925"
+       y="110.74908" />
+    <rect
+       style="opacity:1;fill:#df5050;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.93000001000000021;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect3225"
+       width="129.26752"
+       height="124.60923"
+       x="184.00241"
+       y="111.9701" />
   </g>
 </svg>
diff --git a/favicon.ico b/favicon.ico
index 725fc65..f1ea6b1 100644
Binary files a/favicon.ico and b/favicon.ico differ
diff --git a/img/css1/copier_conv.png b/img/css1/copier_conv.png
new file mode 100644
index 0000000..be21326
Binary files /dev/null and b/img/css1/copier_conv.png differ
diff --git a/img/css1/copier_conv_hover.png b/img/css1/copier_conv_hover.png
new file mode 100644
index 0000000..344483e
Binary files /dev/null and b/img/css1/copier_conv_hover.png differ
diff --git a/img/css1/extraction.png b/img/css1/extraction.png
new file mode 100644
index 0000000..6140ab5
Binary files /dev/null and b/img/css1/extraction.png differ
diff --git a/img/css1/extraction_hover.png b/img/css1/extraction_hover.png
new file mode 100644
index 0000000..1a33ea3
Binary files /dev/null and b/img/css1/extraction_hover.png differ
diff --git a/img/css1/fermer_conv.png b/img/css1/fermer_conv.png
new file mode 100644
index 0000000..364bf50
Binary files /dev/null and b/img/css1/fermer_conv.png differ
diff --git a/img/css1/fermer_conv_hover.png b/img/css1/fermer_conv_hover.png
new file mode 100644
index 0000000..f527f3e
Binary files /dev/null and b/img/css1/fermer_conv_hover.png differ
diff --git a/img/css1/fleche.png b/img/css1/fleche.png
new file mode 100644
index 0000000..97aab99
Binary files /dev/null and b/img/css1/fleche.png differ
diff --git a/img/css1/fleche_reponda.png b/img/css1/fleche_reponda.png
new file mode 100644
index 0000000..6f2e387
Binary files /dev/null and b/img/css1/fleche_reponda.png differ
diff --git a/img/css1/triangle.png b/img/css1/triangle.png
new file mode 100644
index 0000000..2fd067b
Binary files /dev/null and b/img/css1/triangle.png differ
diff --git a/js/pageMinichat.js b/js/pageMinichat.js
index 42314d1..524176a 100755
--- a/js/pageMinichat.js
+++ b/js/pageMinichat.js
@@ -240,9 +240,9 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message)
             {  
                $("form input.message").val("")
                         
-               // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche)
+               // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) TODO : ya mieux ?
                for (var i = 0; i < repondA.length; i++)
-                  $("#conversations div#" + repondA[i]).addClass("repondu")
+                  $("#conversations div#mess" + repondA[i].toString(36)).addClass("repondu")
             }
             else if (data["reply"] == "error")
             {
@@ -375,7 +375,7 @@ function Conversation(num, util, formateur, client)
    $("#conversations").append(
       '<div id="' + this.getId() + '" class="conversation">\
       <div class="titre">' +
-         (num == 0 ? '' : '<div class="fermer">x</div><div class="lien">c</div>') +
+         (num == 0 ? '' : '<div class="fermer"></div><div class="lien"></div>') +
          '<span class="next">&lt;</span><span class="numPage">1</span><span class="prev">&gt;</span>\
          </div>\
       </div>'
@@ -509,9 +509,16 @@ Conversation.prototype.flush = function(funClickOuvrirConv)
             this.formateur.traitementComplet(message.pseudo) + "<span class=\"login\">(" + this.formateur.traitementComplet(message.login) +")</span>" )
          
          var XHTMLrepondA = ""
+         var debut = true
          for (var id in message.repondA)
-            XHTMLrepondA += this.formateur.traitementComplet(message.repondA[id].pseudo) + "&gt; "
-         XHTMLrepondA = "<span class=\"repondA\">" + XHTMLrepondA + "</span>"
+         {
+            if (!debut) XHTMLrepondA += ", "
+            dumpObj(message.repondA.count)
+            XHTMLrepondA += this.formateur.traitementComplet(message.repondA[id].pseudo)
+            debut = false
+         }
+         if (XHTMLrepondA != "")
+            XHTMLrepondA = "<span class=\"repondA\">" + XHTMLrepondA + "</span><span class=\"delimitationRepondA\"></span>"
          
          XHTML += 
             "<div id=\"mess" + message.id.toString(36) + "\" class=\"" + (messagePair ? "messagePair" : "messageImpair") + " message" +
@@ -521,9 +528,9 @@ Conversation.prototype.flush = function(funClickOuvrirConv)
                (this.messages[i].systeme ? " systeme" : "") +
                (this.messages[i].ekMaster ? " ekMaster" : "") +
             "\">" +
-               "<div class=\"extraire\">&gt;</div>" +
+               "<div class=\"extraire\"></div><span class=\"entete\">" +
                "[<span class=\"date\">" + message.date + "</span>]" +
-               "<span class=\"pseudo\"><span class=\"id\" style=\"display: none\">" + message.auteurId + "</span class=\"ident\">" + identifiant + "</span>:" +
+               "<span class=\"pseudo\"><span class=\"id\" style=\"display: none\">" + message.auteurId + "</span class=\"ident\">" + identifiant + "</span></span><span class=\"delimitationEntete\"></span>" +
                XHTMLrepondA +
                "<span class=\"contenu\">" + this.formateur.traitementComplet(message.contenu, message.pseudo) + "</span>" +
             "</div>"
@@ -853,7 +860,7 @@ Messages.prototype.supprimerConversation = function(num)
 Messages.prototype.ajusterLargeurConversations = function()
 {
    // le "- 0.01" evite que IE se chie dessus lamentablement et affiche les conversations les unes au dessus des autres
-   $("#conversations .conversation").css("width", (100 / this.conversations.length) - 0.01 + "%")
+   $("#conversations .conversation").css("width", (100 / this.conversations.length) - 0.001 + "%")
 }
 
 /**