From: vincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Mon, 23 Jul 2012 15:06:44 +0000 (+0000)
Subject: (no commit message)
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=cab98964ff1a73ef67572882409d92aee73bce87;p=cubeextranet.git

---

diff --git a/fluidbook/icones/1/mobile/nav-home.svg b/fluidbook/icones/1/mobile/nav-home.svg
new file mode 100644
index 000000000..349c781c8
--- /dev/null
+++ b/fluidbook/icones/1/mobile/nav-home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="23px" height="20px" viewBox="0 0 23 20" enable-background="new 0 0 23 20" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M16.988,18.957c1.104,0,2-0.896,2-2V9.978l-8.001-4.021L3.008,9.978
+		v6.979c0,1.104,0.896,2,2,2h3.989l0.011-3.979c0-1.104,0.896-2,2-2h-0.02c1.104,0,2,0.896,2,2v3.057h-4v0.927L16.988,18.957z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M1.627,5.984l8.011-4.625c0.725-0.418,1.652-0.17,2.071,0.555
+		c0.418,0.725,0.17,1.652-0.556,2.07l-8.01,4.625c-0.725,0.418-1.652,0.17-2.07-0.555S0.902,6.403,1.627,5.984z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M18.669,8.609l-8.01-4.625c-0.725-0.418-0.974-1.345-0.555-2.07
+		c0.418-0.725,1.345-0.973,2.07-0.555l8.011,4.625c0.726,0.418,0.974,1.345,0.556,2.07C20.321,8.78,19.395,9.028,18.669,8.609z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/1/nav-home.png b/fluidbook/icones/1/nav-home.png
new file mode 100644
index 000000000..99ff755b3
Binary files /dev/null and b/fluidbook/icones/1/nav-home.png differ
diff --git a/fluidbook/icones/2/mobile/help-fingers.svg b/fluidbook/icones/2/mobile/help-fingers.svg
new file mode 100644
index 000000000..f45e6d2fe
--- /dev/null
+++ b/fluidbook/icones/2/mobile/help-fingers.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="200px" viewBox="0 0 400 200" enable-background="new 0 0 400 200" xml:space="preserve">
+<path fill="#FFFFFF" d="M325.007,380.926c-6.234,3.42-17.771-15.209-24.419-15.673c-6.647-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.646,13.757c4.607,7.125,8.96,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.452,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.499-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.52-11.729,9.348-31.298,8.117-34.542s-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.628-7.083-2.921c-1.126-1.297-3.726-7.551-7.257-7.432c-3.533,0.119-3.95,0.355-4.511-0.291
+	c-0.56-0.646-1.09-3.015-1.293-5.337c-0.204-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.834-6.146,4.551c0.244,1.721,2.436,15.6,2.025,23.225S333.848,376.075,325.007,380.926z"/>
+<path fill="#FFFFFF" d="M510.75,419.371c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.591-3.447-0.051-6.018-0.326c-2.57-0.272-7.072-3.176-9.346-3.526
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.135-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.068-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.394-11.73-9.246-14.947-7.084
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.166,14.237,10.393,19.934,16.736c5.695,6.343,8.416,9.215,15.665,21.538
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C502.236,414.915,505.105,418.373,510.75,419.371z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="337.004" cy="328.412" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.823" cy="347.279" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.822" cy="347.28" r="21.289"/>
+<path fill="#FFFFFF" d="M359.093,309.676l1.417,11.041c0,1.909-1.543,3.453-3.453,3.457c-1.908-0.003-2.721-1.063-3.457-3.457
+	l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.452-1.545-3.455-3.453c0.002-1.91,1.548-3.456,3.455-3.455l10.923,1.4
+	c0,0,1.662,0.123,2.512,0.973C358.98,308.131,359.093,309.676,359.093,309.676z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M369.646,299.123l1.417,11.042c0,1.909-1.544,3.452-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.456-3.457l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.453-1.545-3.455-3.453
+	c0.001-1.909,1.548-3.455,3.455-3.455l10.922,1.4c0,0,1.663,0.123,2.512,0.973C369.533,297.578,369.646,299.123,369.646,299.123z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="295.333" cy="370.084" r="11.687"/>
+<path fill="#FFFFFF" d="M273.244,388.822l-1.417-11.043c-0.001-1.908,1.544-3.452,3.453-3.455c1.907,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.547,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.662-0.125-2.512-0.974S273.244,388.822,273.244,388.822z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M262.691,399.374l-1.416-11.042c-0.002-1.908,1.543-3.453,3.453-3.456
+	c1.907,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454c0,1.909-1.547,3.456-3.455,3.455
+	l-10.922-1.4c0,0-1.662-0.124-2.512-0.974C262.804,400.919,262.691,399.374,262.691,399.374z"/>
+<path fill="#FFFFFF" d="M103.007,108.689c-6.234,3.42-17.77-15.209-24.418-15.673c-6.648-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.647,13.757c4.607,7.125,8.959,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.453,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.5-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.519-11.729,9.347-31.298,8.117-34.542c-1.23-3.244-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.627-7.083-2.921c-1.126-1.296-3.725-7.55-7.257-7.432c-3.533,0.12-3.95,0.356-4.511-0.291
+	c-0.559-0.646-1.09-3.015-1.293-5.337c-0.205-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.833-6.147,4.551c0.244,1.72,2.436,15.599,2.026,23.225C112.615,87.613,111.848,103.839,103.007,108.689z"/>
+<path fill="#FFFFFF" d="M288.75,147.135c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.59-3.447-0.05-6.018-0.325c-2.57-0.273-7.072-3.176-9.346-3.527
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.134-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.069-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.393-11.73-9.245-14.947-7.083
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.165,14.237,10.392,19.934,16.735c5.695,6.343,8.416,9.215,15.665,21.539
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C280.236,142.679,283.105,146.137,288.75,147.135z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="115.004" cy="56.176" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.823" cy="75.043" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.822" cy="75.044" r="21.289"/>
+<path fill="#FFFFFF" d="M137.093,37.439l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456c-1.908-0.002-2.72-1.063-3.457-3.457
+	l-2.058-6.842l-6.844-2.058c-2.368-0.526-3.453-1.545-3.455-3.454c0.001-1.909,1.547-3.456,3.455-3.455l10.922,1.4
+	c0,0,1.662,0.124,2.512,0.973C136.981,35.894,137.093,37.439,137.093,37.439z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M147.646,26.887l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.457-3.457l-2.058-6.842l-6.844-2.058c-2.367-0.526-3.453-1.545-3.455-3.454
+	c0.001-1.909,1.548-3.456,3.455-3.455l10.922,1.4c0,0,1.663,0.124,2.512,0.973C147.533,25.342,147.646,26.887,147.646,26.887z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="73.333" cy="97.848" r="11.686"/>
+<path fill="#FFFFFF" d="M51.244,116.586l-1.417-11.043c-0.001-1.908,1.543-3.452,3.453-3.455c1.908,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.548,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.663-0.125-2.512-0.974S51.244,116.586,51.244,116.586z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M40.691,127.138l-1.417-11.042c-0.001-1.908,1.543-3.453,3.453-3.456
+	c1.908,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454
+	c-0.001,1.909-1.547,3.456-3.455,3.455l-10.922-1.4c0,0-1.663-0.124-2.512-0.974C40.804,128.683,40.691,127.138,40.691,127.138z"/>
+</svg>
diff --git a/fluidbook/icones/2/mobile/help-mouse.svg b/fluidbook/icones/2/mobile/help-mouse.svg
new file mode 100644
index 000000000..eb6d44b4b
--- /dev/null
+++ b/fluidbook/icones/2/mobile/help-mouse.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="200px" viewBox="0 0 100 200" enable-background="new 0 0 100 200" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#FFFFFF" d="M47.024,89.074v13.825c0,1.94,1.579,3.52,3.521,3.52c1.94,0,3.52-1.579,3.52-3.52V89.074
+			c0-1.94-1.579-3.52-3.52-3.52C48.604,85.554,47.024,87.134,47.024,89.074z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M51.724,83.313c2.68,0.547,4.701,2.923,4.701,5.761v13.825c0,2.838-2.021,5.213-4.701,5.761
+			v4.025h33.898c-4.954-18.886-18.195-32.55-33.898-33.206V83.313z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M14.896,115.046c-0.985,4.466-1.523,9.19-1.523,14.083
+			c0,27.443,16.643,49.691,37.172,49.691s37.172-22.248,37.172-49.691c0-4.893-0.538-9.617-1.523-14.083H14.896z"/>
+		<path fill="#FFFFFF" d="M49.364,112.686v-4.025c-2.679-0.549-4.7-2.924-4.7-5.761V89.074c0-2.837,2.021-5.213,4.7-5.761v-3.833
+			c-15.703,0.656-28.944,14.32-33.898,33.206H49.364z"/>
+	</g>
+	<path opacity="0.5" fill="#FFFFFF" d="M50.82,76.915c-0.294,0-0.587-0.109-0.816-0.329c-0.47-0.451-0.486-1.197-0.035-1.668
+		c0.07-0.074,7.023-7.435,6.136-14.931c-0.432-3.643-2.679-6.794-6.68-9.366c-4.609-2.964-7.204-6.683-7.711-11.052
+		c-0.999-8.637,6.567-16.568,6.89-16.902c0.455-0.469,1.199-0.48,1.668-0.028c0.47,0.453,0.481,1.199,0.029,1.668
+		c-0.071,0.074-7.117,7.478-6.241,14.999c0.423,3.629,2.658,6.768,6.643,9.33c4.625,2.974,7.232,6.703,7.748,11.084
+		c1.012,8.609-6.461,16.5-6.778,16.831C51.44,76.793,51.131,76.915,50.82,76.915z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-bookmark.svg b/fluidbook/icones/2/mobile/nav-bookmark.svg
new file mode 100644
index 000000000..0ff3bd47d
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-bookmark.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="11px" height="20px" viewBox="0 0 11 20" enable-background="new 0 0 11 20" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.542,0.993c0.624,0,4.468,2.532,4.468,5.199V18.09c0,1.105-0.896,0.974-2,0.974
+	c0,0-1.201-5.28-2.493-5.28c-1.2,0-2.498,5.28-2.498,5.28c-1.104,0-2,0.132-2-0.974V6.192C1.019,3.525,4.845,0.993,5.542,0.993z"/>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-facebook.svg b/fluidbook/icones/2/mobile/nav-facebook.svg
new file mode 100644
index 000000000..c2d1399ac
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-facebook.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M16.811,0.935H2.921c-1.13,0-2.055,0.925-2.055,2.055v13.893c0,1.131,0.925,2.055,2.055,2.055h13.889
+	c1.131,0,2.056-0.924,2.056-2.055V2.99C18.866,1.859,17.941,0.935,16.811,0.935z M15.828,6.942c-0.569,0-1.183,0-1.474,0
+	S13.77,7.248,13.77,7.474s0,1.514,0,1.514s1.818,0,2.055,0c-0.082,1.161-0.252,2.224-0.252,2.224h-1.813v6.581h-2.702v-6.581H9.741
+	V8.996h1.316c0,0,0-1.48,0-1.811c0-0.332-0.067-2.548,2.769-2.548c0.381,0,1.244,0,2.003,0C15.828,5.6,15.828,6.641,15.828,6.942z"
+	/>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-friend.svg b/fluidbook/icones/2/mobile/nav-friend.svg
new file mode 100644
index 000000000..3593791ca
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-friend.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="19px" height="20px" viewBox="0 0 19 20" enable-background="new 0 0 19 20" xml:space="preserve">
+<path fill="$colorize" d="M13.436,0.969H5.581c-2.508,0-4.56,2.052-4.56,4.56v2.907c0,2.508,2.051,4.56,4.56,4.56h0.435v4.999l4.763-4.999h2.657
+	c2.507,0,4.559-2.052,4.559-4.56V5.528C17.994,3.021,15.942,0.969,13.436,0.969"/>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-help.svg b/fluidbook/icones/2/mobile/nav-help.svg
new file mode 100644
index 000000000..4b04058d8
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-help.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="14px" height="20px" viewBox="0 0 14 20" enable-background="new 0 0 14 20" xml:space="preserve">
+<path  fill="$colorize" d="M2.061,6.388c0.274,0.282,0.612,0.423,1.011,0.423c0.678,0,1.138-0.403,1.38-1.209c0.257-0.771,0.571-1.354,0.942-1.75
+	c0.371-0.396,0.948-0.594,1.733-0.594c0.67,0,1.218,0.196,1.643,0.588C9.194,4.239,9.407,4.72,9.407,5.291
+	c0,0.292-0.07,0.563-0.209,0.813c-0.139,0.25-0.311,0.477-0.514,0.68s-0.533,0.505-0.99,0.904C7.174,8.145,6.76,8.539,6.454,8.87
+	c-0.307,0.332-0.553,0.717-0.738,1.156s-0.278,0.958-0.278,1.557c0,0.479,0.126,0.838,0.38,1.08
+	c0.253,0.243,0.565,0.364,0.937,0.364c0.713,0,1.138-0.37,1.273-1.112c0.079-0.35,0.138-0.594,0.177-0.733s0.095-0.278,0.166-0.417
+	c0.071-0.14,0.181-0.293,0.326-0.461c0.146-0.167,0.341-0.361,0.583-0.583c0.878-0.784,1.486-1.343,1.824-1.674
+	c0.34-0.332,0.632-0.726,0.878-1.183S12.35,5.876,12.35,5.27c0-0.771-0.216-1.484-0.647-2.14s-1.043-1.175-1.835-1.557
+	C9.075,1.191,8.162,1,7.128,1C6.015,1,5.042,1.229,4.207,1.685c-0.834,0.457-1.47,1.033-1.905,1.729
+	c-0.435,0.695-0.652,1.382-0.652,2.06C1.649,5.801,1.787,6.106,2.061,6.388z M7.983,16.772c0.322-0.285,0.482-0.678,0.482-1.177
+	c0-0.449-0.154-0.827-0.461-1.134s-0.685-0.461-1.134-0.461c-0.457,0-0.842,0.154-1.156,0.461s-0.471,0.685-0.471,1.134
+	c0,0.507,0.162,0.901,0.487,1.183C6.056,17.06,6.436,17.2,6.871,17.2C7.292,17.2,7.663,17.058,7.983,16.772z"/>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-home.svg b/fluidbook/icones/2/mobile/nav-home.svg
new file mode 100644
index 000000000..349c781c8
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="23px" height="20px" viewBox="0 0 23 20" enable-background="new 0 0 23 20" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M16.988,18.957c1.104,0,2-0.896,2-2V9.978l-8.001-4.021L3.008,9.978
+		v6.979c0,1.104,0.896,2,2,2h3.989l0.011-3.979c0-1.104,0.896-2,2-2h-0.02c1.104,0,2,0.896,2,2v3.057h-4v0.927L16.988,18.957z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M1.627,5.984l8.011-4.625c0.725-0.418,1.652-0.17,2.071,0.555
+		c0.418,0.725,0.17,1.652-0.556,2.07l-8.01,4.625c-0.725,0.418-1.652,0.17-2.07-0.555S0.902,6.403,1.627,5.984z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M18.669,8.609l-8.01-4.625c-0.725-0.418-0.974-1.345-0.555-2.07
+		c0.418-0.725,1.345-0.973,2.07-0.555l8.011,4.625c0.726,0.418,0.974,1.345,0.556,2.07C20.321,8.78,19.395,9.028,18.669,8.609z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-index.svg b/fluidbook/icones/2/mobile/nav-index.svg
new file mode 100644
index 000000000..5d3c042f6
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-index.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="27px" height="20px" viewBox="0 0 27 20" enable-background="new 0 0 27 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.984,10.041H2.987c-1.104,0-2,0.895-2,1.999v3.037
+			c0,1.105,0.896,2,2,2h2.997c1.104,0,2-0.895,2-2v-3.037C7.984,10.935,7.089,10.041,5.984,10.041z M15.013,10.041h-3.029
+			c-1.104,0-2,0.895-2,1.999v3.037c0,1.105,0.896,2,2,2h3.029c1.104,0,2-0.895,2-2v-3.037
+			C17.013,10.935,16.116,10.041,15.013,10.041z M5.984,1H2.987c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h2.997
+			c1.104,0,2-0.895,2-2V3C7.984,1.896,7.089,1,5.984,1z M15.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C17.013,1.896,16.116,1,15.013,1z M24.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C26.013,1.896,25.116,1,24.013,1z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-sommaire.svg b/fluidbook/icones/2/mobile/nav-sommaire.svg
new file mode 100644
index 000000000..d824beaf1
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-sommaire.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="20px" viewBox="0 0 22 20" enable-background="new 0 0 22 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd"  fill="$colorize" d="M19.152,1H9C7.896,1,7,1.896,7,3v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V3C21.152,1.896,20.256,1,19.152,1z M3.151,1H3C1.896,1,1,1.896,1,3v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V3C5.151,1.896,4.256,1,3.151,1z M19.152,7H9C7.896,7,7,7.896,7,9v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V9C21.152,7.896,20.256,7,19.152,7z M3.151,7H3C1.896,7,1,7.896,1,9v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V9C5.151,7.896,4.256,7,3.151,7z M19.152,13H9c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V15C21.152,13.896,20.256,13,19.152,13z M3.151,13H3c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V15C5.151,13.896,4.256,13,3.151,13z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/2/mobile/nav-twitter.svg b/fluidbook/icones/2/mobile/nav-twitter.svg
new file mode 100644
index 000000000..97bcabe54
--- /dev/null
+++ b/fluidbook/icones/2/mobile/nav-twitter.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M19,3.055C19,1.92,18.08,1,16.944,1H3.056C1.92,1,1,1.92,1,3.055v13.89C1,18.08,1.92,19,3.056,19h13.889
+	C18.08,19,19,18.08,19,16.945V3.055z M14.871,10.326c-1.059,4.3-8.175,6.125-11.448,1.66c1.254,1.197,3.438,1.304,4.822-0.13
+	c-0.812,0.119-1.403-0.678-0.405-1.108c-0.897,0.098-1.396-0.379-1.6-0.785c0.21-0.22,0.443-0.323,0.891-0.352
+	C6.148,9.379,5.786,8.898,5.675,8.315C5.947,8.25,6.288,8.194,6.474,8.219c-0.859-0.45-1.158-1.126-1.111-1.636
+	c1.537,0.571,2.517,1.03,3.335,1.469c0.292,0.156,0.618,0.437,0.985,0.793c0.467-1.237,1.045-2.513,2.035-3.146
+	c-0.017,0.144-0.094,0.277-0.195,0.386c0.281-0.255,0.645-0.431,1.016-0.481c-0.043,0.278-0.442,0.436-0.685,0.525
+	c0.184-0.057,1.157-0.491,1.262-0.243c0.127,0.28-0.672,0.411-0.806,0.459c-0.103,0.034-0.203,0.072-0.302,0.112
+	c1.233-0.124,2.411,0.895,2.755,2.159c0.024,0.092,0.049,0.193,0.071,0.298c0.452,0.169,1.269-0.007,1.531-0.17
+	C16.176,9.198,15.681,9.53,14.95,9.59c0.352,0.146,1.016,0.228,1.473,0.15C16.134,10.051,15.668,10.332,14.871,10.326z"/>
+</svg>
diff --git a/fluidbook/icones/2/mobile/next.svg b/fluidbook/icones/2/mobile/next.svg
new file mode 100644
index 000000000..fc1617f4b
--- /dev/null
+++ b/fluidbook/icones/2/mobile/next.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px"
+	 height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<g id="Layer_2">
+</g>
+<g id="Layer_1">
+	<path fill="$colorize" d="M31.904,39.623l-9.655,12.49c-1.907,1.916-5.009,1.916-6.926,0.005c-1.917-1.914-1.666-3.792,0-6.931l4.798-8.924
+		l-4.798-8.927c-1.847-2.902-1.917-5.012-0.01-6.928c1.917-1.913,5.019-1.913,6.936,0l9.545,12.355c0,0,1.546,1.792,1.546,3.496
+		S31.904,39.623,31.904,39.623z"/>
+	<g>
+		<g>
+			<path fill="$colorize" d="M27.979,80.23l-4.016-5.195c-0.804-0.805-2.108-0.805-2.911,0c-0.803,0.805-0.783,1.693,0,2.914l2.018,3.754
+				l-2.018,3.752c-0.702,1.32-0.803,2.111,0,2.916c0.803,0.805,2.107,0.805,2.911,0l4.064-5.256c0,0,0.603-0.697,0.603-1.414
+				C28.63,80.986,27.979,80.23,27.979,80.23z M16.144,74.453c-0.893,0-1.605,0.721-1.605,1.609v11.26
+				c0,0.889,0.713,1.609,1.605,1.609c0.894,0,1.606-0.722,1.606-1.609v-11.26C17.75,75.174,17.037,74.453,16.144,74.453z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/2/mobile/previous.svg b/fluidbook/icones/2/mobile/previous.svg
new file mode 100644
index 000000000..d68cb27d1
--- /dev/null
+++ b/fluidbook/icones/2/mobile/previous.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="40px" height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<path fill="$colorize" d="M12.936,39.623l9.655,12.49c1.907,1.916,5.009,1.916,6.927,0.005c1.917-1.914,1.665-3.792,0-6.931l-4.799-8.924l4.799-8.927
+	c1.846-2.902,1.917-5.012,0.01-6.928c-1.918-1.913-5.02-1.913-6.937,0l-9.545,12.354c0,0-1.546,1.793-1.546,3.496
+	S12.936,39.623,12.936,39.623z"/>
+<g>
+	<g>
+		<path fill="$colorize" d="M17.084,80.23l4.016-5.195c0.803-0.805,2.107-0.805,2.911,0c0.802,0.805,0.782,1.693,0,2.914l-2.019,3.754l2.019,3.752
+			c0.701,1.32,0.802,2.111,0,2.916c-0.804,0.805-2.107,0.805-2.911,0l-4.065-5.256c0,0-0.603-0.697-0.603-1.414
+			C16.433,80.986,17.084,80.23,17.084,80.23z M28.918,74.453c0.895,0,1.605,0.721,1.605,1.609v11.26
+			c0,0.889-0.713,1.609-1.605,1.609c-0.895,0-1.605-0.722-1.605-1.609v-11.26C27.313,75.174,28.025,74.453,28.918,74.453z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/2/mobile/search.svg b/fluidbook/icones/2/mobile/search.svg
new file mode 100644
index 000000000..ed50b69aa
--- /dev/null
+++ b/fluidbook/icones/2/mobile/search.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M17.798,14.34l-4.24-4.244c0.352-0.783,0.552-1.648,0.552-2.562c0-3.461-2.818-6.28-6.281-6.28
+	c-3.465,0-6.282,2.818-6.282,6.28c0,3.464,2.817,6.282,6.282,6.282c0.913,0,1.778-0.199,2.562-0.553l4.241,4.243
+	c0.875,0.875,2.293,0.875,3.167,0.001C18.672,16.633,18.674,15.216,17.798,14.34z M7.763,12.008c-2.458,0-4.45-1.993-4.45-4.451
+	s1.992-4.45,4.45-4.45s4.45,1.992,4.45,4.45S10.221,12.008,7.763,12.008z"/>
+</svg>
diff --git a/fluidbook/icones/3/mobile/help-fingers.svg b/fluidbook/icones/3/mobile/help-fingers.svg
new file mode 100644
index 000000000..f45e6d2fe
--- /dev/null
+++ b/fluidbook/icones/3/mobile/help-fingers.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="200px" viewBox="0 0 400 200" enable-background="new 0 0 400 200" xml:space="preserve">
+<path fill="#FFFFFF" d="M325.007,380.926c-6.234,3.42-17.771-15.209-24.419-15.673c-6.647-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.646,13.757c4.607,7.125,8.96,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.452,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.499-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.52-11.729,9.348-31.298,8.117-34.542s-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.628-7.083-2.921c-1.126-1.297-3.726-7.551-7.257-7.432c-3.533,0.119-3.95,0.355-4.511-0.291
+	c-0.56-0.646-1.09-3.015-1.293-5.337c-0.204-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.834-6.146,4.551c0.244,1.721,2.436,15.6,2.025,23.225S333.848,376.075,325.007,380.926z"/>
+<path fill="#FFFFFF" d="M510.75,419.371c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.591-3.447-0.051-6.018-0.326c-2.57-0.272-7.072-3.176-9.346-3.526
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.135-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.068-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.394-11.73-9.246-14.947-7.084
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.166,14.237,10.393,19.934,16.736c5.695,6.343,8.416,9.215,15.665,21.538
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C502.236,414.915,505.105,418.373,510.75,419.371z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="337.004" cy="328.412" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.823" cy="347.279" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.822" cy="347.28" r="21.289"/>
+<path fill="#FFFFFF" d="M359.093,309.676l1.417,11.041c0,1.909-1.543,3.453-3.453,3.457c-1.908-0.003-2.721-1.063-3.457-3.457
+	l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.452-1.545-3.455-3.453c0.002-1.91,1.548-3.456,3.455-3.455l10.923,1.4
+	c0,0,1.662,0.123,2.512,0.973C358.98,308.131,359.093,309.676,359.093,309.676z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M369.646,299.123l1.417,11.042c0,1.909-1.544,3.452-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.456-3.457l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.453-1.545-3.455-3.453
+	c0.001-1.909,1.548-3.455,3.455-3.455l10.922,1.4c0,0,1.663,0.123,2.512,0.973C369.533,297.578,369.646,299.123,369.646,299.123z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="295.333" cy="370.084" r="11.687"/>
+<path fill="#FFFFFF" d="M273.244,388.822l-1.417-11.043c-0.001-1.908,1.544-3.452,3.453-3.455c1.907,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.547,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.662-0.125-2.512-0.974S273.244,388.822,273.244,388.822z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M262.691,399.374l-1.416-11.042c-0.002-1.908,1.543-3.453,3.453-3.456
+	c1.907,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454c0,1.909-1.547,3.456-3.455,3.455
+	l-10.922-1.4c0,0-1.662-0.124-2.512-0.974C262.804,400.919,262.691,399.374,262.691,399.374z"/>
+<path fill="#FFFFFF" d="M103.007,108.689c-6.234,3.42-17.77-15.209-24.418-15.673c-6.648-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.647,13.757c4.607,7.125,8.959,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.453,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.5-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.519-11.729,9.347-31.298,8.117-34.542c-1.23-3.244-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.627-7.083-2.921c-1.126-1.296-3.725-7.55-7.257-7.432c-3.533,0.12-3.95,0.356-4.511-0.291
+	c-0.559-0.646-1.09-3.015-1.293-5.337c-0.205-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.833-6.147,4.551c0.244,1.72,2.436,15.599,2.026,23.225C112.615,87.613,111.848,103.839,103.007,108.689z"/>
+<path fill="#FFFFFF" d="M288.75,147.135c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.59-3.447-0.05-6.018-0.325c-2.57-0.273-7.072-3.176-9.346-3.527
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.134-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.069-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.393-11.73-9.245-14.947-7.083
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.165,14.237,10.392,19.934,16.735c5.695,6.343,8.416,9.215,15.665,21.539
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C280.236,142.679,283.105,146.137,288.75,147.135z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="115.004" cy="56.176" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.823" cy="75.043" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.822" cy="75.044" r="21.289"/>
+<path fill="#FFFFFF" d="M137.093,37.439l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456c-1.908-0.002-2.72-1.063-3.457-3.457
+	l-2.058-6.842l-6.844-2.058c-2.368-0.526-3.453-1.545-3.455-3.454c0.001-1.909,1.547-3.456,3.455-3.455l10.922,1.4
+	c0,0,1.662,0.124,2.512,0.973C136.981,35.894,137.093,37.439,137.093,37.439z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M147.646,26.887l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.457-3.457l-2.058-6.842l-6.844-2.058c-2.367-0.526-3.453-1.545-3.455-3.454
+	c0.001-1.909,1.548-3.456,3.455-3.455l10.922,1.4c0,0,1.663,0.124,2.512,0.973C147.533,25.342,147.646,26.887,147.646,26.887z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="73.333" cy="97.848" r="11.686"/>
+<path fill="#FFFFFF" d="M51.244,116.586l-1.417-11.043c-0.001-1.908,1.543-3.452,3.453-3.455c1.908,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.548,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.663-0.125-2.512-0.974S51.244,116.586,51.244,116.586z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M40.691,127.138l-1.417-11.042c-0.001-1.908,1.543-3.453,3.453-3.456
+	c1.908,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454
+	c-0.001,1.909-1.547,3.456-3.455,3.455l-10.922-1.4c0,0-1.663-0.124-2.512-0.974C40.804,128.683,40.691,127.138,40.691,127.138z"/>
+</svg>
diff --git a/fluidbook/icones/3/mobile/help-mouse.svg b/fluidbook/icones/3/mobile/help-mouse.svg
new file mode 100644
index 000000000..eb6d44b4b
--- /dev/null
+++ b/fluidbook/icones/3/mobile/help-mouse.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="200px" viewBox="0 0 100 200" enable-background="new 0 0 100 200" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#FFFFFF" d="M47.024,89.074v13.825c0,1.94,1.579,3.52,3.521,3.52c1.94,0,3.52-1.579,3.52-3.52V89.074
+			c0-1.94-1.579-3.52-3.52-3.52C48.604,85.554,47.024,87.134,47.024,89.074z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M51.724,83.313c2.68,0.547,4.701,2.923,4.701,5.761v13.825c0,2.838-2.021,5.213-4.701,5.761
+			v4.025h33.898c-4.954-18.886-18.195-32.55-33.898-33.206V83.313z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M14.896,115.046c-0.985,4.466-1.523,9.19-1.523,14.083
+			c0,27.443,16.643,49.691,37.172,49.691s37.172-22.248,37.172-49.691c0-4.893-0.538-9.617-1.523-14.083H14.896z"/>
+		<path fill="#FFFFFF" d="M49.364,112.686v-4.025c-2.679-0.549-4.7-2.924-4.7-5.761V89.074c0-2.837,2.021-5.213,4.7-5.761v-3.833
+			c-15.703,0.656-28.944,14.32-33.898,33.206H49.364z"/>
+	</g>
+	<path opacity="0.5" fill="#FFFFFF" d="M50.82,76.915c-0.294,0-0.587-0.109-0.816-0.329c-0.47-0.451-0.486-1.197-0.035-1.668
+		c0.07-0.074,7.023-7.435,6.136-14.931c-0.432-3.643-2.679-6.794-6.68-9.366c-4.609-2.964-7.204-6.683-7.711-11.052
+		c-0.999-8.637,6.567-16.568,6.89-16.902c0.455-0.469,1.199-0.48,1.668-0.028c0.47,0.453,0.481,1.199,0.029,1.668
+		c-0.071,0.074-7.117,7.478-6.241,14.999c0.423,3.629,2.658,6.768,6.643,9.33c4.625,2.974,7.232,6.703,7.748,11.084
+		c1.012,8.609-6.461,16.5-6.778,16.831C51.44,76.793,51.131,76.915,50.82,76.915z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-bookmark.svg b/fluidbook/icones/3/mobile/nav-bookmark.svg
new file mode 100644
index 000000000..0ff3bd47d
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-bookmark.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="11px" height="20px" viewBox="0 0 11 20" enable-background="new 0 0 11 20" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.542,0.993c0.624,0,4.468,2.532,4.468,5.199V18.09c0,1.105-0.896,0.974-2,0.974
+	c0,0-1.201-5.28-2.493-5.28c-1.2,0-2.498,5.28-2.498,5.28c-1.104,0-2,0.132-2-0.974V6.192C1.019,3.525,4.845,0.993,5.542,0.993z"/>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-facebook.svg b/fluidbook/icones/3/mobile/nav-facebook.svg
new file mode 100644
index 000000000..c2d1399ac
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-facebook.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M16.811,0.935H2.921c-1.13,0-2.055,0.925-2.055,2.055v13.893c0,1.131,0.925,2.055,2.055,2.055h13.889
+	c1.131,0,2.056-0.924,2.056-2.055V2.99C18.866,1.859,17.941,0.935,16.811,0.935z M15.828,6.942c-0.569,0-1.183,0-1.474,0
+	S13.77,7.248,13.77,7.474s0,1.514,0,1.514s1.818,0,2.055,0c-0.082,1.161-0.252,2.224-0.252,2.224h-1.813v6.581h-2.702v-6.581H9.741
+	V8.996h1.316c0,0,0-1.48,0-1.811c0-0.332-0.067-2.548,2.769-2.548c0.381,0,1.244,0,2.003,0C15.828,5.6,15.828,6.641,15.828,6.942z"
+	/>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-friend.svg b/fluidbook/icones/3/mobile/nav-friend.svg
new file mode 100644
index 000000000..3593791ca
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-friend.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="19px" height="20px" viewBox="0 0 19 20" enable-background="new 0 0 19 20" xml:space="preserve">
+<path fill="$colorize" d="M13.436,0.969H5.581c-2.508,0-4.56,2.052-4.56,4.56v2.907c0,2.508,2.051,4.56,4.56,4.56h0.435v4.999l4.763-4.999h2.657
+	c2.507,0,4.559-2.052,4.559-4.56V5.528C17.994,3.021,15.942,0.969,13.436,0.969"/>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-help.svg b/fluidbook/icones/3/mobile/nav-help.svg
new file mode 100644
index 000000000..4b04058d8
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-help.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="14px" height="20px" viewBox="0 0 14 20" enable-background="new 0 0 14 20" xml:space="preserve">
+<path  fill="$colorize" d="M2.061,6.388c0.274,0.282,0.612,0.423,1.011,0.423c0.678,0,1.138-0.403,1.38-1.209c0.257-0.771,0.571-1.354,0.942-1.75
+	c0.371-0.396,0.948-0.594,1.733-0.594c0.67,0,1.218,0.196,1.643,0.588C9.194,4.239,9.407,4.72,9.407,5.291
+	c0,0.292-0.07,0.563-0.209,0.813c-0.139,0.25-0.311,0.477-0.514,0.68s-0.533,0.505-0.99,0.904C7.174,8.145,6.76,8.539,6.454,8.87
+	c-0.307,0.332-0.553,0.717-0.738,1.156s-0.278,0.958-0.278,1.557c0,0.479,0.126,0.838,0.38,1.08
+	c0.253,0.243,0.565,0.364,0.937,0.364c0.713,0,1.138-0.37,1.273-1.112c0.079-0.35,0.138-0.594,0.177-0.733s0.095-0.278,0.166-0.417
+	c0.071-0.14,0.181-0.293,0.326-0.461c0.146-0.167,0.341-0.361,0.583-0.583c0.878-0.784,1.486-1.343,1.824-1.674
+	c0.34-0.332,0.632-0.726,0.878-1.183S12.35,5.876,12.35,5.27c0-0.771-0.216-1.484-0.647-2.14s-1.043-1.175-1.835-1.557
+	C9.075,1.191,8.162,1,7.128,1C6.015,1,5.042,1.229,4.207,1.685c-0.834,0.457-1.47,1.033-1.905,1.729
+	c-0.435,0.695-0.652,1.382-0.652,2.06C1.649,5.801,1.787,6.106,2.061,6.388z M7.983,16.772c0.322-0.285,0.482-0.678,0.482-1.177
+	c0-0.449-0.154-0.827-0.461-1.134s-0.685-0.461-1.134-0.461c-0.457,0-0.842,0.154-1.156,0.461s-0.471,0.685-0.471,1.134
+	c0,0.507,0.162,0.901,0.487,1.183C6.056,17.06,6.436,17.2,6.871,17.2C7.292,17.2,7.663,17.058,7.983,16.772z"/>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-home.svg b/fluidbook/icones/3/mobile/nav-home.svg
new file mode 100644
index 000000000..349c781c8
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="23px" height="20px" viewBox="0 0 23 20" enable-background="new 0 0 23 20" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M16.988,18.957c1.104,0,2-0.896,2-2V9.978l-8.001-4.021L3.008,9.978
+		v6.979c0,1.104,0.896,2,2,2h3.989l0.011-3.979c0-1.104,0.896-2,2-2h-0.02c1.104,0,2,0.896,2,2v3.057h-4v0.927L16.988,18.957z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M1.627,5.984l8.011-4.625c0.725-0.418,1.652-0.17,2.071,0.555
+		c0.418,0.725,0.17,1.652-0.556,2.07l-8.01,4.625c-0.725,0.418-1.652,0.17-2.07-0.555S0.902,6.403,1.627,5.984z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M18.669,8.609l-8.01-4.625c-0.725-0.418-0.974-1.345-0.555-2.07
+		c0.418-0.725,1.345-0.973,2.07-0.555l8.011,4.625c0.726,0.418,0.974,1.345,0.556,2.07C20.321,8.78,19.395,9.028,18.669,8.609z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-index.svg b/fluidbook/icones/3/mobile/nav-index.svg
new file mode 100644
index 000000000..5d3c042f6
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-index.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="27px" height="20px" viewBox="0 0 27 20" enable-background="new 0 0 27 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.984,10.041H2.987c-1.104,0-2,0.895-2,1.999v3.037
+			c0,1.105,0.896,2,2,2h2.997c1.104,0,2-0.895,2-2v-3.037C7.984,10.935,7.089,10.041,5.984,10.041z M15.013,10.041h-3.029
+			c-1.104,0-2,0.895-2,1.999v3.037c0,1.105,0.896,2,2,2h3.029c1.104,0,2-0.895,2-2v-3.037
+			C17.013,10.935,16.116,10.041,15.013,10.041z M5.984,1H2.987c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h2.997
+			c1.104,0,2-0.895,2-2V3C7.984,1.896,7.089,1,5.984,1z M15.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C17.013,1.896,16.116,1,15.013,1z M24.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C26.013,1.896,25.116,1,24.013,1z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-sommaire.svg b/fluidbook/icones/3/mobile/nav-sommaire.svg
new file mode 100644
index 000000000..d824beaf1
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-sommaire.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="20px" viewBox="0 0 22 20" enable-background="new 0 0 22 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd"  fill="$colorize" d="M19.152,1H9C7.896,1,7,1.896,7,3v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V3C21.152,1.896,20.256,1,19.152,1z M3.151,1H3C1.896,1,1,1.896,1,3v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V3C5.151,1.896,4.256,1,3.151,1z M19.152,7H9C7.896,7,7,7.896,7,9v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V9C21.152,7.896,20.256,7,19.152,7z M3.151,7H3C1.896,7,1,7.896,1,9v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V9C5.151,7.896,4.256,7,3.151,7z M19.152,13H9c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V15C21.152,13.896,20.256,13,19.152,13z M3.151,13H3c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V15C5.151,13.896,4.256,13,3.151,13z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/3/mobile/nav-twitter.svg b/fluidbook/icones/3/mobile/nav-twitter.svg
new file mode 100644
index 000000000..97bcabe54
--- /dev/null
+++ b/fluidbook/icones/3/mobile/nav-twitter.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M19,3.055C19,1.92,18.08,1,16.944,1H3.056C1.92,1,1,1.92,1,3.055v13.89C1,18.08,1.92,19,3.056,19h13.889
+	C18.08,19,19,18.08,19,16.945V3.055z M14.871,10.326c-1.059,4.3-8.175,6.125-11.448,1.66c1.254,1.197,3.438,1.304,4.822-0.13
+	c-0.812,0.119-1.403-0.678-0.405-1.108c-0.897,0.098-1.396-0.379-1.6-0.785c0.21-0.22,0.443-0.323,0.891-0.352
+	C6.148,9.379,5.786,8.898,5.675,8.315C5.947,8.25,6.288,8.194,6.474,8.219c-0.859-0.45-1.158-1.126-1.111-1.636
+	c1.537,0.571,2.517,1.03,3.335,1.469c0.292,0.156,0.618,0.437,0.985,0.793c0.467-1.237,1.045-2.513,2.035-3.146
+	c-0.017,0.144-0.094,0.277-0.195,0.386c0.281-0.255,0.645-0.431,1.016-0.481c-0.043,0.278-0.442,0.436-0.685,0.525
+	c0.184-0.057,1.157-0.491,1.262-0.243c0.127,0.28-0.672,0.411-0.806,0.459c-0.103,0.034-0.203,0.072-0.302,0.112
+	c1.233-0.124,2.411,0.895,2.755,2.159c0.024,0.092,0.049,0.193,0.071,0.298c0.452,0.169,1.269-0.007,1.531-0.17
+	C16.176,9.198,15.681,9.53,14.95,9.59c0.352,0.146,1.016,0.228,1.473,0.15C16.134,10.051,15.668,10.332,14.871,10.326z"/>
+</svg>
diff --git a/fluidbook/icones/3/mobile/next.svg b/fluidbook/icones/3/mobile/next.svg
new file mode 100644
index 000000000..fc1617f4b
--- /dev/null
+++ b/fluidbook/icones/3/mobile/next.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px"
+	 height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<g id="Layer_2">
+</g>
+<g id="Layer_1">
+	<path fill="$colorize" d="M31.904,39.623l-9.655,12.49c-1.907,1.916-5.009,1.916-6.926,0.005c-1.917-1.914-1.666-3.792,0-6.931l4.798-8.924
+		l-4.798-8.927c-1.847-2.902-1.917-5.012-0.01-6.928c1.917-1.913,5.019-1.913,6.936,0l9.545,12.355c0,0,1.546,1.792,1.546,3.496
+		S31.904,39.623,31.904,39.623z"/>
+	<g>
+		<g>
+			<path fill="$colorize" d="M27.979,80.23l-4.016-5.195c-0.804-0.805-2.108-0.805-2.911,0c-0.803,0.805-0.783,1.693,0,2.914l2.018,3.754
+				l-2.018,3.752c-0.702,1.32-0.803,2.111,0,2.916c0.803,0.805,2.107,0.805,2.911,0l4.064-5.256c0,0,0.603-0.697,0.603-1.414
+				C28.63,80.986,27.979,80.23,27.979,80.23z M16.144,74.453c-0.893,0-1.605,0.721-1.605,1.609v11.26
+				c0,0.889,0.713,1.609,1.605,1.609c0.894,0,1.606-0.722,1.606-1.609v-11.26C17.75,75.174,17.037,74.453,16.144,74.453z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/3/mobile/previous.svg b/fluidbook/icones/3/mobile/previous.svg
new file mode 100644
index 000000000..d68cb27d1
--- /dev/null
+++ b/fluidbook/icones/3/mobile/previous.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="40px" height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<path fill="$colorize" d="M12.936,39.623l9.655,12.49c1.907,1.916,5.009,1.916,6.927,0.005c1.917-1.914,1.665-3.792,0-6.931l-4.799-8.924l4.799-8.927
+	c1.846-2.902,1.917-5.012,0.01-6.928c-1.918-1.913-5.02-1.913-6.937,0l-9.545,12.354c0,0-1.546,1.793-1.546,3.496
+	S12.936,39.623,12.936,39.623z"/>
+<g>
+	<g>
+		<path fill="$colorize" d="M17.084,80.23l4.016-5.195c0.803-0.805,2.107-0.805,2.911,0c0.802,0.805,0.782,1.693,0,2.914l-2.019,3.754l2.019,3.752
+			c0.701,1.32,0.802,2.111,0,2.916c-0.804,0.805-2.107,0.805-2.911,0l-4.065-5.256c0,0-0.603-0.697-0.603-1.414
+			C16.433,80.986,17.084,80.23,17.084,80.23z M28.918,74.453c0.895,0,1.605,0.721,1.605,1.609v11.26
+			c0,0.889-0.713,1.609-1.605,1.609c-0.895,0-1.605-0.722-1.605-1.609v-11.26C27.313,75.174,28.025,74.453,28.918,74.453z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/3/mobile/search.svg b/fluidbook/icones/3/mobile/search.svg
new file mode 100644
index 000000000..ed50b69aa
--- /dev/null
+++ b/fluidbook/icones/3/mobile/search.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M17.798,14.34l-4.24-4.244c0.352-0.783,0.552-1.648,0.552-2.562c0-3.461-2.818-6.28-6.281-6.28
+	c-3.465,0-6.282,2.818-6.282,6.28c0,3.464,2.817,6.282,6.282,6.282c0.913,0,1.778-0.199,2.562-0.553l4.241,4.243
+	c0.875,0.875,2.293,0.875,3.167,0.001C18.672,16.633,18.674,15.216,17.798,14.34z M7.763,12.008c-2.458,0-4.45-1.993-4.45-4.451
+	s1.992-4.45,4.45-4.45s4.45,1.992,4.45,4.45S10.221,12.008,7.763,12.008z"/>
+</svg>
diff --git a/fluidbook/icones/3/nav-home.png b/fluidbook/icones/3/nav-home.png
new file mode 100644
index 000000000..99ff755b3
Binary files /dev/null and b/fluidbook/icones/3/nav-home.png differ
diff --git a/fluidbook/icones/4/mobile/help-fingers.svg b/fluidbook/icones/4/mobile/help-fingers.svg
new file mode 100644
index 000000000..f45e6d2fe
--- /dev/null
+++ b/fluidbook/icones/4/mobile/help-fingers.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="200px" viewBox="0 0 400 200" enable-background="new 0 0 400 200" xml:space="preserve">
+<path fill="#FFFFFF" d="M325.007,380.926c-6.234,3.42-17.771-15.209-24.419-15.673c-6.647-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.646,13.757c4.607,7.125,8.96,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.452,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.499-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.52-11.729,9.348-31.298,8.117-34.542s-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.628-7.083-2.921c-1.126-1.297-3.726-7.551-7.257-7.432c-3.533,0.119-3.95,0.355-4.511-0.291
+	c-0.56-0.646-1.09-3.015-1.293-5.337c-0.204-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.834-6.146,4.551c0.244,1.721,2.436,15.6,2.025,23.225S333.848,376.075,325.007,380.926z"/>
+<path fill="#FFFFFF" d="M510.75,419.371c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.591-3.447-0.051-6.018-0.326c-2.57-0.272-7.072-3.176-9.346-3.526
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.135-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.068-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.394-11.73-9.246-14.947-7.084
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.166,14.237,10.393,19.934,16.736c5.695,6.343,8.416,9.215,15.665,21.538
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C502.236,414.915,505.105,418.373,510.75,419.371z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="337.004" cy="328.412" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.823" cy="347.279" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.822" cy="347.28" r="21.289"/>
+<path fill="#FFFFFF" d="M359.093,309.676l1.417,11.041c0,1.909-1.543,3.453-3.453,3.457c-1.908-0.003-2.721-1.063-3.457-3.457
+	l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.452-1.545-3.455-3.453c0.002-1.91,1.548-3.456,3.455-3.455l10.923,1.4
+	c0,0,1.662,0.123,2.512,0.973C358.98,308.131,359.093,309.676,359.093,309.676z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M369.646,299.123l1.417,11.042c0,1.909-1.544,3.452-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.456-3.457l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.453-1.545-3.455-3.453
+	c0.001-1.909,1.548-3.455,3.455-3.455l10.922,1.4c0,0,1.663,0.123,2.512,0.973C369.533,297.578,369.646,299.123,369.646,299.123z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="295.333" cy="370.084" r="11.687"/>
+<path fill="#FFFFFF" d="M273.244,388.822l-1.417-11.043c-0.001-1.908,1.544-3.452,3.453-3.455c1.907,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.547,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.662-0.125-2.512-0.974S273.244,388.822,273.244,388.822z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M262.691,399.374l-1.416-11.042c-0.002-1.908,1.543-3.453,3.453-3.456
+	c1.907,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454c0,1.909-1.547,3.456-3.455,3.455
+	l-10.922-1.4c0,0-1.662-0.124-2.512-0.974C262.804,400.919,262.691,399.374,262.691,399.374z"/>
+<path fill="#FFFFFF" d="M103.007,108.689c-6.234,3.42-17.77-15.209-24.418-15.673c-6.648-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.647,13.757c4.607,7.125,8.959,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.453,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.5-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.519-11.729,9.347-31.298,8.117-34.542c-1.23-3.244-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.627-7.083-2.921c-1.126-1.296-3.725-7.55-7.257-7.432c-3.533,0.12-3.95,0.356-4.511-0.291
+	c-0.559-0.646-1.09-3.015-1.293-5.337c-0.205-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.833-6.147,4.551c0.244,1.72,2.436,15.599,2.026,23.225C112.615,87.613,111.848,103.839,103.007,108.689z"/>
+<path fill="#FFFFFF" d="M288.75,147.135c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.59-3.447-0.05-6.018-0.325c-2.57-0.273-7.072-3.176-9.346-3.527
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.134-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.069-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.393-11.73-9.245-14.947-7.083
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.165,14.237,10.392,19.934,16.735c5.695,6.343,8.416,9.215,15.665,21.539
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C280.236,142.679,283.105,146.137,288.75,147.135z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="115.004" cy="56.176" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.823" cy="75.043" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.822" cy="75.044" r="21.289"/>
+<path fill="#FFFFFF" d="M137.093,37.439l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456c-1.908-0.002-2.72-1.063-3.457-3.457
+	l-2.058-6.842l-6.844-2.058c-2.368-0.526-3.453-1.545-3.455-3.454c0.001-1.909,1.547-3.456,3.455-3.455l10.922,1.4
+	c0,0,1.662,0.124,2.512,0.973C136.981,35.894,137.093,37.439,137.093,37.439z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M147.646,26.887l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.457-3.457l-2.058-6.842l-6.844-2.058c-2.367-0.526-3.453-1.545-3.455-3.454
+	c0.001-1.909,1.548-3.456,3.455-3.455l10.922,1.4c0,0,1.663,0.124,2.512,0.973C147.533,25.342,147.646,26.887,147.646,26.887z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="73.333" cy="97.848" r="11.686"/>
+<path fill="#FFFFFF" d="M51.244,116.586l-1.417-11.043c-0.001-1.908,1.543-3.452,3.453-3.455c1.908,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.548,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.663-0.125-2.512-0.974S51.244,116.586,51.244,116.586z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M40.691,127.138l-1.417-11.042c-0.001-1.908,1.543-3.453,3.453-3.456
+	c1.908,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454
+	c-0.001,1.909-1.547,3.456-3.455,3.455l-10.922-1.4c0,0-1.663-0.124-2.512-0.974C40.804,128.683,40.691,127.138,40.691,127.138z"/>
+</svg>
diff --git a/fluidbook/icones/4/mobile/help-mouse.svg b/fluidbook/icones/4/mobile/help-mouse.svg
new file mode 100644
index 000000000..eb6d44b4b
--- /dev/null
+++ b/fluidbook/icones/4/mobile/help-mouse.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="200px" viewBox="0 0 100 200" enable-background="new 0 0 100 200" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#FFFFFF" d="M47.024,89.074v13.825c0,1.94,1.579,3.52,3.521,3.52c1.94,0,3.52-1.579,3.52-3.52V89.074
+			c0-1.94-1.579-3.52-3.52-3.52C48.604,85.554,47.024,87.134,47.024,89.074z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M51.724,83.313c2.68,0.547,4.701,2.923,4.701,5.761v13.825c0,2.838-2.021,5.213-4.701,5.761
+			v4.025h33.898c-4.954-18.886-18.195-32.55-33.898-33.206V83.313z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M14.896,115.046c-0.985,4.466-1.523,9.19-1.523,14.083
+			c0,27.443,16.643,49.691,37.172,49.691s37.172-22.248,37.172-49.691c0-4.893-0.538-9.617-1.523-14.083H14.896z"/>
+		<path fill="#FFFFFF" d="M49.364,112.686v-4.025c-2.679-0.549-4.7-2.924-4.7-5.761V89.074c0-2.837,2.021-5.213,4.7-5.761v-3.833
+			c-15.703,0.656-28.944,14.32-33.898,33.206H49.364z"/>
+	</g>
+	<path opacity="0.5" fill="#FFFFFF" d="M50.82,76.915c-0.294,0-0.587-0.109-0.816-0.329c-0.47-0.451-0.486-1.197-0.035-1.668
+		c0.07-0.074,7.023-7.435,6.136-14.931c-0.432-3.643-2.679-6.794-6.68-9.366c-4.609-2.964-7.204-6.683-7.711-11.052
+		c-0.999-8.637,6.567-16.568,6.89-16.902c0.455-0.469,1.199-0.48,1.668-0.028c0.47,0.453,0.481,1.199,0.029,1.668
+		c-0.071,0.074-7.117,7.478-6.241,14.999c0.423,3.629,2.658,6.768,6.643,9.33c4.625,2.974,7.232,6.703,7.748,11.084
+		c1.012,8.609-6.461,16.5-6.778,16.831C51.44,76.793,51.131,76.915,50.82,76.915z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-bookmark.svg b/fluidbook/icones/4/mobile/nav-bookmark.svg
new file mode 100644
index 000000000..0ff3bd47d
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-bookmark.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="11px" height="20px" viewBox="0 0 11 20" enable-background="new 0 0 11 20" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.542,0.993c0.624,0,4.468,2.532,4.468,5.199V18.09c0,1.105-0.896,0.974-2,0.974
+	c0,0-1.201-5.28-2.493-5.28c-1.2,0-2.498,5.28-2.498,5.28c-1.104,0-2,0.132-2-0.974V6.192C1.019,3.525,4.845,0.993,5.542,0.993z"/>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-facebook.svg b/fluidbook/icones/4/mobile/nav-facebook.svg
new file mode 100644
index 000000000..c2d1399ac
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-facebook.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M16.811,0.935H2.921c-1.13,0-2.055,0.925-2.055,2.055v13.893c0,1.131,0.925,2.055,2.055,2.055h13.889
+	c1.131,0,2.056-0.924,2.056-2.055V2.99C18.866,1.859,17.941,0.935,16.811,0.935z M15.828,6.942c-0.569,0-1.183,0-1.474,0
+	S13.77,7.248,13.77,7.474s0,1.514,0,1.514s1.818,0,2.055,0c-0.082,1.161-0.252,2.224-0.252,2.224h-1.813v6.581h-2.702v-6.581H9.741
+	V8.996h1.316c0,0,0-1.48,0-1.811c0-0.332-0.067-2.548,2.769-2.548c0.381,0,1.244,0,2.003,0C15.828,5.6,15.828,6.641,15.828,6.942z"
+	/>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-friend.svg b/fluidbook/icones/4/mobile/nav-friend.svg
new file mode 100644
index 000000000..3593791ca
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-friend.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="19px" height="20px" viewBox="0 0 19 20" enable-background="new 0 0 19 20" xml:space="preserve">
+<path fill="$colorize" d="M13.436,0.969H5.581c-2.508,0-4.56,2.052-4.56,4.56v2.907c0,2.508,2.051,4.56,4.56,4.56h0.435v4.999l4.763-4.999h2.657
+	c2.507,0,4.559-2.052,4.559-4.56V5.528C17.994,3.021,15.942,0.969,13.436,0.969"/>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-help.svg b/fluidbook/icones/4/mobile/nav-help.svg
new file mode 100644
index 000000000..4b04058d8
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-help.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="14px" height="20px" viewBox="0 0 14 20" enable-background="new 0 0 14 20" xml:space="preserve">
+<path  fill="$colorize" d="M2.061,6.388c0.274,0.282,0.612,0.423,1.011,0.423c0.678,0,1.138-0.403,1.38-1.209c0.257-0.771,0.571-1.354,0.942-1.75
+	c0.371-0.396,0.948-0.594,1.733-0.594c0.67,0,1.218,0.196,1.643,0.588C9.194,4.239,9.407,4.72,9.407,5.291
+	c0,0.292-0.07,0.563-0.209,0.813c-0.139,0.25-0.311,0.477-0.514,0.68s-0.533,0.505-0.99,0.904C7.174,8.145,6.76,8.539,6.454,8.87
+	c-0.307,0.332-0.553,0.717-0.738,1.156s-0.278,0.958-0.278,1.557c0,0.479,0.126,0.838,0.38,1.08
+	c0.253,0.243,0.565,0.364,0.937,0.364c0.713,0,1.138-0.37,1.273-1.112c0.079-0.35,0.138-0.594,0.177-0.733s0.095-0.278,0.166-0.417
+	c0.071-0.14,0.181-0.293,0.326-0.461c0.146-0.167,0.341-0.361,0.583-0.583c0.878-0.784,1.486-1.343,1.824-1.674
+	c0.34-0.332,0.632-0.726,0.878-1.183S12.35,5.876,12.35,5.27c0-0.771-0.216-1.484-0.647-2.14s-1.043-1.175-1.835-1.557
+	C9.075,1.191,8.162,1,7.128,1C6.015,1,5.042,1.229,4.207,1.685c-0.834,0.457-1.47,1.033-1.905,1.729
+	c-0.435,0.695-0.652,1.382-0.652,2.06C1.649,5.801,1.787,6.106,2.061,6.388z M7.983,16.772c0.322-0.285,0.482-0.678,0.482-1.177
+	c0-0.449-0.154-0.827-0.461-1.134s-0.685-0.461-1.134-0.461c-0.457,0-0.842,0.154-1.156,0.461s-0.471,0.685-0.471,1.134
+	c0,0.507,0.162,0.901,0.487,1.183C6.056,17.06,6.436,17.2,6.871,17.2C7.292,17.2,7.663,17.058,7.983,16.772z"/>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-home.svg b/fluidbook/icones/4/mobile/nav-home.svg
new file mode 100644
index 000000000..349c781c8
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="23px" height="20px" viewBox="0 0 23 20" enable-background="new 0 0 23 20" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M16.988,18.957c1.104,0,2-0.896,2-2V9.978l-8.001-4.021L3.008,9.978
+		v6.979c0,1.104,0.896,2,2,2h3.989l0.011-3.979c0-1.104,0.896-2,2-2h-0.02c1.104,0,2,0.896,2,2v3.057h-4v0.927L16.988,18.957z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M1.627,5.984l8.011-4.625c0.725-0.418,1.652-0.17,2.071,0.555
+		c0.418,0.725,0.17,1.652-0.556,2.07l-8.01,4.625c-0.725,0.418-1.652,0.17-2.07-0.555S0.902,6.403,1.627,5.984z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M18.669,8.609l-8.01-4.625c-0.725-0.418-0.974-1.345-0.555-2.07
+		c0.418-0.725,1.345-0.973,2.07-0.555l8.011,4.625c0.726,0.418,0.974,1.345,0.556,2.07C20.321,8.78,19.395,9.028,18.669,8.609z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-index.svg b/fluidbook/icones/4/mobile/nav-index.svg
new file mode 100644
index 000000000..5d3c042f6
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-index.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="27px" height="20px" viewBox="0 0 27 20" enable-background="new 0 0 27 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.984,10.041H2.987c-1.104,0-2,0.895-2,1.999v3.037
+			c0,1.105,0.896,2,2,2h2.997c1.104,0,2-0.895,2-2v-3.037C7.984,10.935,7.089,10.041,5.984,10.041z M15.013,10.041h-3.029
+			c-1.104,0-2,0.895-2,1.999v3.037c0,1.105,0.896,2,2,2h3.029c1.104,0,2-0.895,2-2v-3.037
+			C17.013,10.935,16.116,10.041,15.013,10.041z M5.984,1H2.987c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h2.997
+			c1.104,0,2-0.895,2-2V3C7.984,1.896,7.089,1,5.984,1z M15.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C17.013,1.896,16.116,1,15.013,1z M24.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C26.013,1.896,25.116,1,24.013,1z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-sommaire.svg b/fluidbook/icones/4/mobile/nav-sommaire.svg
new file mode 100644
index 000000000..d824beaf1
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-sommaire.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="20px" viewBox="0 0 22 20" enable-background="new 0 0 22 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd"  fill="$colorize" d="M19.152,1H9C7.896,1,7,1.896,7,3v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V3C21.152,1.896,20.256,1,19.152,1z M3.151,1H3C1.896,1,1,1.896,1,3v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V3C5.151,1.896,4.256,1,3.151,1z M19.152,7H9C7.896,7,7,7.896,7,9v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V9C21.152,7.896,20.256,7,19.152,7z M3.151,7H3C1.896,7,1,7.896,1,9v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V9C5.151,7.896,4.256,7,3.151,7z M19.152,13H9c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V15C21.152,13.896,20.256,13,19.152,13z M3.151,13H3c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V15C5.151,13.896,4.256,13,3.151,13z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/4/mobile/nav-twitter.svg b/fluidbook/icones/4/mobile/nav-twitter.svg
new file mode 100644
index 000000000..97bcabe54
--- /dev/null
+++ b/fluidbook/icones/4/mobile/nav-twitter.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M19,3.055C19,1.92,18.08,1,16.944,1H3.056C1.92,1,1,1.92,1,3.055v13.89C1,18.08,1.92,19,3.056,19h13.889
+	C18.08,19,19,18.08,19,16.945V3.055z M14.871,10.326c-1.059,4.3-8.175,6.125-11.448,1.66c1.254,1.197,3.438,1.304,4.822-0.13
+	c-0.812,0.119-1.403-0.678-0.405-1.108c-0.897,0.098-1.396-0.379-1.6-0.785c0.21-0.22,0.443-0.323,0.891-0.352
+	C6.148,9.379,5.786,8.898,5.675,8.315C5.947,8.25,6.288,8.194,6.474,8.219c-0.859-0.45-1.158-1.126-1.111-1.636
+	c1.537,0.571,2.517,1.03,3.335,1.469c0.292,0.156,0.618,0.437,0.985,0.793c0.467-1.237,1.045-2.513,2.035-3.146
+	c-0.017,0.144-0.094,0.277-0.195,0.386c0.281-0.255,0.645-0.431,1.016-0.481c-0.043,0.278-0.442,0.436-0.685,0.525
+	c0.184-0.057,1.157-0.491,1.262-0.243c0.127,0.28-0.672,0.411-0.806,0.459c-0.103,0.034-0.203,0.072-0.302,0.112
+	c1.233-0.124,2.411,0.895,2.755,2.159c0.024,0.092,0.049,0.193,0.071,0.298c0.452,0.169,1.269-0.007,1.531-0.17
+	C16.176,9.198,15.681,9.53,14.95,9.59c0.352,0.146,1.016,0.228,1.473,0.15C16.134,10.051,15.668,10.332,14.871,10.326z"/>
+</svg>
diff --git a/fluidbook/icones/4/mobile/next.svg b/fluidbook/icones/4/mobile/next.svg
new file mode 100644
index 000000000..fc1617f4b
--- /dev/null
+++ b/fluidbook/icones/4/mobile/next.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px"
+	 height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<g id="Layer_2">
+</g>
+<g id="Layer_1">
+	<path fill="$colorize" d="M31.904,39.623l-9.655,12.49c-1.907,1.916-5.009,1.916-6.926,0.005c-1.917-1.914-1.666-3.792,0-6.931l4.798-8.924
+		l-4.798-8.927c-1.847-2.902-1.917-5.012-0.01-6.928c1.917-1.913,5.019-1.913,6.936,0l9.545,12.355c0,0,1.546,1.792,1.546,3.496
+		S31.904,39.623,31.904,39.623z"/>
+	<g>
+		<g>
+			<path fill="$colorize" d="M27.979,80.23l-4.016-5.195c-0.804-0.805-2.108-0.805-2.911,0c-0.803,0.805-0.783,1.693,0,2.914l2.018,3.754
+				l-2.018,3.752c-0.702,1.32-0.803,2.111,0,2.916c0.803,0.805,2.107,0.805,2.911,0l4.064-5.256c0,0,0.603-0.697,0.603-1.414
+				C28.63,80.986,27.979,80.23,27.979,80.23z M16.144,74.453c-0.893,0-1.605,0.721-1.605,1.609v11.26
+				c0,0.889,0.713,1.609,1.605,1.609c0.894,0,1.606-0.722,1.606-1.609v-11.26C17.75,75.174,17.037,74.453,16.144,74.453z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/4/mobile/previous.svg b/fluidbook/icones/4/mobile/previous.svg
new file mode 100644
index 000000000..d68cb27d1
--- /dev/null
+++ b/fluidbook/icones/4/mobile/previous.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="40px" height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<path fill="$colorize" d="M12.936,39.623l9.655,12.49c1.907,1.916,5.009,1.916,6.927,0.005c1.917-1.914,1.665-3.792,0-6.931l-4.799-8.924l4.799-8.927
+	c1.846-2.902,1.917-5.012,0.01-6.928c-1.918-1.913-5.02-1.913-6.937,0l-9.545,12.354c0,0-1.546,1.793-1.546,3.496
+	S12.936,39.623,12.936,39.623z"/>
+<g>
+	<g>
+		<path fill="$colorize" d="M17.084,80.23l4.016-5.195c0.803-0.805,2.107-0.805,2.911,0c0.802,0.805,0.782,1.693,0,2.914l-2.019,3.754l2.019,3.752
+			c0.701,1.32,0.802,2.111,0,2.916c-0.804,0.805-2.107,0.805-2.911,0l-4.065-5.256c0,0-0.603-0.697-0.603-1.414
+			C16.433,80.986,17.084,80.23,17.084,80.23z M28.918,74.453c0.895,0,1.605,0.721,1.605,1.609v11.26
+			c0,0.889-0.713,1.609-1.605,1.609c-0.895,0-1.605-0.722-1.605-1.609v-11.26C27.313,75.174,28.025,74.453,28.918,74.453z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/4/mobile/search.svg b/fluidbook/icones/4/mobile/search.svg
new file mode 100644
index 000000000..ed50b69aa
--- /dev/null
+++ b/fluidbook/icones/4/mobile/search.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M17.798,14.34l-4.24-4.244c0.352-0.783,0.552-1.648,0.552-2.562c0-3.461-2.818-6.28-6.281-6.28
+	c-3.465,0-6.282,2.818-6.282,6.28c0,3.464,2.817,6.282,6.282,6.282c0.913,0,1.778-0.199,2.562-0.553l4.241,4.243
+	c0.875,0.875,2.293,0.875,3.167,0.001C18.672,16.633,18.674,15.216,17.798,14.34z M7.763,12.008c-2.458,0-4.45-1.993-4.45-4.451
+	s1.992-4.45,4.45-4.45s4.45,1.992,4.45,4.45S10.221,12.008,7.763,12.008z"/>
+</svg>
diff --git a/fluidbook/icones/4/nav-home.png b/fluidbook/icones/4/nav-home.png
new file mode 100644
index 000000000..99ff755b3
Binary files /dev/null and b/fluidbook/icones/4/nav-home.png differ
diff --git a/fluidbook/icones/5/mobile/help-fingers.svg b/fluidbook/icones/5/mobile/help-fingers.svg
new file mode 100644
index 000000000..f45e6d2fe
--- /dev/null
+++ b/fluidbook/icones/5/mobile/help-fingers.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="200px" viewBox="0 0 400 200" enable-background="new 0 0 400 200" xml:space="preserve">
+<path fill="#FFFFFF" d="M325.007,380.926c-6.234,3.42-17.771-15.209-24.419-15.673c-6.647-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.646,13.757c4.607,7.125,8.96,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.452,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.499-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.52-11.729,9.348-31.298,8.117-34.542s-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.628-7.083-2.921c-1.126-1.297-3.726-7.551-7.257-7.432c-3.533,0.119-3.95,0.355-4.511-0.291
+	c-0.56-0.646-1.09-3.015-1.293-5.337c-0.204-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.834-6.146,4.551c0.244,1.721,2.436,15.6,2.025,23.225S333.848,376.075,325.007,380.926z"/>
+<path fill="#FFFFFF" d="M510.75,419.371c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.591-3.447-0.051-6.018-0.326c-2.57-0.272-7.072-3.176-9.346-3.526
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.135-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.068-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.394-11.73-9.246-14.947-7.084
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.166,14.237,10.393,19.934,16.736c5.695,6.343,8.416,9.215,15.665,21.538
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C502.236,414.915,505.105,418.373,510.75,419.371z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="337.004" cy="328.412" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.823" cy="347.279" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="469.822" cy="347.28" r="21.289"/>
+<path fill="#FFFFFF" d="M359.093,309.676l1.417,11.041c0,1.909-1.543,3.453-3.453,3.457c-1.908-0.003-2.721-1.063-3.457-3.457
+	l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.452-1.545-3.455-3.453c0.002-1.91,1.548-3.456,3.455-3.455l10.923,1.4
+	c0,0,1.662,0.123,2.512,0.973C358.98,308.131,359.093,309.676,359.093,309.676z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M369.646,299.123l1.417,11.042c0,1.909-1.544,3.452-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.456-3.457l-2.059-6.842l-6.844-2.059c-2.367-0.525-3.453-1.545-3.455-3.453
+	c0.001-1.909,1.548-3.455,3.455-3.455l10.922,1.4c0,0,1.663,0.123,2.512,0.973C369.533,297.578,369.646,299.123,369.646,299.123z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="295.333" cy="370.084" r="11.687"/>
+<path fill="#FFFFFF" d="M273.244,388.822l-1.417-11.043c-0.001-1.908,1.544-3.452,3.453-3.455c1.907,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.547,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.662-0.125-2.512-0.974S273.244,388.822,273.244,388.822z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M262.691,399.374l-1.416-11.042c-0.002-1.908,1.543-3.453,3.453-3.456
+	c1.907,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454c0,1.909-1.547,3.456-3.455,3.455
+	l-10.922-1.4c0,0-1.662-0.124-2.512-0.974C262.804,400.919,262.691,399.374,262.691,399.374z"/>
+<path fill="#FFFFFF" d="M103.007,108.689c-6.234,3.42-17.77-15.209-24.418-15.673c-6.648-0.462-12.627,1.673-11.301,5.287
+	c1.328,3.614,8.041,6.632,12.647,13.757c4.607,7.125,8.959,17.877,13.788,23.558c4.826,5.681,7.769,7.103,10.453,12.148
+	c2.686,5.044,3.487,19.679,3.487,19.679s8.721,10.81,19.221,10.084c10.5-0.727,17.6-8.491,17.6-8.491s-1.919-14.349,0.599-26.077
+	c2.519-11.729,9.347-31.298,8.117-34.542c-1.23-3.244-2.151-2.216-3.605-4.017c-1.455-1.801-2.467-6.491-3.686-8.153
+	c-1.219-1.663-5.957-1.627-7.083-2.921c-1.126-1.296-3.725-7.55-7.257-7.432c-3.533,0.12-3.95,0.356-4.511-0.291
+	c-0.559-0.646-1.09-3.015-1.293-5.337c-0.205-2.322-2.585-10.019-3.636-14.103c-1.051-4.083-1.574-13.285-4.98-13.953
+	c-4.793-0.941-6.391,2.833-6.147,4.551c0.244,1.72,2.436,15.599,2.026,23.225C112.615,87.613,111.848,103.839,103.007,108.689z"/>
+<path fill="#FFFFFF" d="M288.75,147.135c8.194,1.449,10.623,1.621,16.727,3.484c6.102,1.863,23.625,18.063,23.625,18.063
+	s15.418,1.648,23.134-7.213c7.716-8.863,7.19-20.598,7.19-20.598s-12.842-9.813-20.113-21.059
+	c-7.271-11.25-17.329-32.089-20.861-33.678c-3.532-1.59-3.447-0.05-6.018-0.325c-2.57-0.273-7.072-3.176-9.346-3.527
+	c-2.275-0.351-5.988,3.418-7.898,3.286c-1.912-0.134-8.9-3.02-11.596-0.139c-2.695,2.884-2.838,3.399-3.79,3.332
+	c-0.952-0.069-3.241-1.52-5.234-3.192c-1.995-1.672-9.95-5.869-14.003-8.263c-4.054-2.393-11.73-9.245-14.947-7.083
+	c-4.527,3.041-2.809,7.282-1.26,8.445c1.551,1.165,14.237,10.392,19.934,16.735c5.695,6.343,8.416,9.215,15.665,21.539
+	c1.447,2.46,1.034,5.093,0.311,4.659s-6.545-3.814-7.124-4.828c-0.579-1.013-2.172-7.092-3.039-8.538
+	c-0.868-1.446-4.341-6.513-9.84-5.934c-5.5,0.579-2.027,4.487-1.014,7.236c1.014,2.75,3.038,17.366,5.644,19.826
+	s10.999,8.394,13.169,10.854C280.236,142.679,283.105,146.137,288.75,147.135z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="115.004" cy="56.176" r="11.687"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.823" cy="75.043" r="13.047"/>
+<circle opacity="0.5" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="247.822" cy="75.044" r="21.289"/>
+<path fill="#FFFFFF" d="M137.093,37.439l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456c-1.908-0.002-2.72-1.063-3.457-3.457
+	l-2.058-6.842l-6.844-2.058c-2.368-0.526-3.453-1.545-3.455-3.454c0.001-1.909,1.547-3.456,3.455-3.455l10.922,1.4
+	c0,0,1.662,0.124,2.512,0.973C136.981,35.894,137.093,37.439,137.093,37.439z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M147.646,26.887l1.417,11.042c0,1.909-1.543,3.453-3.454,3.456
+	c-1.907-0.002-2.72-1.063-3.457-3.457l-2.058-6.842l-6.844-2.058c-2.367-0.526-3.453-1.545-3.455-3.454
+	c0.001-1.909,1.548-3.456,3.455-3.455l10.922,1.4c0,0,1.663,0.124,2.512,0.973C147.533,25.342,147.646,26.887,147.646,26.887z"/>
+<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="73.333" cy="97.848" r="11.686"/>
+<path fill="#FFFFFF" d="M51.244,116.586l-1.417-11.043c-0.001-1.908,1.543-3.452,3.453-3.455c1.908,0.002,2.721,1.063,3.457,3.456
+	l2.058,6.843l6.844,2.058c2.367,0.526,3.453,1.545,3.455,3.454c-0.001,1.908-1.548,3.455-3.455,3.455l-10.922-1.4
+	c0,0-1.663-0.125-2.512-0.974S51.244,116.586,51.244,116.586z"/>
+<path opacity="0.5" fill="#FFFFFF" d="M40.691,127.138l-1.417-11.042c-0.001-1.908,1.543-3.453,3.453-3.456
+	c1.908,0.003,2.72,1.063,3.457,3.457l2.058,6.842l6.843,2.058c2.368,0.526,3.453,1.545,3.455,3.454
+	c-0.001,1.909-1.547,3.456-3.455,3.455l-10.922-1.4c0,0-1.663-0.124-2.512-0.974C40.804,128.683,40.691,127.138,40.691,127.138z"/>
+</svg>
diff --git a/fluidbook/icones/5/mobile/help-mouse.svg b/fluidbook/icones/5/mobile/help-mouse.svg
new file mode 100644
index 000000000..eb6d44b4b
--- /dev/null
+++ b/fluidbook/icones/5/mobile/help-mouse.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="200px" viewBox="0 0 100 200" enable-background="new 0 0 100 200" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#FFFFFF" d="M47.024,89.074v13.825c0,1.94,1.579,3.52,3.521,3.52c1.94,0,3.52-1.579,3.52-3.52V89.074
+			c0-1.94-1.579-3.52-3.52-3.52C48.604,85.554,47.024,87.134,47.024,89.074z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M51.724,83.313c2.68,0.547,4.701,2.923,4.701,5.761v13.825c0,2.838-2.021,5.213-4.701,5.761
+			v4.025h33.898c-4.954-18.886-18.195-32.55-33.898-33.206V83.313z"/>
+		<path opacity="0.5" fill="#FFFFFF" d="M14.896,115.046c-0.985,4.466-1.523,9.19-1.523,14.083
+			c0,27.443,16.643,49.691,37.172,49.691s37.172-22.248,37.172-49.691c0-4.893-0.538-9.617-1.523-14.083H14.896z"/>
+		<path fill="#FFFFFF" d="M49.364,112.686v-4.025c-2.679-0.549-4.7-2.924-4.7-5.761V89.074c0-2.837,2.021-5.213,4.7-5.761v-3.833
+			c-15.703,0.656-28.944,14.32-33.898,33.206H49.364z"/>
+	</g>
+	<path opacity="0.5" fill="#FFFFFF" d="M50.82,76.915c-0.294,0-0.587-0.109-0.816-0.329c-0.47-0.451-0.486-1.197-0.035-1.668
+		c0.07-0.074,7.023-7.435,6.136-14.931c-0.432-3.643-2.679-6.794-6.68-9.366c-4.609-2.964-7.204-6.683-7.711-11.052
+		c-0.999-8.637,6.567-16.568,6.89-16.902c0.455-0.469,1.199-0.48,1.668-0.028c0.47,0.453,0.481,1.199,0.029,1.668
+		c-0.071,0.074-7.117,7.478-6.241,14.999c0.423,3.629,2.658,6.768,6.643,9.33c4.625,2.974,7.232,6.703,7.748,11.084
+		c1.012,8.609-6.461,16.5-6.778,16.831C51.44,76.793,51.131,76.915,50.82,76.915z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-bookmark.svg b/fluidbook/icones/5/mobile/nav-bookmark.svg
new file mode 100644
index 000000000..0ff3bd47d
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-bookmark.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="11px" height="20px" viewBox="0 0 11 20" enable-background="new 0 0 11 20" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.542,0.993c0.624,0,4.468,2.532,4.468,5.199V18.09c0,1.105-0.896,0.974-2,0.974
+	c0,0-1.201-5.28-2.493-5.28c-1.2,0-2.498,5.28-2.498,5.28c-1.104,0-2,0.132-2-0.974V6.192C1.019,3.525,4.845,0.993,5.542,0.993z"/>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-facebook.svg b/fluidbook/icones/5/mobile/nav-facebook.svg
new file mode 100644
index 000000000..c2d1399ac
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-facebook.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M16.811,0.935H2.921c-1.13,0-2.055,0.925-2.055,2.055v13.893c0,1.131,0.925,2.055,2.055,2.055h13.889
+	c1.131,0,2.056-0.924,2.056-2.055V2.99C18.866,1.859,17.941,0.935,16.811,0.935z M15.828,6.942c-0.569,0-1.183,0-1.474,0
+	S13.77,7.248,13.77,7.474s0,1.514,0,1.514s1.818,0,2.055,0c-0.082,1.161-0.252,2.224-0.252,2.224h-1.813v6.581h-2.702v-6.581H9.741
+	V8.996h1.316c0,0,0-1.48,0-1.811c0-0.332-0.067-2.548,2.769-2.548c0.381,0,1.244,0,2.003,0C15.828,5.6,15.828,6.641,15.828,6.942z"
+	/>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-friend.svg b/fluidbook/icones/5/mobile/nav-friend.svg
new file mode 100644
index 000000000..3593791ca
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-friend.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="19px" height="20px" viewBox="0 0 19 20" enable-background="new 0 0 19 20" xml:space="preserve">
+<path fill="$colorize" d="M13.436,0.969H5.581c-2.508,0-4.56,2.052-4.56,4.56v2.907c0,2.508,2.051,4.56,4.56,4.56h0.435v4.999l4.763-4.999h2.657
+	c2.507,0,4.559-2.052,4.559-4.56V5.528C17.994,3.021,15.942,0.969,13.436,0.969"/>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-help.svg b/fluidbook/icones/5/mobile/nav-help.svg
new file mode 100644
index 000000000..4b04058d8
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-help.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="14px" height="20px" viewBox="0 0 14 20" enable-background="new 0 0 14 20" xml:space="preserve">
+<path  fill="$colorize" d="M2.061,6.388c0.274,0.282,0.612,0.423,1.011,0.423c0.678,0,1.138-0.403,1.38-1.209c0.257-0.771,0.571-1.354,0.942-1.75
+	c0.371-0.396,0.948-0.594,1.733-0.594c0.67,0,1.218,0.196,1.643,0.588C9.194,4.239,9.407,4.72,9.407,5.291
+	c0,0.292-0.07,0.563-0.209,0.813c-0.139,0.25-0.311,0.477-0.514,0.68s-0.533,0.505-0.99,0.904C7.174,8.145,6.76,8.539,6.454,8.87
+	c-0.307,0.332-0.553,0.717-0.738,1.156s-0.278,0.958-0.278,1.557c0,0.479,0.126,0.838,0.38,1.08
+	c0.253,0.243,0.565,0.364,0.937,0.364c0.713,0,1.138-0.37,1.273-1.112c0.079-0.35,0.138-0.594,0.177-0.733s0.095-0.278,0.166-0.417
+	c0.071-0.14,0.181-0.293,0.326-0.461c0.146-0.167,0.341-0.361,0.583-0.583c0.878-0.784,1.486-1.343,1.824-1.674
+	c0.34-0.332,0.632-0.726,0.878-1.183S12.35,5.876,12.35,5.27c0-0.771-0.216-1.484-0.647-2.14s-1.043-1.175-1.835-1.557
+	C9.075,1.191,8.162,1,7.128,1C6.015,1,5.042,1.229,4.207,1.685c-0.834,0.457-1.47,1.033-1.905,1.729
+	c-0.435,0.695-0.652,1.382-0.652,2.06C1.649,5.801,1.787,6.106,2.061,6.388z M7.983,16.772c0.322-0.285,0.482-0.678,0.482-1.177
+	c0-0.449-0.154-0.827-0.461-1.134s-0.685-0.461-1.134-0.461c-0.457,0-0.842,0.154-1.156,0.461s-0.471,0.685-0.471,1.134
+	c0,0.507,0.162,0.901,0.487,1.183C6.056,17.06,6.436,17.2,6.871,17.2C7.292,17.2,7.663,17.058,7.983,16.772z"/>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-home.svg b/fluidbook/icones/5/mobile/nav-home.svg
new file mode 100644
index 000000000..349c781c8
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="23px" height="20px" viewBox="0 0 23 20" enable-background="new 0 0 23 20" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M16.988,18.957c1.104,0,2-0.896,2-2V9.978l-8.001-4.021L3.008,9.978
+		v6.979c0,1.104,0.896,2,2,2h3.989l0.011-3.979c0-1.104,0.896-2,2-2h-0.02c1.104,0,2,0.896,2,2v3.057h-4v0.927L16.988,18.957z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M1.627,5.984l8.011-4.625c0.725-0.418,1.652-0.17,2.071,0.555
+		c0.418,0.725,0.17,1.652-0.556,2.07l-8.01,4.625c-0.725,0.418-1.652,0.17-2.07-0.555S0.902,6.403,1.627,5.984z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M18.669,8.609l-8.01-4.625c-0.725-0.418-0.974-1.345-0.555-2.07
+		c0.418-0.725,1.345-0.973,2.07-0.555l8.011,4.625c0.726,0.418,0.974,1.345,0.556,2.07C20.321,8.78,19.395,9.028,18.669,8.609z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-index.svg b/fluidbook/icones/5/mobile/nav-index.svg
new file mode 100644
index 000000000..5d3c042f6
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-index.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="27px" height="20px" viewBox="0 0 27 20" enable-background="new 0 0 27 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M5.984,10.041H2.987c-1.104,0-2,0.895-2,1.999v3.037
+			c0,1.105,0.896,2,2,2h2.997c1.104,0,2-0.895,2-2v-3.037C7.984,10.935,7.089,10.041,5.984,10.041z M15.013,10.041h-3.029
+			c-1.104,0-2,0.895-2,1.999v3.037c0,1.105,0.896,2,2,2h3.029c1.104,0,2-0.895,2-2v-3.037
+			C17.013,10.935,16.116,10.041,15.013,10.041z M5.984,1H2.987c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h2.997
+			c1.104,0,2-0.895,2-2V3C7.984,1.896,7.089,1,5.984,1z M15.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C17.013,1.896,16.116,1,15.013,1z M24.013,1h-3.029c-1.104,0-2,0.896-2,2v3.037c0,1.105,0.896,2,2,2h3.029
+			c1.104,0,2-0.895,2-2V3C26.013,1.896,25.116,1,24.013,1z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-sommaire.svg b/fluidbook/icones/5/mobile/nav-sommaire.svg
new file mode 100644
index 000000000..d824beaf1
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-sommaire.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="20px" viewBox="0 0 22 20" enable-background="new 0 0 22 20" xml:space="preserve">
+<g>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd"  fill="$colorize" d="M19.152,1H9C7.896,1,7,1.896,7,3v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V3C21.152,1.896,20.256,1,19.152,1z M3.151,1H3C1.896,1,1,1.896,1,3v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V3C5.151,1.896,4.256,1,3.151,1z M19.152,7H9C7.896,7,7,7.896,7,9v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V9C21.152,7.896,20.256,7,19.152,7z M3.151,7H3C1.896,7,1,7.896,1,9v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V9C5.151,7.896,4.256,7,3.151,7z M19.152,13H9c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h10.152
+			c1.104,0,2-0.896,2-2V15C21.152,13.896,20.256,13,19.152,13z M3.151,13H3c-1.104,0-2,0.896-2,2v0.064c0,1.104,0.896,2,2,2h0.151
+			c1.104,0,2-0.896,2-2V15C5.151,13.896,4.256,13,3.151,13z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/5/mobile/nav-twitter.svg b/fluidbook/icones/5/mobile/nav-twitter.svg
new file mode 100644
index 000000000..97bcabe54
--- /dev/null
+++ b/fluidbook/icones/5/mobile/nav-twitter.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M19,3.055C19,1.92,18.08,1,16.944,1H3.056C1.92,1,1,1.92,1,3.055v13.89C1,18.08,1.92,19,3.056,19h13.889
+	C18.08,19,19,18.08,19,16.945V3.055z M14.871,10.326c-1.059,4.3-8.175,6.125-11.448,1.66c1.254,1.197,3.438,1.304,4.822-0.13
+	c-0.812,0.119-1.403-0.678-0.405-1.108c-0.897,0.098-1.396-0.379-1.6-0.785c0.21-0.22,0.443-0.323,0.891-0.352
+	C6.148,9.379,5.786,8.898,5.675,8.315C5.947,8.25,6.288,8.194,6.474,8.219c-0.859-0.45-1.158-1.126-1.111-1.636
+	c1.537,0.571,2.517,1.03,3.335,1.469c0.292,0.156,0.618,0.437,0.985,0.793c0.467-1.237,1.045-2.513,2.035-3.146
+	c-0.017,0.144-0.094,0.277-0.195,0.386c0.281-0.255,0.645-0.431,1.016-0.481c-0.043,0.278-0.442,0.436-0.685,0.525
+	c0.184-0.057,1.157-0.491,1.262-0.243c0.127,0.28-0.672,0.411-0.806,0.459c-0.103,0.034-0.203,0.072-0.302,0.112
+	c1.233-0.124,2.411,0.895,2.755,2.159c0.024,0.092,0.049,0.193,0.071,0.298c0.452,0.169,1.269-0.007,1.531-0.17
+	C16.176,9.198,15.681,9.53,14.95,9.59c0.352,0.146,1.016,0.228,1.473,0.15C16.134,10.051,15.668,10.332,14.871,10.326z"/>
+</svg>
diff --git a/fluidbook/icones/5/mobile/next.svg b/fluidbook/icones/5/mobile/next.svg
new file mode 100644
index 000000000..fc1617f4b
--- /dev/null
+++ b/fluidbook/icones/5/mobile/next.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px"
+	 height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<g id="Layer_2">
+</g>
+<g id="Layer_1">
+	<path fill="$colorize" d="M31.904,39.623l-9.655,12.49c-1.907,1.916-5.009,1.916-6.926,0.005c-1.917-1.914-1.666-3.792,0-6.931l4.798-8.924
+		l-4.798-8.927c-1.847-2.902-1.917-5.012-0.01-6.928c1.917-1.913,5.019-1.913,6.936,0l9.545,12.355c0,0,1.546,1.792,1.546,3.496
+		S31.904,39.623,31.904,39.623z"/>
+	<g>
+		<g>
+			<path fill="$colorize" d="M27.979,80.23l-4.016-5.195c-0.804-0.805-2.108-0.805-2.911,0c-0.803,0.805-0.783,1.693,0,2.914l2.018,3.754
+				l-2.018,3.752c-0.702,1.32-0.803,2.111,0,2.916c0.803,0.805,2.107,0.805,2.911,0l4.064-5.256c0,0,0.603-0.697,0.603-1.414
+				C28.63,80.986,27.979,80.23,27.979,80.23z M16.144,74.453c-0.893,0-1.605,0.721-1.605,1.609v11.26
+				c0,0.889,0.713,1.609,1.605,1.609c0.894,0,1.606-0.722,1.606-1.609v-11.26C17.75,75.174,17.037,74.453,16.144,74.453z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/5/mobile/previous.svg b/fluidbook/icones/5/mobile/previous.svg
new file mode 100644
index 000000000..d68cb27d1
--- /dev/null
+++ b/fluidbook/icones/5/mobile/previous.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="40px" height="100px" viewBox="1.5 1.75 40 100" enable-background="new 1.5 1.75 40 100" xml:space="preserve">
+<path fill="$colorize" d="M12.936,39.623l9.655,12.49c1.907,1.916,5.009,1.916,6.927,0.005c1.917-1.914,1.665-3.792,0-6.931l-4.799-8.924l4.799-8.927
+	c1.846-2.902,1.917-5.012,0.01-6.928c-1.918-1.913-5.02-1.913-6.937,0l-9.545,12.354c0,0-1.546,1.793-1.546,3.496
+	S12.936,39.623,12.936,39.623z"/>
+<g>
+	<g>
+		<path fill="$colorize" d="M17.084,80.23l4.016-5.195c0.803-0.805,2.107-0.805,2.911,0c0.802,0.805,0.782,1.693,0,2.914l-2.019,3.754l2.019,3.752
+			c0.701,1.32,0.802,2.111,0,2.916c-0.804,0.805-2.107,0.805-2.911,0l-4.065-5.256c0,0-0.603-0.697-0.603-1.414
+			C16.433,80.986,17.084,80.23,17.084,80.23z M28.918,74.453c0.895,0,1.605,0.721,1.605,1.609v11.26
+			c0,0.889-0.713,1.609-1.605,1.609c-0.895,0-1.605-0.722-1.605-1.609v-11.26C27.313,75.174,28.025,74.453,28.918,74.453z"/>
+	</g>
+</g>
+</svg>
diff --git a/fluidbook/icones/5/mobile/search.svg b/fluidbook/icones/5/mobile/search.svg
new file mode 100644
index 000000000..ed50b69aa
--- /dev/null
+++ b/fluidbook/icones/5/mobile/search.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="$colorize" d="M17.798,14.34l-4.24-4.244c0.352-0.783,0.552-1.648,0.552-2.562c0-3.461-2.818-6.28-6.281-6.28
+	c-3.465,0-6.282,2.818-6.282,6.28c0,3.464,2.817,6.282,6.282,6.282c0.913,0,1.778-0.199,2.562-0.553l4.241,4.243
+	c0.875,0.875,2.293,0.875,3.167,0.001C18.672,16.633,18.674,15.216,17.798,14.34z M7.763,12.008c-2.458,0-4.45-1.993-4.45-4.451
+	s1.992-4.45,4.45-4.45s4.45,1.992,4.45,4.45S10.221,12.008,7.763,12.008z"/>
+</svg>
diff --git a/fluidbook/icones/5/nav-home.png b/fluidbook/icones/5/nav-home.png
new file mode 100644
index 000000000..99ff755b3
Binary files /dev/null and b/fluidbook/icones/5/nav-home.png differ
diff --git a/fluidbook/icones/5/v1/nav-bookmark-off.png b/fluidbook/icones/5/v1/nav-bookmark-off.png
new file mode 100644
index 000000000..ac99df894
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-bookmark-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-bookmark-on.png b/fluidbook/icones/5/v1/nav-bookmark-on.png
new file mode 100644
index 000000000..775df3543
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-bookmark-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-help-off.png b/fluidbook/icones/5/v1/nav-help-off.png
new file mode 100644
index 000000000..aad6eeac4
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-help-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-help-on.png b/fluidbook/icones/5/v1/nav-help-on.png
new file mode 100644
index 000000000..77a84e0fb
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-help-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-index-off.png b/fluidbook/icones/5/v1/nav-index-off.png
new file mode 100644
index 000000000..b3d24f3eb
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-index-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-index-on.png b/fluidbook/icones/5/v1/nav-index-on.png
new file mode 100644
index 000000000..6ac159536
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-index-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-normal-off.png b/fluidbook/icones/5/v1/nav-normal-off.png
new file mode 100644
index 000000000..3365d8f31
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-normal-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-normal-on.png b/fluidbook/icones/5/v1/nav-normal-on.png
new file mode 100644
index 000000000..18583f0e1
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-normal-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-pdf-off.png b/fluidbook/icones/5/v1/nav-pdf-off.png
new file mode 100644
index 000000000..60fac52f5
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-pdf-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-pdf-on.png b/fluidbook/icones/5/v1/nav-pdf-on.png
new file mode 100644
index 000000000..a4c344462
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-pdf-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-print-off.png b/fluidbook/icones/5/v1/nav-print-off.png
new file mode 100644
index 000000000..fa7f35f75
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-print-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-print-on.png b/fluidbook/icones/5/v1/nav-print-on.png
new file mode 100644
index 000000000..93e1f603f
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-print-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-search-off.png b/fluidbook/icones/5/v1/nav-search-off.png
new file mode 100644
index 000000000..f5799da4a
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-search-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-search-on.png b/fluidbook/icones/5/v1/nav-search-on.png
new file mode 100644
index 000000000..42c9f8ffb
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-search-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-send-off.png b/fluidbook/icones/5/v1/nav-send-off.png
new file mode 100644
index 000000000..e1f71ea9a
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-send-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-send-on.png b/fluidbook/icones/5/v1/nav-send-on.png
new file mode 100644
index 000000000..9a0dbe4e0
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-send-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-sommaire-off.png b/fluidbook/icones/5/v1/nav-sommaire-off.png
new file mode 100644
index 000000000..9e728d951
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-sommaire-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-sommaire-on.png b/fluidbook/icones/5/v1/nav-sommaire-on.png
new file mode 100644
index 000000000..cfe2bfc99
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-sommaire-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-zoomin-off.png b/fluidbook/icones/5/v1/nav-zoomin-off.png
new file mode 100644
index 000000000..1c243f975
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-zoomin-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-zoomin-on.png b/fluidbook/icones/5/v1/nav-zoomin-on.png
new file mode 100644
index 000000000..436e782cc
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-zoomin-on.png differ
diff --git a/fluidbook/icones/5/v1/nav-zoomout-off.png b/fluidbook/icones/5/v1/nav-zoomout-off.png
new file mode 100644
index 000000000..444be1030
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-zoomout-off.png differ
diff --git a/fluidbook/icones/5/v1/nav-zoomout-on.png b/fluidbook/icones/5/v1/nav-zoomout-on.png
new file mode 100644
index 000000000..363b64d3b
Binary files /dev/null and b/fluidbook/icones/5/v1/nav-zoomout-on.png differ
diff --git a/fluidbook/icones/6/mobile/nav-home.svg b/fluidbook/icones/6/mobile/nav-home.svg
new file mode 100644
index 000000000..349c781c8
--- /dev/null
+++ b/fluidbook/icones/6/mobile/nav-home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="23px" height="20px" viewBox="0 0 23 20" enable-background="new 0 0 23 20" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M16.988,18.957c1.104,0,2-0.896,2-2V9.978l-8.001-4.021L3.008,9.978
+		v6.979c0,1.104,0.896,2,2,2h3.989l0.011-3.979c0-1.104,0.896-2,2-2h-0.02c1.104,0,2,0.896,2,2v3.057h-4v0.927L16.988,18.957z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M1.627,5.984l8.011-4.625c0.725-0.418,1.652-0.17,2.071,0.555
+		c0.418,0.725,0.17,1.652-0.556,2.07l-8.01,4.625c-0.725,0.418-1.652,0.17-2.07-0.555S0.902,6.403,1.627,5.984z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M18.669,8.609l-8.01-4.625c-0.725-0.418-0.974-1.345-0.555-2.07
+		c0.418-0.725,1.345-0.973,2.07-0.555l8.011,4.625c0.726,0.418,0.974,1.345,0.556,2.07C20.321,8.78,19.395,9.028,18.669,8.609z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/6/nav-home.png b/fluidbook/icones/6/nav-home.png
new file mode 100644
index 000000000..99ff755b3
Binary files /dev/null and b/fluidbook/icones/6/nav-home.png differ
diff --git a/fluidbook/icones/7/mobile/nav-home.svg b/fluidbook/icones/7/mobile/nav-home.svg
new file mode 100644
index 000000000..349c781c8
--- /dev/null
+++ b/fluidbook/icones/7/mobile/nav-home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="23px" height="20px" viewBox="0 0 23 20" enable-background="new 0 0 23 20" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M16.988,18.957c1.104,0,2-0.896,2-2V9.978l-8.001-4.021L3.008,9.978
+		v6.979c0,1.104,0.896,2,2,2h3.989l0.011-3.979c0-1.104,0.896-2,2-2h-0.02c1.104,0,2,0.896,2,2v3.057h-4v0.927L16.988,18.957z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M1.627,5.984l8.011-4.625c0.725-0.418,1.652-0.17,2.071,0.555
+		c0.418,0.725,0.17,1.652-0.556,2.07l-8.01,4.625c-0.725,0.418-1.652,0.17-2.07-0.555S0.902,6.403,1.627,5.984z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="$colorize" d="M18.669,8.609l-8.01-4.625c-0.725-0.418-0.974-1.345-0.555-2.07
+		c0.418-0.725,1.345-0.973,2.07-0.555l8.011,4.625c0.726,0.418,0.974,1.345,0.556,2.07C20.321,8.78,19.395,9.028,18.669,8.609z"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/7/nav-home.png b/fluidbook/icones/7/nav-home.png
new file mode 100644
index 000000000..99ff755b3
Binary files /dev/null and b/fluidbook/icones/7/nav-home.png differ