From: Greg Burri <greg.burri@gmail.com>
Date: Sat, 24 May 2008 19:18:50 +0000 (+0000)
Subject: ADD nouveau style (pas fini)
X-Git-Tag: 1.0.0^2~36
X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=commitdiff_plain;h=17c57646c92608dbb2421e224f8cf55f4a0f55cb

ADD nouveau style (pas fini)
---

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
new file mode 100755
index 0000000..996a545
--- /dev/null
+++ b/css/1/euphorik.css
@@ -0,0 +1,212 @@
+@import url(../common.css);
+@import url(pageMinichat.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
+}
+
+#container {
+   position: relative;
+   height: auto;
+   margin: 0px;
+}
+
+ul#menu {
+	/*
+	left: 300px;
+	top: 2px;*/
+	padding-left: 300px;
+	/*position: absolute;*/
+	height:134px;
+	font-size: 11px;
+	list-style-type:none;
+	background-color: #e19671;
+	background-image: url(../../img/css1/fond.png);
+	background-repeat: no-repeat
+}
+#menu li {
+	cursor: pointer;	
+	height:117px;
+	z-index: 20;
+	float: left;
+	padding: 2px;
+	margin-left: 2px;
+	background-color: #4f5519;
+}
+#menu li.courante {	
+	background-color: #818c27;
+}
+#menu li:hover {	
+	background-color: #818c27
+}
+
+#menuCss {
+	position: absolute;
+	z-index: 10;
+	left: 600px;	
+	top:0px;
+	font-size: 9px;
+}
+
+#page {
+   position: relative;
+   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/css1/logo.png);
+   width: 304px;
+   height: 134px;
+   position: absolute;
+   top: -4px;
+}
+
+#footer {
+	text-align: right;
+}
+#footer a img{
+	border-style: none;
+}
+
+div#info {
+	text-align: center;
+	width:100%;
+	position: fixed;
+	left: 0px;
+	top: 0px;
+	background-color: #000000;
+	border-bottom: 1px solid #aeaeae;
+	z-index: 20;
+}
+
+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;
+	width: 16px;
+}
+div#info #icone.interrogation {
+	background-image: url(../../img/interrogation.gif)
+}
+div#info #icone.information {
+	background-image: url(../../img/information.gif)
+}
+div#info #icone.exclamation {
+	background-image: url(../../img/exclamation.gif)
+}
+	
+div#info .boutons {
+	padding: 1px;
+}
+
+div#info .boutons div {
+	cursor: pointer;
+	background-color: #770000;	
+	display: inline;
+	padding: 0px 5px 0px 5px;
+	margin: 0px 5px 0px 5px;
+}
+div#info .boutons div:hover {
+	background-color: #bc0000;	
+}
+
+.captcha {
+	display:none
+}
+
+form input,
+form button,
+form select {
+	background-color: #164200; 
+	border: #2d8800 1px solid;
+	color: #EEEEEE;
+}
+
+form input,
+form select {
+	font-size: 12px;
+}
+
+form button {
+	font-size: 11px;
+}
+
+a {
+   text-decoration: none;
+}
+a:link {
+	color: #7664ff;
+}
+a:visited {
+   color: #7664ff;
+}
+a:hover {
+   color: #ffad0f;
+}
+a:active {
+   color: #ffad0f;
+}
+
diff --git a/css/1/pageAbout.css b/css/1/pageAbout.css
new file mode 100644
index 0000000..e661102
--- /dev/null
+++ b/css/1/pageAbout.css
@@ -0,0 +1,3 @@
+
+#page.about {
+}
diff --git a/css/1/pageAdmin.css b/css/1/pageAdmin.css
new file mode 100644
index 0000000..a945b7c
--- /dev/null
+++ b/css/1/pageAdmin.css
@@ -0,0 +1,76 @@
+/* La page d'administration */
+
+#page.admin p {
+	margin-left : 0px
+}
+
+#page.admin form#nouveauTroll {
+	margin-top : 10px
+}
+
+#page.admin form#nouveauTroll input {
+	width: 80%
+}
+
+#page.admin div.troll,
+#page.admin .ban {
+	margin-top: 10px;
+	padding: 2px 10px 2px 10px;
+	border: 1px solid;
+	border-color: #253f18;
+	background-color: #0c2003;
+}
+
+#page.admin div.troll img {
+	margin: 0px;
+	vertical-align: bottom;
+}
+
+#page.admin div.troll span.content {
+	font-style: italic;
+	color: #FFFF88
+}
+
+#page.admin div.troll .author {
+	margin-left: 10px
+}
+
+#page.admin div.troll input {
+	width: 70%
+}
+
+#page.admin div.troll .editTroll,
+#page.admin div.troll .delTroll,
+#page.admin div.troll .modifier,
+#page.admin div.troll .annuler,
+#page.admin div.ban .deban
+{
+	font-size: 10px;
+	margin-left: 10px;
+	cursor: pointer;
+	padding-right: 5px;
+	padding-left: 5px;
+	background-color: #164200; 
+	border: #2d8800 1px solid;
+	color: #EEEEEE;	
+}
+
+
+#page.admin #ips .ip {
+	margin-right : 10px;
+}
+
+#page.admin #ips .temps,
+#page.admin #ips .pseudo {
+	margin-left : 10px;
+	margin-right : 10px;
+}
+
+#page.admin #ips .login {
+	margin-right : 4px;
+}
+
+
+
+
+
diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
new file mode 100755
index 0000000..da92691
--- /dev/null
+++ b/css/1/pageMinichat.css
@@ -0,0 +1,271 @@
+#page.minichat {
+	padding-top: 5px;
+   padding-right: 0px;
+   padding-left: 0px
+}
+
+#page.minichat img {
+	margin: 0px;
+	vertical-align: bottom;
+}
+
+#smiles {
+	text-align: center;
+	border: 1px solid;
+	border-color: #253f18;
+	background-color: #0c2003;
+	margin-bottom: 10px;
+	padding: 1px;
+	width: 140px;
+	position: absolute;
+	display: none
+}
+#smiles img {
+	margin: 1px;
+	cursor: pointer;
+	opacity: 0.5;
+}
+
+#outilsBan {
+	border-width: 1px 1px 1px 1px;
+	border-color: #253f18;
+	border-style: solid;
+	padding: 2px;
+	position: absolute;
+	display: none;
+}
+#outilsBan img,
+#outilsBan form {
+	float: right;
+	cursor: pointer
+}
+#outilsBan p {
+	font-size: 2px;
+}
+#outilsBan input {
+	font-size: 9px;
+	margin-top: 1px;
+	margin-left: 1px
+}
+
+#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
+}
+
+#page.minichat #trollCourant .troll {
+	font-style: italic;
+	color: #FFFF88;
+	cursor: pointer;
+}
+
+#page.minichat .titreSmiles:hover {
+	background-color: #2d8800;
+}
+
+#page.minichat form {
+   margin-bottom: 15px;
+   padding-left: 10px;
+}
+
+#page.minichat form p {
+   margin: 0px;
+   padding: 0px;
+}
+
+#page.minichat form .pseudo {
+   margin-right: 5px;
+   width: 12%
+}
+#page.minichat form .message {
+   margin-right: 5px;
+   width: 75%
+}
+#page.minichat form .return {
+	height: 16px;
+	width: 32px;
+	background-image: url(../../img/css1/return.png);
+	background-repeat: no-repeat;
+	background-position: 5px 2px;
+	vertical-align: top;
+	margin-right: 5px;
+}
+#page.minichat form .smiles {
+	height: 16px;
+	width: 16px;
+	background-image: url(../../img/css1/bouton_smiles.png);
+	background-repeat: no-repeat;
+	background-position: 2px 2px;
+	vertical-align: top;
+	margin-right: 5px;
+}
+
+/* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
+#page.minichat #conversations {	
+	overflow: hidden;
+	width: 100%
+}
+
+#page.minichat #conversations .conversation {
+	border-width: 0px;
+	border-style: solid;
+	border-color: white;
+	float: left;
+	width: 100%;
+}
+
+#page.minichat #conversations div.message {
+	border-left-width: 5px;
+	border-left-style: solid;
+	border-color: transparent;
+	padding-right: 5px;
+	padding-left: 4px;
+	cursor: pointer;
+}
+
+#page.minichat #conversations div.messageImpair {
+   background-color: #05002c;
+}
+
+#page.minichat #conversations div.messagePair {
+   background-color: #080047;
+}
+
+#page.minichat #conversations div.cache {
+	opacity: 0.3;
+	
+	/* Hack IE 7 */	
+	filter: alpha(opacity = 30);
+	zoom: 1
+}
+
+#page.minichat #conversations div.reponse {
+	border-color: #bd7a11
+}
+#page.minichat #conversations div.repondu {
+	border-color: #b711bd	
+}
+#page.minichat #conversations div.proprietaire {
+	border-color: #bd1129
+}
+#page.minichat #conversations div.systeme {
+	background-color: #555555
+}
+
+#page.minichat div.message a {
+	font-weight: bold;
+}
+
+#page.minichat div.message .lienConv {
+	color: #db960f;
+	font-weight: bold;
+	cursor: pointer
+}
+
+#page.minichat div.message .lienConv:hover {
+	color: #f1c060
+}
+
+#page.minichat .date {
+   color: #fd913b;
+   margin-right: 3px;
+   margin-left: 3px;
+}
+
+#page.minichat div.message .pseudo,
+#page.minichat form .pseudo {
+   margin-left: 4px;
+   margin-right: 2px;
+   font-weight: bold;
+   color: #76ff33;
+}
+
+#page.minichat div.message.ekMaster .pseudo {
+	color: #ffffff;
+}
+
+#page.minichat div.message .pseudo .login {
+   margin-left: 2px;
+   font-size: 8px;
+   color: #a7d88f;
+}
+
+#page.minichat div.systeme .pseudo {
+	color: #CCCCCC
+}
+
+/* Ca marche pas :(
+#page.minichat div.message .pseudo {
+	min-width: 50px;
+	height:100px;
+}*/
+
+#page.minichat #conversations .repondA {
+   margin-left: 4px;
+   color: #bd7a11
+}
+
+/*#page.minichat #conversations .contenu {
+   display: inline;
+}*/
+
+#page.minichat #conversations .extraire {
+	float: right;
+	padding-right: 2px;
+	padding-left: 2px;
+	background-color: #4f5519;
+}
+
+#page.minichat #conversations .extraire:hover {
+	background-color: #818c27
+}
+
+#page.minichat #conversations .titre {
+	text-align: center;
+	padding-right: 8px;
+	background-color: #4b4215
+}
+
+#page.minichat #conversations .titre .fermer {
+	float: right;
+	padding-right: 5px;
+	padding-left: 5px;
+	background-color: #7d1b1b;
+	cursor: pointer;
+}
+
+#page.minichat #conversations .titre .fermer:hover {
+	background-color: #c95656
+}	
+
+#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;
+	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
+}
+
diff --git a/css/1/pageProfileRegister.css b/css/1/pageProfileRegister.css
new file mode 100755
index 0000000..5c262a0
--- /dev/null
+++ b/css/1/pageProfileRegister.css
@@ -0,0 +1,6 @@
+/* Réunit les page Profile et Register car ils ont beaucoup en commun */
+
+#page.register,
+#page.profile {
+   padding-top: 20px
+}
diff --git a/doc/graphiques/logo.png b/doc/graphiques/logo.png
new file mode 100644
index 0000000..cb5fe32
Binary files /dev/null and b/doc/graphiques/logo.png differ
diff --git a/doc/graphiques/maquette_1.svg b/doc/graphiques/maquette_1.svg
index a9519b4..00e6be9 100644
--- a/doc/graphiques/maquette_1.svg
+++ b/doc/graphiques/maquette_1.svg
@@ -90,11 +90,11 @@
      objecttolerance="10"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="2.0000001"
