diff --git a/css/header.css b/css/header.css
index a1646c8..f76b3fc 100755
--- a/css/header.css
+++ b/css/header.css
@@ -111,6 +111,11 @@
 	z-index: 1;
 }
 
+/* BOUTON CONNECTION */
+#HEADER .notifbar #LOGOUT[data-info].logged{
+	background-image: url(../src/header/login.svg);
+}
+
 /* TEXTE INFO */
 #HEADER .notifbar #LOGOUT[data-info]:after{
 	content: attr(data-info);
@@ -149,6 +154,7 @@
 
 
 
+
 /* logo AGAC */
 #HEADER > nav.subsections{
 	/* position */
diff --git a/index.php b/index.php
index c9cedd8..fb71864 100755
--- a/index.php
+++ b/index.php
@@ -87,7 +87,7 @@ $notifNotifNum = 5;
 							else                     echo "<div class='notification'></div>";
 						
 						}else // si l'utilisateur n'est pas connecté on affiche le bouton de CONNECTION
-							echo "<div id='LOGOUT' data-info='Connexion'></div>";
+							echo "<div id='LOGOUT' data-info='Connexion' class='logged'></div>";
 
 					?>
 
diff --git a/src/header/login.svg b/src/header/login.svg
new file mode 100644
index 0000000..cc86b7d
--- /dev/null
+++ b/src/header/login.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 128 128"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 132.28162 100.1875"
+   xml:space="preserve"
+   inkscape:version="0.48.4 r9939"
+   width="100%"
+   height="100%"
+   sodipodi:docname="logout.svg"><metadata
+     id="metadata11"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs9" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     id="namedview7"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="1.3037281"
+     inkscape:cx="87.529217"
+     inkscape:cy="39.059701"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><path
+     d="m 73.17057,31.893749 -16.3,16.4 c -0.4,0.4 -0.6,0.9 -0.6,1.4 0,0.6 0.2,1.1 0.6,1.4 l 16.2,16.2 c 0.8,0.8 2,0.8 2.8,0 0.4,-0.4 0.6,-0.9 0.6,-1.4 0,-0.5 -0.2,-1.1 -0.6,-1.4 l -12.8,-12.9 h 63.69999 c 1.1,0 2,-0.9 2,-2 0,-1.1 -0.9,-2 -2,-2 H 63.07057 l 12.9,-12.9 c 0.4,-0.4 0.6,-0.9 0.6,-1.4 0,-0.5 -0.2,-1 -0.6,-1.4 -0.7,-0.8 -2,-0.8 -2.8,0 z"
+     id="path3"
+     inkscape:connector-curvature="0"
+     style="fill:#28b965;fill-opacity:1;stroke:#28b965;stroke-width:1.89999998;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /><path
+     d="m 45.07057,1.5937484 h 44 c 5.5,0 10,4.5 10,10.0000006 v 16.3 h -4 v -16.3 c 0,-3.3000006 -2.7,-6.0000006 -6,-6.0000006 h -44 c -3.3,0 -6,2.7 -6,6.0000006 v 77 c 0,3.3 2.7,6 6,6 h 44 c 3.3,0 6,-2.7 6,-6 v -17.3 h 4 v 17.3 c 0,5.5 -4.5,10 -10,10 h -44 c -5.5,0 -10,-4.5 -10,-10 v -77 c 0,-5.5000006 4.5,-10.0000006 10,-10.0000006 z"
+     id="path5"
+     inkscape:connector-curvature="0"
+     style="fill:#28b965;fill-opacity:1;stroke:#28b965;stroke-width:3.20000004999999987;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /></svg>
\ No newline at end of file