From 124144f772159664a12d9fe60b2886b50efd896d Mon Sep 17 00:00:00 2001
From: RealET <real3t@gmail.com>
Date: Sun, 30 May 2021 22:54:42 +0200
Subject: [PATCH] =?UTF-8?q?Passage=20des=20icones=20de=20font=20=C3=A0=20S?=
 =?UTF-8?q?VG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fonts/picto-soyezcreateurs-defs.svg           | 82 +++++++++++++++++++
 .../accesrestreint/lien-login-logout.html     |  2 +-
 noisettes/footer/footer_identite_extra.html   | 16 ++--
 noisettes/header/cadre_outils.html            | 22 ++---
 noisettes/header/cadre_outils_agenda.html     |  2 +-
 noisettes/header/header.html                  |  1 +
 noisettes/plan/inc_antichrono_grid.html       |  2 +-
 ...sommaire_modeportailcognac_quoideneuf.html |  8 +-
 ...maire_modeportailcognac_dessousBreves.html |  2 +-
 .../sommaire_modeportailcognac_goodies.html   |  3 +-
 .../sommaire_modeportailcognac_zoomsur.html   |  3 +-
 stylesportailcognac.css.html                  | 36 ++------
 stylessoyezcreateurs.css.html                 | 37 +++++----
 13 files changed, 141 insertions(+), 75 deletions(-)
 create mode 100644 fonts/picto-soyezcreateurs-defs.svg