-     inkscape:cx="268.70694"
-     inkscape:cy="887.27826"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="282.16006"
+     inkscape:cy="972.05448"
      inkscape:document-units="px"
-     inkscape:current-layer="layer3"
+     inkscape:current-layer="layer2"
      showgrid="false"
      inkscape:window-width="1280"
      inkscape:window-height="800"
@@ -125,26 +125,38 @@
        height="492.34741"
        x="46.644756"
        y="32.944107"
-       ry="0" />
+       ry="0"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <path
        style="fill:#e19671;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-opacity:1"
        d="M 46.608811,76.256593 C 46.52482,55.815731 59.99113,32.741384 92.653703,32.992192 L 500.79271,33.368404 L 500.79271,526.20678 L 46.608811,526.20678 L 46.608811,76.256593 z"
        id="rect3450"
-       sodipodi:nodetypes="cccccc" />
+       sodipodi:nodetypes="cccccc"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <rect
        style="fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        id="rect3224"
        width="453.71909"
        height="20.843534"
        x="46.525745"
-       y="82.616722" />
+       y="82.616722"
+       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%"><tspan
+       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"
@@ -156,33 +168,48 @@
        height="13.069962"
        x="138.54781"
        y="-132.54002"
-       transform="scale(1,-1)" />
+       transform="scale(1,-1)"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <rect
        style="fill:#f0df95;fill-opacity:1;fill-rule:evenodd;stroke:#841919;stroke-width:0.86572993;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        id="rect3510"
        width="82.503021"
        height="13.13427"
        x="51.428371"
