L'icone "loupe" du moteur de recherche dans la couleur de la nav (marcimat)

formulaires/recherche.html

@@ -5,7 +5,7 @@
 		<label for="#ENV{_id_champ}" class="visuallyhidden">
 			<:info_rechercher_02:>
 		</label>
-		<img class="icone-svg" src="#CHEMIN{images/icone-loupe.svg}" alt="" width="16" height="16">
+		[(#CHEMIN{images/icone-loupe.svg}|file_get_contents|replace{'<svg ','<svg height="16" '})]
 		<div class="search">
 			<input type="search" placeholder="<:info_rechercher:>" name="recherche" id="#ENV{_id_champ}" [ value="(#ENV{recherche})" ] accesskey="4" autocapitalize="off" autocorrect="off"/>
 		</div>

scss/blocs/_header.scss

@@ -116,13 +116,17 @@
 			position: relative;
 			width:    100%;
 		}
-		.icone-svg {
+		svg {
+			display: block;
 			position:  absolute;
 			top:       50%;
 			transform: translateY(-50%);
 			left:      em(12px);
 			width:     em(12px);
 			height:    em(12px);
+			* {
+				stroke: $couleur-nav;
+			}
 		}
 		div.search {
 			width: 100%;