diff --git a/fonts/picto-soyezcreateurs-defs.svg b/fonts/picto-soyezcreateurs-defs.svg
new file mode 100644
index 00000000..973afcfd
--- /dev/null
+++ b/fonts/picto-soyezcreateurs-defs.svg
@@ -0,0 +1,82 @@
+<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs>
+<symbol id="icon-fb" viewBox="0 0 32 32">
+<path d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h13v-14h-4v-4h4v-2c0-3.306 2.694-6 6-6h4v4h-4c-1.1 0-2 0.9-2 2v2h6l-1 4h-5v14h9c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3z"></path>
+</symbol>
+<symbol id="icon-instagram" viewBox="0 0 32 32">
+<path d="M16 2.881c4.275 0 4.781 0.019 6.462 0.094 1.563 0.069 2.406 0.331 2.969 0.55 0.744 0.288 1.281 0.638 1.837 1.194 0.563 0.563 0.906 1.094 1.2 1.838 0.219 0.563 0.481 1.412 0.55 2.969 0.075 1.688 0.094 2.194 0.094 6.463s-0.019 4.781-0.094 6.463c-0.069 1.563-0.331 2.406-0.55 2.969-0.288 0.744-0.637 1.281-1.194 1.837-0.563 0.563-1.094 0.906-1.837 1.2-0.563 0.219-1.413 0.481-2.969 0.55-1.688 0.075-2.194 0.094-6.463 0.094s-4.781-0.019-6.463-0.094c-1.563-0.069-2.406-0.331-2.969-0.55-0.744-0.288-1.281-0.637-1.838-1.194-0.563-0.563-0.906-1.094-1.2-1.837-0.219-0.563-0.481-1.413-0.55-2.969-0.075-1.688-0.094-2.194-0.094-6.463s0.019-4.781 0.094-6.463c0.069-1.563 0.331-2.406 0.55-2.969 0.288-0.744 0.638-1.281 1.194-1.838 0.563-0.563 1.094-0.906 1.838-1.2 0.563-0.219 1.412-0.481 2.969-0.55 1.681-0.075 2.188-0.094 6.463-0.094zM16 0c-4.344 0-4.887 0.019-6.594 0.094-1.7 0.075-2.869 0.35-3.881 0.744-1.056 0.412-1.95 0.956-2.837 1.85-0.894 0.888-1.438 1.781-1.85 2.831-0.394 1.019-0.669 2.181-0.744 3.881-0.075 1.713-0.094 2.256-0.094 6.6s0.019 4.887 0.094 6.594c0.075 1.7 0.35 2.869 0.744 3.881 0.413 1.056 0.956 1.95 1.85 2.837 0.887 0.887 1.781 1.438 2.831 1.844 1.019 0.394 2.181 0.669 3.881 0.744 1.706 0.075 2.25 0.094 6.594 0.094s4.888-0.019 6.594-0.094c1.7-0.075 2.869-0.35 3.881-0.744 1.050-0.406 1.944-0.956 2.831-1.844s1.438-1.781 1.844-2.831c0.394-1.019 0.669-2.181 0.744-3.881 0.075-1.706 0.094-2.25 0.094-6.594s-0.019-4.887-0.094-6.594c-0.075-1.7-0.35-2.869-0.744-3.881-0.394-1.063-0.938-1.956-1.831-2.844-0.887-0.887-1.781-1.438-2.831-1.844-1.019-0.394-2.181-0.669-3.881-0.744-1.712-0.081-2.256-0.1-6.6-0.1v0zM16 7.781c-4.537 0-8.219 3.681-8.219 8.219s3.681 8.219 8.219 8.219 8.219-3.681 8.219-8.219c0-4.537-3.681-8.219-8.219-8.219zM16 21.331c-2.944 0-5.331-2.387-5.331-5.331s2.387-5.331 5.331-5.331c2.944 0 5.331 2.387 5.331 5.331s-2.387 5.331-5.331 5.331zM26.462 7.456c0 1.060-0.859 1.919-1.919 1.919s-1.919-0.859-1.919-1.919c0-1.060 0.859-1.919 1.919-1.919s1.919 0.859 1.919 1.919z"></path>
+</symbol>
+<symbol id="icon-linkedin" viewBox="0 0 32 32">
+<path d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3zM12 26h-4v-14h4v14zM10 10c-1.106 0-2-0.894-2-2s0.894-2 2-2c1.106 0 2 0.894 2 2s-0.894 2-2 2zM26 26h-4v-8c0-1.106-0.894-2-2-2s-2 0.894-2 2v8h-4v-14h4v2.481c0.825-1.131 2.087-2.481 3.5-2.481 2.488 0 4.5 2.238 4.5 5v9z"></path>
+</symbol>
+<symbol id="icon-pinterest" viewBox="0 0 32 32">
+<path d="M16 2.138c-7.656 0-13.863 6.206-13.863 13.863 0 5.875 3.656 10.887 8.813 12.906-0.119-1.094-0.231-2.781 0.050-3.975 0.25-1.081 1.625-6.887 1.625-6.887s-0.412-0.831-0.412-2.056c0-1.925 1.119-3.369 2.506-3.369 1.181 0 1.756 0.887 1.756 1.95 0 1.188-0.756 2.969-1.15 4.613-0.331 1.381 0.688 2.506 2.050 2.506 2.462 0 4.356-2.6 4.356-6.35 0-3.319-2.387-5.638-5.787-5.638-3.944 0-6.256 2.956-6.256 6.019 0 1.194 0.456 2.469 1.031 3.163 0.113 0.137 0.131 0.256 0.094 0.4-0.106 0.438-0.338 1.381-0.387 1.575-0.063 0.256-0.2 0.306-0.463 0.188-1.731-0.806-2.813-3.337-2.813-5.369 0-4.375 3.175-8.387 9.156-8.387 4.806 0 8.544 3.425 8.544 8.006 0 4.775-3.012 8.625-7.194 8.625-1.406 0-2.725-0.731-3.175-1.594 0 0-0.694 2.644-0.863 3.294-0.313 1.206-1.156 2.712-1.725 3.631 1.3 0.4 2.675 0.619 4.106 0.619 7.656 0 13.863-6.206 13.863-13.863 0-7.662-6.206-13.869-13.863-13.869z"></path>
+</symbol>
+<symbol id="icon-twitter" viewBox="0 0 32 32">
+<path d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z"></path>
+</symbol>
+<symbol id="icon-viadeo" viewBox="0 0 23 32">
+<path d="M18.75 19.75c0 2.554-0.893 4.804-2.625 6.679-1.804 1.964-4.089 2.875-6.75 2.875-2.643 0-4.946-0.893-6.75-2.875-1.732-1.875-2.625-4.125-2.625-6.679 0-5.304 4-9.643 9.375-9.643 1.107 0 2.214 0.179 3.25 0.554-0.357 0.696-0.607 1.464-0.696 2.25-0.804-0.339-1.679-0.5-2.554-0.5-4.054 0-7.036 3.464-7.036 7.393 0 4 2.964 7.268 7.036 7.268s7.018-3.268 7.018-7.268c0-1.018-0.179-2.018-0.571-2.964 0.786-0.161 1.536-0.464 2.196-0.875 0.5 1.196 0.732 2.5 0.732 3.786zM15.107 16.375c0 4.5-1.821 8.25-5.679 10.679l-0.25 0.018c-0.375 0-0.75-0.036-1.107-0.089 5.161-1.964 6.107-9.804 6.107-14.589 0-0.607 0-1.232-0.054-1.839 0.643 1.875 0.982 3.839 0.982 5.821zM14.125 10.518v0.036c-0.929-2.732-2.214-5.375-3.679-7.857 2.25 1.518 3.482 5.196 3.679 7.821zM18.482 14.143c-1.107 0-2.089-0.589-2.857-1.339 1.821-1 4.125-2.554 5.179-4.411 0.125-0.25 0.339-0.714 0.375-1-1.036 2.321-3.679 4.143-6.143 4.714-0.393-0.607-0.625-1.286-0.625-2.018 0-0.857 0.429-2 1.071-2.625 0.732-0.696 1.821-1.054 2.804-1.321 1.429-0.393 2.589-1.5 3.214-2.839 0.929 1.321 1.321 2.929 1.321 4.518 0 0.804-0.125 2.268-0.429 3.036-0.661 1.607-2 3.286-3.911 3.286z"></path>
+</symbol>
+<symbol id="icon-share2" viewBox="0 0 32 32">
+<path d="M27 21.714c-1.411 0-2.685 0.586-3.594 1.526l-13.469-6.734c0.041-0.258 0.063-0.522 0.063-0.791s-0.022-0.534-0.063-0.791l13.469-6.734c0.909 0.94 2.183 1.526 3.594 1.526 2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5c0 0.269 0.022 0.534 0.063 0.791l-13.469 6.734c-0.909-0.94-2.183-1.526-3.594-1.526-2.761 0-5 2.239-5 5s2.239 5 5 5c1.411 0 2.685-0.586 3.594-1.526l13.469 6.734c-0.041 0.258-0.063 0.522-0.063 0.791 0 2.761 2.239 5 5 5s5-2.239 5-5c0-2.761-2.239-5-5-5z"></path>
+</symbol>
+<symbol id="icon-home" viewBox="0 0 32 32">
+<path d="M32 18.166l-16-12.42-16 12.42v-5.064l16-12.42 16 12.42zM28 17.714v12h-8v-8h-8v8h-8v-12l12-9z"></path>
+</symbol>
+<symbol id="icon-location" viewBox="0 0 32 32">
+<path d="M16 30.648l-0.356-0.444c-0.356-0.444-9.244-11.644-9.244-20.444 0-5.244 4.267-9.6 9.6-9.6s9.6 4.267 9.6 9.6c0 8.8-8.889 20-9.244 20.444l-0.356 0.444zM16 1.048c-4.8 0-8.711 3.911-8.711 8.711 0 7.556 7.111 17.244 8.711 19.467 1.689-2.222 8.711-11.911 8.711-19.467 0-4.8-3.911-8.711-8.711-8.711zM16 15.27c-2.933 0-5.422-2.4-5.422-5.422 0-2.933 2.4-5.422 5.422-5.422 2.933 0 5.422 2.4 5.422 5.422s-2.489 5.422-5.422 5.422zM16 5.403c-2.489 0-4.533 2.044-4.533 4.533s2.044 4.533 4.533 4.533c2.489 0 4.533-2.044 4.533-4.533 0-2.578-2.044-4.533-4.533-4.533z"></path>
+</symbol>
+<symbol id="icon-switch" viewBox="0 0 32 32">
+<path d="M20 4.581v4.249c1.131 0.494 2.172 1.2 3.071 2.099 1.889 1.889 2.929 4.4 2.929 7.071s-1.040 5.182-2.929 7.071c-1.889 1.889-4.4 2.929-7.071 2.929s-5.182-1.040-7.071-2.929c-1.889-1.889-2.929-4.4-2.929-7.071s1.040-5.182 2.929-7.071c0.899-0.899 1.94-1.606 3.071-2.099v-4.249c-5.783 1.721-10 7.077-10 13.419 0 7.732 6.268 14 14 14s14-6.268 14-14c0-6.342-4.217-11.698-10-13.419zM14 0h4v16h-4z"></path>
+</symbol>
+<symbol id="icon-information" viewBox="0 0 32 32">
+<path d="M16 30.825c-8.356 0-15.111-6.756-15.111-15.111s6.756-15.111 15.111-15.111 15.111 6.756 15.111 15.111-6.756 15.111-15.111 15.111zM16 1.492c-7.822 0-14.222 6.4-14.222 14.222s6.4 14.222 14.222 14.222 14.222-6.4 14.222-14.222-6.4-14.222-14.222-14.222zM13.956 24.514c-0.711-0.089-1.244-0.444-1.6-0.889-0.267-0.444-0.356-0.889-0.178-1.422l2.044-6.933c-0.089 0.089-0.089 0.089-0.178 0.178l-1.867 2.222-0.089-0.889c0-0.267 0-0.533 0-0.711v-0.267l0.089-0.089c1.067-1.6 2.756-2.756 4-2.756 0.622 0.089 1.067 0.356 1.422 0.711 0.356 0.444 0.444 0.978 0.356 1.6l-2.133 6.933c0.089-0.089 0.178-0.089 0.267-0.178l1.867-2.222 0.089 0.889c0 0.178 0 0.533 0 0.711 0 0.089 0 0.178 0 0.178v0.089l-0.089 0.089c-0.978 1.333-2.044 2.756-4 2.756zM14.489 14.292c0.089 0 0.089 0 0.178 0 0.356 0.089 0.533 0.533 0.444 0.889l-2.133 7.111c-0.089 0.267-0.089 0.533 0.089 0.8s0.533 0.444 0.978 0.533c0.711 0 1.333-0.267 1.867-0.711-0.178 0.089-0.356 0.089-0.444 0-0.356-0.089-0.533-0.444-0.444-0.8l2.133-7.2c0.089-0.356 0-0.622-0.178-0.889s-0.444-0.356-0.8-0.444c-0.533 0.089-1.067 0.356-1.689 0.711zM16 21.936v0 0zM17.956 11.003c-1.244 0-2.133-0.889-2.133-2.133s0.889-2.133 2.133-2.133 2.133 0.889 2.133 2.133c0 1.244-0.889 2.133-2.133 2.133zM17.956 7.625c-0.711 0-1.244 0.533-1.244 1.244s0.533 1.244 1.244 1.244 1.244-0.533 1.244-1.244c0-0.711-0.533-1.244-1.244-1.244z"></path>
+</symbol>
+<symbol id="icon-phone" viewBox="0 0 32 32">
+<path d="M23.911 28.781h-0.178c-3.467 0-10.578-3.556-14.044-7.022s-7.022-10.578-7.022-14.044v-0.178l0.089-0.089c0.622-0.889 3.644-5.333 5.511-5.333 1.511 0 4.711 2.933 5.689 5.156 0.533 1.333 0.178 2.044-0.178 2.4-0.711 0.711-1.422 1.156-1.956 1.511-0.978 0.622-1.333 0.889-1.333 1.689 0 1.511 1.689 3.2 3.289 4.8s3.289 3.289 4.889 3.289c0.8 0 1.067-0.444 1.689-1.333 0.356-0.533 0.8-1.244 1.511-1.956v0c0.356-0.356 1.156-0.711 2.4-0.178 2.222 0.889 5.156 4.178 5.156 5.689 0 1.867-4.444 4.889-5.333 5.511l-0.178 0.089zM3.556 7.803c0.089 3.289 3.467 10.044 6.756 13.333 3.2 3.2 9.956 6.667 13.333 6.756 2.044-1.422 4.8-3.733 4.8-4.711s-2.578-4-4.622-4.889c-0.711-0.267-1.156-0.267-1.511 0-0.622 0.622-0.978 1.244-1.333 1.778-0.622 0.978-1.067 1.778-2.4 1.778-1.867 0-3.733-1.778-5.511-3.556s-3.556-3.556-3.556-5.511c0-1.333 0.889-1.867 1.778-2.4 0.533-0.356 1.156-0.711 1.778-1.333 0.267-0.267 0.267-0.8 0-1.511-0.889-2.133-3.911-4.622-4.889-4.622-0.889 0.089-3.2 2.844-4.622 4.889z"></path>
+</symbol>
+<symbol id="icon-menu" viewBox="0 0 32 32">
+<path d="M0 5.714h32v2h-32v-2zM0 14.648h32v2h-32v-2zM0 23.714h32v2h-32v-2z"></path>
+</symbol>
+<symbol id="icon-paperplane" viewBox="0 0 32 32">
+<path d="M3.363 4.128l4.875 19.348 9.467-3.018-8.448-10.298 10.902 9.56 8.853-2.77-25.649-12.822zM18.004 27.3v-5.324l-3.116 0.926 3.116 4.398z"></path>
+</symbol>
+<symbol id="icon-envelope" viewBox="0 0 32 32">
+<path d="M16.015 18.575l-4.072-3.343-8.862 10.463h25.876l-8.863-10.567-4.079 3.447zM29.926 5.733h-27.815l13.908 11.698 13.907-11.698zM20.705 14.601l9.291 11.084v-18.952l-9.291 7.868zM2.004 6.733v18.952l9.291-11.084-9.291-7.868z"></path>
+</symbol>
+<symbol id="icon-chevron-thin-left" viewBox="0 0 32 32">
+<path d="M22.226 27.183c0.429 0.435 0.429 1.134 0 1.566s-1.122 0.434-1.55 0l-12.528-12.653c-0.429-0.432-0.429-1.131 0-1.566l12.528-12.653c0.429-0.432 1.122-0.432 1.55 0 0.429 0.434 0.429 1.134 0 1.566l-11.426 11.87 11.426 11.869z"></path>
+</symbol>
+<symbol id="icon-chevron-thin-right" viewBox="0 0 32 32">
+<path d="M21.2 15.314l-11.426-11.872c-0.429-0.432-0.429-1.131 0-1.566 0.429-0.432 1.122-0.432 1.55 0l12.528 12.653c0.429 0.434 0.429 1.134 0 1.566l-12.528 12.653c-0.429 0.434-1.122 0.432-1.55 0-0.429-0.43-0.429-1.131 0-1.566l11.426-11.867z"></path>
+</symbol>
+<symbol id="icon-arrow-right2" viewBox="0 0 32 32">
+<path d="M19.414 27.128l10-10c0.781-0.781 0.781-2.047 0-2.828l-10-10c-0.781-0.781-2.047-0.781-2.828 0s-0.781 2.047 0 2.828l6.586 6.586h-19.172c-1.105 0-2 0.895-2 2s0.895 2 2 2h19.172l-6.586 6.586c-0.39 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z"></path>
+</symbol>
+<symbol id="icon-user" viewBox="0 0 23 32">
+<path d="M22.857 25.268c0 2.607-1.714 4.732-3.804 4.732h-15.25c-2.089 0-3.804-2.125-3.804-4.732 0-4.696 1.161-10.125 5.839-10.125 1.446 1.411 3.411 2.286 5.589 2.286s4.143-0.875 5.589-2.286c4.679 0 5.839 5.429 5.839 10.125zM18.286 9.429c0 3.786-3.071 6.857-6.857 6.857s-6.857-3.071-6.857-6.857 3.071-6.857 6.857-6.857 6.857 3.071 6.857 6.857z"></path>
+</symbol>
+<symbol id="icon-search" viewBox="0 0 32 32">
+<path d="M31.008 26.945l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998 1.789-2.096 2.87-4.815 2.87-7.787 0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-0.031 0.677 0.293 1.515 0.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007 0.23s0.997-2.903-0.23-4.007zM12 19.714c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z"></path>
+</symbol>
+<symbol id="icon-lock" viewBox="0 0 32 32">
+<path d="M18.5 13.714h-0.5v-6c0-3.308-2.692-6-6-6h-4c-3.308 0-6 2.692-6 6v6h-0.5c-0.825 0-1.5 0.675-1.5 1.5v15c0 0.825 0.675 1.5 1.5 1.5h17c0.825 0 1.5-0.675 1.5-1.5v-15c0-0.825-0.675-1.5-1.5-1.5zM6 7.714c0-1.103 0.897-2 2-2h4c1.103 0 2 0.897 2 2v6h-8v-6z"></path>
+</symbol>
+<symbol id="icon-fax" viewBox="0 0 32 32">
+<path d="M6.652 24.623h-4.231c-0.475-0.001-0.859-0.385-0.86-0.859v-11.994c0.001-0.474 0.385-0.859 0.86-0.859h3.166c-0.121-0.181-0.182-0.401-0.182-0.622h-2.984c-0.819 0-1.482 0.663-1.482 1.481v11.993c0 0.818 0.663 1.481 1.482 1.481h4.365c-0.103-0.186-0.147-0.405-0.135-0.621zM29.626 10.289h-3.138c0.055 0.201 0.056 0.42 0.001 0.622h3.137c0.474 0.001 0.858 0.385 0.859 0.859v11.993c-0.001 0.474-0.384 0.858-0.859 0.859h-4.886c0.101 0.187 0.143 0.407 0.129 0.622h4.757c0.818 0 1.48-0.663 1.481-1.481v-11.993c-0.001-0.818-0.663-1.481-1.481-1.481zM6.141 15.885c-0.355 0-0.656-0.201-0.849-0.472v0c-0.195-0.273-0.305-0.626-0.305-1.010v0-11.993c0.001-0.384 0.11-0.736 0.305-1.010v0c0.193-0.27 0.494-0.472 0.849-0.472v0h19.618c0.354 0 0.655 0.201 0.849 0.472v0c0.195 0.273 0.305 0.625 0.305 1.010v0 11.682h0.001v0.311c-0.001 0.383-0.11 0.736-0.305 1.009v0c-0.193 0.271-0.494 0.473-0.849 0.473v0l-19.619-0.001zM5.797 1.763c-0.11 0.151-0.19 0.383-0.189 0.646v0 11.993c-0.001 0.263 0.079 0.496 0.189 0.646v0c0.112 0.154 0.233 0.214 0.345 0.214v0h19.618c0.111 0 0.232-0.061 0.344-0.214v0c0.104-0.144 0.182-0.363 0.189-0.611v0-12.028c0-0.264-0.079-0.496-0.189-0.647v0c-0.113-0.152-0.233-0.214-0.345-0.213v0h-19.617c-0.001 0-0.001 0-0.001 0v0c-0.112 0.001-0.232 0.061-0.343 0.214v0zM6.303 29.362v-7.832c0.001-0.58 0.448-1.073 1.033-1.076v0h16.79c0.584 0.003 1.031 0.495 1.033 1.076v0 7.832c-0.001 0.58-0.448 1.073-1.033 1.075v0h-16.79c-0.585-0.002-1.032-0.494-1.033-1.075v0zM6.925 21.53v7.832c0.001 0.264 0.198 0.453 0.411 0.453v0l16.79-0.001c0.213 0 0.41-0.189 0.411-0.453v0-7.832c-0.001-0.264-0.198-0.453-0.411-0.453v0h-16.79c-0.213 0-0.41 0.189-0.411 0.453v0zM8.654 6.085v-0.622h14.59v0.622h-14.59zM8.654 9.302v-0.622h14.59v0.622h-14.59zM8.654 12.52v-0.622h14.59v0.622h-14.59z"></path>
+</symbol>
+<symbol id="icon-calendar" viewBox="0 0 30 32">
+<path d="M2.286 29.714h5.143v-5.143h-5.143v5.143zM8.571 29.714h5.714v-5.143h-5.714v5.143zM2.286 23.428h5.143v-5.714h-5.143v5.714zM8.571 23.428h5.714v-5.714h-5.714v5.714zM2.286 16.571h5.143v-5.143h-5.143v5.143zM15.429 29.714h5.714v-5.143h-5.714v5.143zM8.571 16.571h5.714v-5.143h-5.714v5.143zM22.286 29.714h5.143v-5.143h-5.143v5.143zM15.429 23.428h5.714v-5.714h-5.714v5.714zM9.143 8v-5.143c0-0.304-0.268-0.571-0.571-0.571h-1.143c-0.304 0-0.571 0.268-0.571 0.571v5.143c0 0.304 0.268 0.571 0.571 0.571h1.143c0.304 0 0.571-0.268 0.571-0.571zM22.286 23.428h5.143v-5.714h-5.143v5.714zM15.429 16.571h5.714v-5.143h-5.714v5.143zM22.286 16.571h5.143v-5.143h-5.143v5.143zM22.857 8v-5.143c0-0.304-0.268-0.571-0.571-0.571h-1.143c-0.304 0-0.571 0.268-0.571 0.571v5.143c0 0.304 0.268 0.571 0.571 0.571h1.143c0.304 0 0.571-0.268 0.571-0.571zM29.714 6.857v22.857c0 1.25-1.036 2.286-2.286 2.286h-25.143c-1.25 0-2.286-1.036-2.286-2.286v-22.857c0-1.25 1.036-2.286 2.286-2.286h2.286v-1.714c0-1.571 1.286-2.857 2.857-2.857h1.143c1.571 0 2.857 1.286 2.857 2.857v1.714h6.857v-1.714c0-1.571 1.286-2.857 2.857-2.857h1.143c1.571 0 2.857 1.286 2.857 2.857v1.714h2.286c1.25 0 2.286 1.036 2.286 2.286z"></path>
+</symbol>
+<symbol id="icon-language" viewBox="0 0 27 32">
+<path d="M11.679 19.25c-0.036 0.125-0.911-0.286-1.143-0.375-0.232-0.107-1.286-0.696-1.554-0.875s-1.286-1.018-1.411-1.071v0c-0.643 0.982-1.464 2.143-2.393 3.232-0.321 0.375-1.286 1.589-1.875 1.964-0.089 0.054-0.607 0.107-0.679 0.071 0.286-0.214 1.107-1.232 1.464-1.643 0.446-0.518 2.571-3.482 2.929-4.161 0.375-0.679 1.5-2.929 1.554-3.143-0.179-0.018-1.589 0.464-1.964 0.589-0.357 0.107-1.339 0.339-1.411 0.393-0.071 0.071-0.018 0.286-0.054 0.357s-0.357 0.232-0.554 0.268c-0.179 0.054-0.589 0.071-0.839 0-0.232-0.054-0.446-0.286-0.5-0.375 0 0-0.071-0.107-0.089-0.411 0.214-0.071 0.571-0.089 0.964-0.196s1.357-0.393 1.875-0.571 1.518-0.554 1.821-0.625c0.321-0.054 1.125-0.589 1.554-0.732s0.732-0.321 0.75-0.232 0 0.482-0.018 0.589c-0.018 0.089-0.875 1.768-1 2.036-0.071 0.143-0.571 1.089-1.375 2.339 0.286 0.125 0.893 0.375 1.143 0.5 0.304 0.143 2.429 1.036 2.536 1.071s0.304 0.857 0.268 1zM8.018 10.571c0.054 0.304-0.036 0.429-0.071 0.5-0.179 0.339-0.625 0.571-0.893 0.679s-0.714 0.214-1.071 0.214c-0.161-0.018-0.482-0.071-0.875-0.464-0.214-0.232-0.375-0.857-0.304-0.786s0.589 0.143 0.821 0.089 0.786-0.214 1.036-0.286c0.268-0.089 0.804-0.232 0.982-0.25 0.179 0 0.321 0.071 0.375 0.304zM20.482 12.875l1.125 4.054-2.482-0.75zM0.696 27.161l12.393-4.143v-18.429l-12.393 4.161v18.411zM22.857 21.5l1.821 0.554-3.232-11.732-1.786-0.554-3.857 9.571 1.821 0.554 0.804-1.964 3.768 1.161zM13.875 4.321l10.232 3.286v-6.786zM19.429 27.946l2.821 0.232-0.964 2.857-0.714-1.179c-1.446 0.929-3.232 1.643-4.929 1.929-0.518 0.107-1.107 0.214-1.625 0.214h-1.5c-1.893 0-5.339-1.125-6.839-2.214-0.107-0.089-0.143-0.161-0.143-0.286 0-0.196 0.143-0.339 0.321-0.339 0.161 0 1 0.518 1.232 0.625 1.607 0.804 3.857 1.536 5.661 1.536 2.232 0 3.75-0.286 5.786-1.161 0.589-0.268 1.107-0.607 1.661-0.911zM27.429 8.678v19.268c-13.804-4.393-13.821-4.393-13.821-4.393-0.286 0.125-13.089 4.446-13.268 4.446-0.143 0-0.268-0.089-0.321-0.232 0-0.018-0.018-0.036-0.018-0.054v-19.25c0.018-0.054 0.036-0.143 0.071-0.179 0.107-0.125 0.25-0.161 0.357-0.196 0.054-0.018 1.143-0.375 2.661-0.893v-6.857l9.964 3.536c0.125-0.036 11.232-3.875 11.393-3.875 0.196 0 0.357 0.143 0.357 0.375v7.464z"></path>
+</symbol>
+<symbol id="icon-signout" viewBox="0 0 28 32">
+<path d="M11.429 26c0 0.5 0.232 1.714-0.571 1.714h-5.714c-2.839 0-5.143-2.304-5.143-5.143v-12.571c0-2.839 2.304-5.143 5.143-5.143h5.714c0.304 0 0.571 0.268 0.571 0.571 0 0.5 0.232 1.714-0.571 1.714h-5.714c-1.571 0-2.857 1.286-2.857 2.857v12.571c0 1.571 1.286 2.857 2.857 2.857h5.143c0.446 0 1.143-0.089 1.143 0.571zM28 16.286c0 0.304-0.125 0.589-0.339 0.804l-9.714 9.714c-0.214 0.214-0.5 0.339-0.804 0.339-0.625 0-1.143-0.518-1.143-1.143v-5.143h-8c-0.625 0-1.143-0.518-1.143-1.143v-6.857c0-0.625 0.518-1.143 1.143-1.143h8v-5.143c0-0.625 0.518-1.143 1.143-1.143 0.304 0 0.589 0.125 0.804 0.339l9.714 9.714c0.214 0.214 0.339 0.5 0.339 0.804z"></path>
+</symbol>
+<symbol id="icon-partenaires" viewBox="0 0 41 32">
+<path d="M3.429 20.571c1.5 0 1.5-2.286 0-2.286s-1.5 2.286 0 2.286zM29.732 19.536c-1.411-1.839-2.786-3.714-4.393-5.393l-2.232 2.5c-1.964 2.232-5.482 2.179-7.393-0.107-1.357-1.643-1.357-4 0.036-5.625l3.161-3.679c-1.107-0.571-2.446-0.375-3.643-0.375-1.054 0-2.071 0.429-2.821 1.179l-2.821 2.821h-2.768v9.714c0.786 0 1.5-0.107 2.125 0.5l5.304 5.214c1.089 1.054 2.5 1.982 4.054 1.982 0.804 0 1.661-0.268 2.232-0.839 1.339 0.464 2.893-0.286 3.304-1.661 0.857 0.071 1.643-0.196 2.268-0.786 0.411-0.375 0.946-1.125 0.893-1.714 0.161 0.161 0.554 0.179 0.768 0.179 2.125 0 3.232-2.232 1.929-3.911zM32.571 20.571h1.714v-9.143h-1.661l-2.804-3.214c-0.75-0.857-1.875-1.357-3.018-1.357h-2.982c-1 0-1.964 0.446-2.607 1.196l-3.732 4.339c-0.661 0.786-0.661 1.893-0.018 2.679 1.018 1.214 2.893 1.232 3.946 0.054l3.446-3.893c0.821-0.911 2.321-0.054 1.946 1.107 0.679 0.786 1.411 1.554 2.071 2.339 0.893 1.107 1.75 2.268 2.625 3.393 0.554 0.714 0.964 1.571 1.071 2.5zM37.714 20.571c1.5 0 1.5-2.286 0-2.286s-1.5 2.286 0 2.286zM41.143 10.286v11.429c0 0.625-0.518 1.143-1.143 1.143h-7.75c-0.643 1.554-2.054 2.589-3.696 2.821-0.768 1.125-1.946 1.982-3.268 2.268-0.982 1.25-2.571 2-4.161 1.893-2.946 1.661-6.268 0.214-8.464-1.946l-5.125-5.036h-6.393c-0.625 0-1.143-0.518-1.143-1.143v-12c0-0.625 0.518-1.143 1.143-1.143h7.518c2.071-2.071 3.5-4 6.607-4h2.089c1.161 0 2.286 0.357 3.232 1 0.946-0.643 2.071-1 3.232-1h2.982c3.393 0 4.804 2.214 6.857 4.571h6.339c0.625 0 1.143 0.518 1.143 1.143z"></path>
+</symbol>
+</defs>
+</svg>
diff --git a/noisettes/accesrestreint/lien-login-logout.html b/noisettes/accesrestreint/lien-login-logout.html
index 5eab3a94..f1bd3e65 100644
--- a/noisettes/accesrestreint/lien-login-logout.html
+++ b/noisettes/accesrestreint/lien-login-logout.html
@@ -1,4 +1,4 @@
  [(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})<li id="cadre_outil_connexion">]<?php if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { 
 	include_spip('inc/texte');
- ?><a class="logout" href="[(#URL_LOGOUT)]" title="<?php echo attribut_html(supprimer_tags(typo($GLOBALS['visiteur_session']['nom']))); ?>, <:soyezcreateurs:deconnexiontitle:>" rel="nofollow">[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})<span class="icon icon-signout icon-lg texte-blanc"></span><span class="hide">]<?php echo typo($GLOBALS['visiteur_session']['nom']); ?>, <:soyezcreateurs:deconnexion:>[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})</span>]</a><?php } else { ?> [(#ENV{template}|=={Connexion}|?{'<strong>',''})]<a class="login" href="[(#URL_PAGE{401}|parametre_url{url,#SELF})]" title="<:soyezcreateurs:connexiontitle:>" rel="nofollow">[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})<span class="icon icon-user icon-lg texte-blanc"></span><span class="hide">]<:soyezcreateurs:connexion:>[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})</span>]</a>[(#ENV{template}|=={Connexion}|?{'</strong>',''})]<?php } ?>[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})</li>]
+ ?><a class="logout" href="[(#URL_LOGOUT)]" title="<?php echo attribut_html(supprimer_tags(typo($GLOBALS['visiteur_session']['nom']))); ?>, <:soyezcreateurs:deconnexiontitle:>" rel="nofollow">[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})<svg class="svg-icon"><use xlink:href="#icon-signout"></use></svg><span class="hide">]<?php echo typo($GLOBALS['visiteur_session']['nom']); ?>, <:soyezcreateurs:deconnexion:>[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})</span>]</a><?php } else { ?> [(#ENV{template}|=={Connexion}|?{'<strong>',''})]<a class="login" href="[(#URL_PAGE{401}|parametre_url{url,#SELF})]" title="<:soyezcreateurs:connexiontitle:>" rel="nofollow">[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})<svg class="svg-icon"><use xlink:href="#icon-user"></use></svg><span class="hide">]<:soyezcreateurs:connexion:>[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})</span>]</a>[(#ENV{template}|=={Connexion}|?{'</strong>',''})]<?php } ?>[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})</li>]
 #FILTRE{mini_html}
\ No newline at end of file
diff --git a/noisettes/footer/footer_identite_extra.html b/noisettes/footer/footer_identite_extra.html
index a5b7f1e9..f37eb5cf 100644
--- a/noisettes/footer/footer_identite_extra.html
+++ b/noisettes/footer/footer_identite_extra.html
@@ -1,7 +1,7 @@
     <div id="informations" class="row">
             <div id="coordonnees" class="avec-padding">
                     [<div class="adresse flexbox-flex">
-                            <span class="icon-location icon-lg icon-fw texte-blanc"></span>
+						 <svg class="svg-icon icon-lg icon-location"><use xlink:href="#icon-location"></use></svg>
                             <p>
                                     <span class="#EDIT{meta-identite_extra/adresse}">[(#IDENTITE_ADRESSE|propre|ptobr)]</span><br />
                                     <span class="#EDIT{meta-identite_extra/code_postal}">(#IDENTITE_CODE_POSTAL)</span> - <span class="#EDIT{meta-identite_extra/ville}">#IDENTITE_VILLE</span>[
@@ -9,34 +9,34 @@
                             </p>
                     </div>]
                     [<div class="telephone flexbox-flex">
-                            <span class="icon-phone icon-lg icon-fw texte-blanc"></span>
+						 <svg class="svg-icon icon-lg icon-phone"><use xlink:href="#icon-phone"></use></svg>
                             <p class="#EDIT{meta-identite_extra/telephone}">
                                     <a href="tel:#IDENTITE_TELEPHONE">(#IDENTITE_TELEPHONE)</a>
                             </p>
                     </div>]
                     [<div class="telephone flexbox-flex">
-                            <span class="icon-phone icon-lg icon-fw texte-blanc"></span>
+						 <svg class="svg-icon icon-lg icon-phone"><use xlink:href="#icon-phone"></use></svg>
                             <p class="#EDIT{meta-identite_extra/mobile}">
                                     <a href="tel:#IDENTITE_TELEPHONE">(#IDENTITE_MOBILE)</a>
                             </p>
                     </div>]
                     [<div class="fax flexbox-flex">
-                            <span class="icon-fax icon-lg icon-fw texte-blanc"></span>
+						 <svg class="svg-icon icon-lg icon-fax"><use xlink:href="#icon-fax"></use></svg>
                             <p class="#EDIT{meta-identite_extra/fax}">(#IDENTITE_FAX)</p>
                     </div>]
                     [<div class="accueil flexbox-flex">
-                            <span class="icon-envelope icon-lg icon-fw texte-blanc"></span>
+                            <svg class="svg-icon icon-lg icon-envelope"><use xlink:href="#icon-envelope"></use></svg>
                             <p class="#EDIT{meta-identite_extra/email_contact}">
-                                    <a href="mailto:#IDENTITE_EMAIL_CONTACT">(#IDENTITE_EMAIL_CONTACT)</a>
+                               <a href="mailto:#IDENTITE_EMAIL_CONTACT">(#IDENTITE_EMAIL_CONTACT)</a>
                             </p>
                     </div>]
                     [<div class="accueil flexbox-flex">
-                            <span class="icon-information icon-lg icon-fw texte-blanc"></span>
+                            <svg class="svg-icon icon-lg icon-information"><use xlink:href="#icon-information"></use></svg>
                             <p class="#EDIT{meta-identite_extra/informations}">
                                     (#IDENTITE_INFORMATIONS|propre|ptobr)
                             </p>
                     </div>]
-                    [<p class="#EDIT{meta-identite_extra/id_article_contact}"><a class="button triadeC texte-blanc float-center avec-margin" href="#URL_ARTICLE{#IDENTITE_ID_ARTICLE_CONTACT}"><span class="icon-envelope icon-lg avec-padding-right05"></span>(#INFO_TITRE{article,#IDENTITE_ID_ARTICLE_CONTACT})</a></p>]
+                    [<p class="#EDIT{meta-identite_extra/id_article_contact}"><a class="button triadeC texte-blanc float-center avec-margin" href="#URL_ARTICLE{#IDENTITE_ID_ARTICLE_CONTACT}"><svg class="svg-icon icon-envelope"><use xlink:href="#icon-envelope"></use></svg>(#INFO_TITRE{article,#IDENTITE_ID_ARTICLE_CONTACT}|trim)</a></p>]
             </div>
             <B_Id_Image_Pied>
 			<div id="carte" class="avec-padding">
diff --git a/noisettes/header/cadre_outils.html b/noisettes/header/cadre_outils.html
index bd1c8925..d9d50bad 100644
--- a/noisettes/header/cadre_outils.html
+++ b/noisettes/header/cadre_outils.html
@@ -15,20 +15,20 @@
 <INCLURE{fond=noisettes/header/cadre_outils_surcharge} />]
 [(#PLUGIN{AGENDA}|oui)[(#CONFIG{soyezcreateurs/miniagenda,on}|!={non}|oui)<INCLURE{fond=noisettes/header/cadre_outils_agenda} />]]
 [(#PLUGIN{CLEVERMAIL}|oui|ou{[(#PLUGIN{MAILSUBSCRIBERS}|oui)]})	<li id="cadre_outil_newsletter" class="call-js-modal"><a href="[(#SELF|trim{'/'})]#newsletterinscription" title="<:soyezcreateurs:newsletter_recevoir:>" class="js-modal" data-modal-prefix-class="sombre" data-modal-focus-id="js-modal-content .socialtags a:first" data-modal-content-id="newsletterinscription" data-modal-close-text="<:ecrire:bouton_fermer:>"
- data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:soyezcreateurs:newsletter_recevoir:>"><span class="icon icon-paperplane icon-lg texte-blanc"></span><span class="hide"><:soyezcreateurs:newsletter_recevoir:></span></a></li>]
+ data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:soyezcreateurs:newsletter_recevoir:>"><svg class="svg-icon"><use xlink:href="#icon-paperplane"></use></svg><span class="hide"><:soyezcreateurs:newsletter_recevoir:></span></a></li>]
 [(#PLUGIN{SOCIALTAGS}|oui)[(#ENV{id_rubrique}|ou{#ENV{id_article}}|oui)	<li id="cadre_outil_socialtags" class="call-js-modal"><a href="[(#SELF|trim{'/'})]#socialtags" title="<:socialtags:noisette_action_recommand:>" class="js-modal" data-modal-prefix-class="sombre" data-modal-focus-id="js-modal-content .socialtags a:first" data-modal-content-id="socialtags" data-modal-close-text="<:ecrire:bouton_fermer:>"
- data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:socialtags:noisette_action_recommand:>"><span class="icon icon-share2 icon-lg texte-blanc"></span><span class="hide"><:socialtags:noisette_action_recommand:></span></a></li>]]
-[	<li id="cadre_outil_facebook"><a href="(#IDENTITE_FACEBOOK)" title="Facebook"><span class="icon icon-facebook icon-lg texte-blanc"></span><span class="hide">Facebook</span></a></li>]
-[	<li id="cadre_outil_twitter"><a href="(#IDENTITE_TWITTER)" title="Twitter"><span class="icon icon-twitter icon-lg texte-blanc"></span><span class="hide">Twitter</span></a></li>]
-[	<li id="cadre_outil_linkedin"><a href="(#IDENTITE_LINKEDIN)" title="Linkedin"><span class="icon icon-linkedin icon-lg texte-blanc"></span><span class="hide">Linkedin</span></a></li>]
-[	<li id="cadre_outil_instagram"><a href="(#IDENTITE_INSTAGRAM)" title="Instagram"><span class="icon icon-instagram icon-lg texte-blanc"></span><span class="hide">Instagram</span></a></li>]
-[	<li id="cadre_outil_pinterest"><a href="(#IDENTITE_PINTEREST)" title="Pinterest"><span class="icon icon-pinterest icon-lg texte-blanc"></span><span class="hide">Pinterest</span></a></li>]
-[	<li id="cadre_outil_viadeo"><a href="(#IDENTITE_VIADEO)" title="Viadeo"><span class="icon icon-viadeo icon-lg texte-blanc"></span><span class="hide">Viadeo</span></a></li>]
-[(#VAL{}|sc_bandeau_contact|oui)	<li id="cadre_outil_envelope"><a href="[(#SELF|trim{'/'})]#bandeaucontact" title="<:contact:>"><span class="icon icon-envelope  icon-lg texte-blanc"></span><span class="hide"><:contact:></span></a></li>]
+ data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:socialtags:noisette_action_recommand:>"><svg class="svg-icon"><use xlink:href="#icon-share2"></use></svg><span class="hide"><:socialtags:noisette_action_recommand:></span></a></li>]]
+[	<li id="cadre_outil_facebook"><a href="(#IDENTITE_FACEBOOK)" title="Facebook"><svg class="svg-icon"><use xlink:href="#icon-fb"></use></svg><span class="hide">Facebook</span></a></li>]
+[	<li id="cadre_outil_twitter"><a href="(#IDENTITE_TWITTER)" title="Twitter"><svg class="svg-icon"><use xlink:href="#icon-twitter"></use></svg><span class="hide">Twitter</span></a></li>]
+[	<li id="cadre_outil_linkedin"><a href="(#IDENTITE_LINKEDIN)" title="Linkedin"><svg class="svg-icon"><use xlink:href="#icon-linkedin"></use></svg><span class="hide">Linkedin</span></a></li>]
+[	<li id="cadre_outil_instagram"><a href="(#IDENTITE_INSTAGRAM)" title="Instagram"><svg class="svg-icon"><use xlink:href="#icon-instagram"></use></svg><span class="hide">Instagram</span></a></li>]
+[	<li id="cadre_outil_pinterest"><a href="(#IDENTITE_PINTEREST)" title="Pinterest"><svg class="svg-icon"><use xlink:href="#icon-pinterest"></use></svg><span class="hide">Pinterest</span></a></li>]
+[	<li id="cadre_outil_viadeo"><a href="(#IDENTITE_VIADEO)" title="Viadeo"><svg class="svg-icon"><use xlink:href="#icon-viadeo"></use></svg><span class="hide">Viadeo</span></a></li>]
+[(#VAL{}|sc_bandeau_contact|oui)	<li id="cadre_outil_envelope"><a href="[(#SELF|trim{'/'})]#bandeaucontact" title="<:contact:>"><svg class="svg-icon"><use xlink:href="#icon-envelope"></use></svg><span class="hide"><:contact:></span></a></li>]
 	<li id="cadre_outil_search"><a href="[(#SELF|trim{'/'})]#formulaire_recherche" title="<:soyezcreateurs:accessibilite_recherche:>" class="js-modal" data-modal-prefix-class="sombre" data-modal-focus-id="formulaire_recherche" data-modal-content-id="cadre_recherche" data-modal-close-text="<:ecrire:bouton_fermer:>"
- data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:info_rechercher:>"><span class="icon icon-search icon-lg texte-blanc"></span><span class="hide"><:soyezcreateurs:accessibilite_recherche:></span></a></li>
+ data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:info_rechercher:>"><svg class="svg-icon"><use xlink:href="#icon-search"></use></svg><span class="hide"><:soyezcreateurs:accessibilite_recherche:></span></a></li>
 [(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={icone}|oui)	<li id="cadre_outil_language"><a href="[(#SELF|trim{'/'})]#menu_lang" title="Choisir la langue d'affichage du site" class="js-modal" data-modal-prefix-class="sombre" data-modal-focus-id="menu_lang > a:first" data-modal-content-id="cadre_lang" data-modal-close-text="<:ecrire:bouton_fermer:>"
- data-modal-close-title="<:ecrire:bouton_fermer:>"><span class="icon icon-language icon-lg texte-blanc"></span><span class="hide">Langues</span></a></li>]]
+ data-modal-close-title="<:ecrire:bouton_fermer:>"><svg class="svg-icon"><use xlink:href="#icon-language"></use></svg><span class="hide">Langues</span></a></li>]]
 [(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|oui)<INCLURE{fond=formulaires/menu_lang,env} />]]
 [(#PLUGIN{ACCESRESTREINT}|oui)<INCLURE{fond=noisettes/accesrestreint/login-logout,env}>]
 
diff --git a/noisettes/header/cadre_outils_agenda.html b/noisettes/header/cadre_outils_agenda.html
index 21b524e9..3bc54e32 100644
--- a/noisettes/header/cadre_outils_agenda.html
+++ b/noisettes/header/cadre_outils_agenda.html
@@ -1,2 +1,2 @@
 <BOUCLE_AuMoinsUnEvenement(EVENEMENTS){!evenement_passe}{0,1}{statut=publie}>	<li id="cadre_outil_miniagenda" class="call-js-modal"><a href="[(#SELF|trim{'/'})]#miniagenda" title="<:soyezcreateurs:agenda:>" class="js-modal" data-modal-prefix-class="sombre" data-modal-content-id="miniagenda" data-modal-close-text="<:ecrire:bouton_fermer:>"
- data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:soyezcreateurs:agenda:>"><span class="icon icon-calendar icon-lg texte-blanc"></span><span class="hide"><:soyezcreateurs:agenda:></span></a></li></BOUCLE_AuMoinsUnEvenement>
\ No newline at end of file
+ data-modal-close-title="<:ecrire:bouton_fermer:>" data-modal-title="<:soyezcreateurs:agenda:>"><svg class="svg-icon"><use xlink:href="#icon-calendar"></use></svg><span class="hide"><:soyezcreateurs:agenda:></span></a></li></BOUCLE_AuMoinsUnEvenement>
\ No newline at end of file
diff --git a/noisettes/header/header.html b/noisettes/header/header.html
index 61769b62..73689812 100644
--- a/noisettes/header/header.html
+++ b/noisettes/header/header.html
@@ -127,6 +127,7 @@ CancelMonitorTextSize = false;
 #INCLURE{fond=noisettes/googleanalytics}
 </head>
 <body[ id="(#ENV{idbody})"] class="[(#CONFIG{soyezcreateurs/mode_affichage,communiquant})] [bodysecteur(#ENV{id_secteur}) [(#ENV{id_secteur}|=={#ENV{rubriqueencours}}|?{bodysecteur}) ]][bodyrubrique(#ENV{rubriqueencours}) bodyrubrique ][bodyarticle(#ENV{id_article}) bodyarticle]">
+#INCLURE{fonts/picto-soyezcreateurs-defs.svg}
 <div id="container">
   <div id="shadow">
 [(#PLUGIN{campagnes}|oui)
diff --git a/noisettes/plan/inc_antichrono_grid.html b/noisettes/plan/inc_antichrono_grid.html
index d79e8f8b..65797500 100644
--- a/noisettes/plan/inc_antichrono_grid.html
+++ b/noisettes/plan/inc_antichrono_grid.html
@@ -65,7 +65,7 @@
 					<a href="#URL"[ title="(#DESCRIPTIF|attribut_html)"]>
 						[<img src="(#LOGO|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
 						<div class="h2" tabindex="-1"><span class="titre-actus">#TITRE[ <span class="secondary-information">((#TYPE))</span>]</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
+							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div>
 					</a>
 				</div>
 			</div>
diff --git a/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html b/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html
index 458d2141..1448277b 100644
--- a/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html
+++ b/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html
@@ -35,7 +35,7 @@
 					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
 						[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
 						<div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
+							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div>
 					</a>
 				</div>
 			</div>
@@ -73,7 +73,7 @@
 					<a href="#URL_BREVE"[ title="(#DESCRIPTIF|attribut_html)"]>
 						[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
 						<div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
+							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div>
 					</a>
 				</div>
 			</div>
@@ -123,7 +123,7 @@
 								</time>]]]
 							</div>
 							<div class="h2" tabindex="-1"><span class="titre-actus">[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{#TITRE[&nbsp;: (#_AgendaDerniersAjouts:TITRE)],#TITRE})]</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
+							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div>
 						</div>
 					</a>
 				</div>
@@ -175,7 +175,7 @@
 					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
 						[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
 						<div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
+							<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div>
 					</a>
 				</div>
 			</div>
diff --git a/noisettes/sommaire_modeportailcognac_dessousBreves.html b/noisettes/sommaire_modeportailcognac_dessousBreves.html
index e292c745..f6b17f1b 100644
--- a/noisettes/sommaire_modeportailcognac_dessousBreves.html
+++ b/noisettes/sommaire_modeportailcognac_dessousBreves.html
@@ -12,7 +12,7 @@
 				<BOUCLE_articles_plusdun(ARTICLES) {id_rubrique} {1,1}{lang}{!archive}><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_plusdun><BOUCLE_articles_unseul(ARTICLES) {id_rubrique} {0,1}{lang}{!archive}><a href="#ARTICLE_URL"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_unseul><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]><//B_articles_unseul><//B_articles_plusdun>
 					<div class="h2">#TITRE</div>
 					<div class="suite">
-						<span class="icon icon-arrow-right2">&#10140;</span>
+						<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg>
 					</div>
 				</a>
 			</div>
diff --git a/noisettes/sommaire_modeportailcognac_goodies.html b/noisettes/sommaire_modeportailcognac_goodies.html
index 6cc74d4b..54f8db1f 100644
--- a/noisettes/sommaire_modeportailcognac_goodies.html
+++ b/noisettes/sommaire_modeportailcognac_goodies.html
@@ -15,7 +15,8 @@
 					[(#SET{picto,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{280,190})]})]
 					<img data-lazy="[(#GET{picto}|extraire_attribut{src})]" width="[(#GET{picto}|largeur)]" height="[(#GET{picto}|hauteur)]" alt="" />
 					<div class="h2"><span class="titre-pratique">#TITRE</span>
-						<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
+						<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg>
+					</div>
 				</a>
 			</div>
 			</BOUCLE_BlocsDefilants>
diff --git a/noisettes/sommaire_modeportailcognac_zoomsur.html b/noisettes/sommaire_modeportailcognac_zoomsur.html
index 86e51785..b4992992 100644
--- a/noisettes/sommaire_modeportailcognac_zoomsur.html
+++ b/noisettes/sommaire_modeportailcognac_zoomsur.html
@@ -1,4 +1,3 @@
-
 <BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}{!archive}>
 #SET{article_url,#ARTICLE_URL}
 <!-- SLIDER -->
@@ -57,7 +56,7 @@
 			<li class="#EDIT{titre}">
 				<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>
 					<span>#TITRE</span>
-					<span class="icon icon-arrow-right2 icon-2x">&#10140;</span>
+					<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg>
 				</a>
 			</li>
 			[<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]
diff --git a/stylesportailcognac.css.html b/stylesportailcognac.css.html
index 9cc34fc0..bf8e1e77 100644
--- a/stylesportailcognac.css.html
+++ b/stylesportailcognac.css.html
@@ -310,12 +310,10 @@ select {
   height: auto;
   padding: 0 25px;
 }
-#projets .suite .icon {
+#projets .suite .svg-icon {
   margin: auto;
   align-self: center;
   font-size: 0;
-}
-#projets .suite .icon:before {
   font-size: 3rem;
 }
 @media only screen and (max-width:[(#GET{LargeurContaineur})]px) {
@@ -462,13 +460,10 @@ select {
   text-align: right;
   border-right: 1px solid;
 }
-.slider-pratique .h2 .icon {
+.slider-pratique .h2 .svg-icon {
   align-self: center;
   padding: 7px 15px 7px 7px;
-  font-size: 0;
-}
-.slider-pratique .h2 .icon:before {
-  font-size: 30px;
+  font-size: 4rem;
 }
 @media only screen and (max-width: 400px) {
   .slider-pratique {
@@ -579,23 +574,6 @@ select {
     background-color: #FFF;
 }
 
-@media only screen and (max-width: 767px) {
-   #liens-diaporama li a span {
-    padding: .25em 0;
-  }
-}
- #liens-diaporama li a span.icon {
-  margin-left: .55rem;
-  padding: .85rem .5rem;
-  font-size: 0;
-  border-left: 1px solid #GET{c_titraille};
-}
- #liens-diaporama li a span.icon:before {
-  font-size: 2.15rem;
-}
- #liens-diaporama li a:hover {
-  color: #666 ;
-}
 @media only screen and (max-width: 767px) {
    #liens-diaporama li a {
     background-color: #eae9e5;
@@ -694,16 +672,14 @@ select {
     padding: .25em .5em;
   }
 }
-#liens-diaporama li a span.icon {
+#liens-diaporama li a .svg-icon {
   margin-left: .55rem;
   padding: .85rem .5rem;
   border-left: 1px solid;
   border-left-color: inherit;
+  font-size: 4rem;
 }
-#liens-diaporama li a span.icon:before {
-  font-size: 2.15rem;
-}
- #liens-diaporama li a:hover {
+#liens-diaporama li a:hover {
   color: #666 ;
 }
 @media only screen and (max-width: 767px) {
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index a3b02503..925e7527 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -145,6 +145,13 @@ body { background: transparent; }
 #SET{d_cadreinfo_degrade,#CONFIG{soyezcreateurs_couleurs/cadreinfo_degrade,on}}
 #SET{d_citations_degrade,#CONFIG{soyezcreateurs_couleurs/citations_degrade,on}}
 
+.svg-icon {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  fill: currentColor
+}
+
 /** Polices pour avoir des pictos utilisables */
 @font-face {
   font-family: 'picto-soyezcreateurs';
@@ -2818,6 +2825,9 @@ a.button.triadeC:focus,
   background-color: transparent;
   border-bottom: 3px solid #GET{c_outils};
 }
+#cadre_outils .svg-icon {
+	font-size: 1.6em;
+}
 ]
 .portailcognac #content {
   padding-left: 1.5rem;
@@ -3007,8 +3017,9 @@ display: none;
   font-size: inherit;
 }
 #footer #bandeaucontact p .icon-envelope {
-  font-size: 1.75em;
-  vertical-align: text-bottom;
+  font-size: 2em;
+  margin-right: .45em;
+  vertical-align: middle;
 }
 .portailcognac #footer #footerbas {
   margin: 0;
@@ -3292,27 +3303,22 @@ margin-bottom: 1em;
   display: inline-block;
 }
 .icon-lg {
-  font-size: 2.33333333em;
-  line-height: 0.75em;
-}
-.portailcognac .icon-lg {
-  font-size: 1.33333333em;
+  font-size: 2.33333333rem;
 }
 .icon-2x {
-  font-size: 2em;
-  vertical-align: middle;
+  font-size: 2rem;
 }
 .icon-25x {
-  font-size: 2.5em;
+  font-size: 2.5rem;
 }
 .icon-3x {
-  font-size: 3em;
+  font-size: 3rem;
 }
 .icon-4x {
-  font-size: 4em;
+  font-size: 4rem;
 }
 .icon-5x {
-  font-size: 5em;
+  font-size: 5rem;
 }
 .icon-fw {
   width: 1.28571429em;
@@ -3623,8 +3629,9 @@ dialog {
 }
 
 /* grid-item */
-.grid-item .h2 .icon:before {
-  font-size: 30px;
+.grid-item .h2 .svg-icon
+ {
+  font-size: 2.5rem;
 }
 .grid-item-x2 {
   width: calc(50% - 20px) ;
-- 
GitLab