-       y="119.43791" />
+       y="119.43791"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <rect
        style="fill:#f6dfc2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-opacity:1"
        id="rect2411"
        width="453.85715"
        height="366.43207"
        x="47.071426"
-       y="144.57297" />
+       y="144.57297"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       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"
        id="rect2413"
-       sodipodi:nodetypes="cccccc" />
+       sodipodi:nodetypes="cccccc"
+       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:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#f6dfc2;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Sans;-inkscape-font-specification:Sans"
        x="47.904469"
        y="153.76665"
        id="text3185"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3189"
          x="47.904469"
@@ -193,7 +220,10 @@
        x="145.40186"
        y="154.32814"
        id="text3193"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3195"
          x="145.40186"
@@ -204,19 +234,28 @@
        width="362.08197"
        height="13.10165"
        x="138.16286"
-       y="157.23653" />
+       y="157.23653"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       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.556943,157.67408 L 138.78658,157.67408 L 143.64794,164.1156 L 138.78658,170.29196 L 46.556943,170.29196 L 46.556943,157.67408 z"
        id="path5397"
-       sodipodi:nodetypes="cccccc" />
+       sodipodi:nodetypes="cccccc"
+       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:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#f6dfc2;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Sans;-inkscape-font-specification:Sans"
        x="48.006577"
        y="167.07393"
        id="text3211"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3213"
          x="48.006577"
@@ -227,7 +266,10 @@
        x="145.50395"
        y="167.63542"
        id="text3215"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3217"
          x="145.50395"
@@ -236,14 +278,20 @@
        style="fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
        d="M 46.553376,170.63422 L 138.78303,170.63422 L 143.64439,177.07574 L 138.78303,183.2521 L 46.553376,183.2521 L 46.553376,170.63422 z"
        id="path5399"
-       sodipodi:nodetypes="cccccc" />
+       sodipodi:nodetypes="cccccc"
+       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:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#f6dfc2;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Sans;-inkscape-font-specification:Sans"
        x="48.00658"
        y="180.22029"
        id="text3246"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3248"
          x="48.00658"
@@ -254,7 +302,10 @@
        x="145.50395"
        y="180.78178"
        id="text3250"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3252"
          x="145.50395"
@@ -262,15 +313,24 @@
     <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"
-       id="path5401" />
+       id="path5401"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <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" />
+       id="path5410"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <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" />
+       id="path5412"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
   </g>
   <g
      inkscape:groupmode="layer"
@@ -280,7 +340,10 @@
     <path
        style="opacity:0.75;fill:#000000;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;filter:url(#filter5374)"
        d="M 87.929756,36.448593 C 70.696656,36.448593 56.136941,47.968757 51.554756,63.729843 L 46.617256,63.729843 L 46.617256,82.823589 L 51.023506,82.823589 C 54.891953,99.630647 69.953686,112.16733 87.929756,112.16733 C 105.90583,112.16733 120.93631,99.630647 124.80476,82.823589 L 500.71101,82.823589 L 500.71101,63.729843 L 124.27351,63.729843 C 119.69133,47.968757 105.16286,36.448592 87.929756,36.448593 z"
-       id="path5267" />
+       id="path5267"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <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"
@@ -290,9 +353,9 @@
        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/doc/graphiques/path2383.png"
-       inkscape:export-xdpi="4.7199998"
-       inkscape:export-ydpi="4.7199998"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892"
        transform="matrix(0.2872886,0,0,0.2872886,-7.7117438,-40.627481)" />
     <rect
        style="fill:#f6dfc2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
@@ -300,21 +363,28 @@
        width="454.09647"
        height="19.081215"
        x="46.615898"
-       y="63.504051" />
+       y="63.504051"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <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 88.431816,40.254007 C 69.803625,40.166276 54.045002,54.16218 54.129835,75.22051 C 54.068954,91.274344 68.315564,108.10722 88.431816,107.91672 C 89.549813,107.91672 90.095216,107.88452 91.602061,107.7065 C 91.569653,103.93148 91.348366,91.115934 91.413181,87.162485 C 97.635009,91.828858 101.04085,94.097739 109.07738,100.44919 C 112.18829,97.868223 115.29373,94.591662 117.34476,90.7302 C 112.15991,87.360044 105.10581,81.72326 94.21761,73.68674 C 101.21717,66.557554 108.27196,59.995273 114.88264,53.643826 C 112.57171,50.906043 109.37619,47.542256 106.31623,45.699518 C 101.64986,50.106655 98.437833,52.770497 91.413181,59.441256 C 91.44732,54.651308 91.626799,44.013425 91.602061,40.511312 C 90.556557,40.322656 89.622719,40.270207 88.431816,40.254007 z M 79.801333,51.351275 C 79.779096,59.441488 79.924702,62.872417 79.801333,68.719324 C 74.553306,68.625903 71.396213,68.731631 64.915137,68.602009 C 65.721614,58.462795 72.73505,52.397459 79.801333,51.351275 z M 79.801333,80.324934 C 79.833045,85.530259 79.870744,89.328594 79.984647,96.135618 C 73.101686,95.143127 65.177362,88.021089 64.838379,80.002996 C 68.889043,79.921982 74.6941,80.096459 79.801333,80.324934 z"
        id="path2383"
        sodipodi:nodetypes="ccccccccccccccccccccc"
-       inkscape:export-xdpi="4.7199998"
-       inkscape:export-ydpi="4.7199998" />
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut.png" />
     <text
        xml:space="preserve"
        style="font-size:28px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#841919;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:cmmi10;-inkscape-font-specification:cmmi10"
        x="131.22978"
        y="79.663078"
        id="text3438"
-       sodipodi:linespacing="125%"><tspan
+       sodipodi:linespacing="125%"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892"><tspan
          sodipodi:role="line"
          id="tspan5392"
          x="131.22978"
@@ -335,14 +405,20 @@
        width="33.23402"
        height="19.003494"
        x="278.95361"
-       y="63.561737" />
+       y="63.561737"
+       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:10px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;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"
        x="284.48007"
        y="75.487816"
        id="text3197"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3199"
          x="284.48007"
@@ -353,7 +429,10 @@
        x="324.82281"
        y="75.487816"
        id="text3201"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3203"
          x="324.82281"
@@ -364,7 +443,10 @@
        x="380.86096"
        y="75.487816"
        id="text3205"
-       sodipodi:linespacing="125%"><tspan
+       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="tspan3207"
          x="380.86096"
@@ -373,6 +455,9 @@
        style="fill:#510f0f;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;display:inline"
        d="M 294.62095,77.596161 L 300.14691,82.88847 L 288.83185,82.88847 L 294.62095,77.596161 z"
        id="rect3221"
-       sodipodi:nodetypes="cccc" />
+       sodipodi:nodetypes="cccc"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
   </g>
 </svg>
diff --git a/img/css1/fond.png b/img/css1/fond.png
new file mode 100644
index 0000000..973b83b
Binary files /dev/null and b/img/css1/fond.png differ
diff --git a/img/css1/logo.png b/img/css1/logo.png
new file mode 100644
index 0000000..eed64b8
Binary files /dev/null and b/img/css1/logo.png differ
diff --git a/img/css1/logo_fond.png b/img/css1/logo_fond.png
new file mode 100644
index 0000000..83258b8
Binary files /dev/null and b/img/css1/logo_fond.png differ