First version

Resources/Gruntfile.js

@@ -28,7 +28,7 @@ module.exports = function(grunt) {
             files: [
                {
                   cwd: '<%= chill.folders.bower %>Scratch-CSS-Design/stylesheets/sass',
-                  src: ['**', '!_custom.scss'],
+                  src: ['**', '!_custom.scss', '!custom/**/*'],
                   dest: '<%= chill.folders.sass %>',
                   expand: true,
                },
@@ -113,7 +113,7 @@ module.exports = function(grunt) {
       },
       watch: {
          css: {
-            files: [ '<%= chill.folders.sass.src %>/*.scss', '<%= chill.folders.sass.src %>/**/*.scss' ],
+            files: [ '<%= chill.folders.sass %>/*.scss', '<%= chill.folders.sass %>/**/*.scss' ],
             tasks: ['generatecss'],
             /*
             options: {

Resources/public/fonts/OpenSans/OpenSans.css

@@ -0,0 +1,120 @@
+@font-face {
+    font-family: 'open_sanssemibold';
+    src: url('opensans-semibold-webfont.eot');
+    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-semibold-webfont.woff2') format('woff2'),
+         url('opensans-semibold-webfont.woff') format('woff'),
+         url('opensans-semibold-webfont.ttf') format('truetype'),
+         url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sanssemibold_italic';
+    src: url('opensans-semibolditalic-webfont.eot');
+    src: url('opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-semibolditalic-webfont.woff2') format('woff2'),
+         url('opensans-semibolditalic-webfont.woff') format('woff'),
+         url('opensans-semibolditalic-webfont.ttf') format('truetype'),
+         url('opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sansitalic';
+    src: url('opensans-italic-webfont.eot');
+    src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-italic-webfont.woff2') format('woff2'),
+         url('opensans-italic-webfont.woff') format('woff'),
+         url('opensans-italic-webfont.ttf') format('truetype'),
+         url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sanslight';
+    src: url('opensans-light-webfont.eot');
+    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-light-webfont.woff2') format('woff2'),
+         url('opensans-light-webfont.woff') format('woff'),
+         url('opensans-light-webfont.ttf') format('truetype'),
+         url('opensans-light-webfont.svg#open_sanslight') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sanslight_italic';
+    src: url('opensans-lightitalic-webfont.eot');
+    src: url('opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-lightitalic-webfont.woff2') format('woff2'),
+         url('opensans-lightitalic-webfont.woff') format('woff'),
+         url('opensans-lightitalic-webfont.ttf') format('truetype'),
+         url('opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sansregular';
+    src: url('opensans-regular-webfont.eot');
+    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-regular-webfont.woff2') format('woff2'),
+         url('opensans-regular-webfont.woff') format('woff'),
+         url('opensans-regular-webfont.ttf') format('truetype'),
+         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sansbold';
+    src: url('opensans-bold-webfont.eot');
+    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-bold-webfont.woff2') format('woff2'),
+         url('opensans-bold-webfont.woff') format('woff'),
+         url('opensans-bold-webfont.ttf') format('truetype'),
+         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sansbold_italic';
+    src: url('opensans-bolditalic-webfont.eot');
+    src: url('opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-bolditalic-webfont.woff2') format('woff2'),
+         url('opensans-bolditalic-webfont.woff') format('woff'),
+         url('opensans-bolditalic-webfont.ttf') format('truetype'),
+         url('opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'open_sansextrabold';
+    src: url('opensans-extrabold-webfont.eot');
+    src: url('opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-extrabold-webfont.woff2') format('woff2'),
+         url('opensans-extrabold-webfont.woff') format('woff'),
+         url('opensans-extrabold-webfont.ttf') format('truetype'),
+         url('opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sansextrabold_italic';
+    src: url('opensans-extrabolditalic-webfont.eot');
+    src: url('opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('opensans-extrabolditalic-webfont.woff2') format('woff2'),
+         url('opensans-extrabolditalic-webfont.woff') format('woff'),
+         url('opensans-extrabolditalic-webfont.ttf') format('truetype'),
+         url('opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}

Resources/public/img/favicon.svg

@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Calque_1"
+   x="0px"
+   y="0px"
+   viewBox="-250000 0 0 500"
+   enable-background="new 0 0 500 500"
+   xml:space="preserve"
+   inkscape:version="0.48.5 r10040"
+   width="125.7"
+   height="125.7"
+   sodipodi:docname="favicon.svg"
+   inkscape:export-filename="/home/user/ownCloudCL/Shared/partage/Idées/Chill/Design/logo-chill-acc-social-facile.png"
+   inkscape:export-xdpi="98.668007"
+   inkscape:export-ydpi="98.668007"><metadata
+     id="metadata63"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs61" /><sodipodi:namedview
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="755"
+     id="namedview59"
+     showgrid="false"
+     inkscape:zoom="0.64"
+     inkscape:cx="139.03043"
+     inkscape:cy="28.901907"
+     inkscape:window-x="61"
+     inkscape:window-y="2"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1"
+     fit-margin-top="7"
+     fit-margin-left="7"
+     fit-margin-right="7"
+     fit-margin-bottom="7" /><g
+     id="g9"
+     transform="translate(-5.5,-187.9)"><path
+       style="fill:#edc74b"
+       inkscape:connector-curvature="0"
+       id="path11"
+       d="m 68.3,216.4 c -5.5,0 -10,4.5 -10.1,10 0,0 0,0 0,0 6.2,6.2 10.1,14.8 10.1,24.3 l 0,0 c 0,0 0,0 0,0 l 0,0 c 0,-9.5 3.8,-18 10,-24.3 0,0 0,0 0,0 0.1,-5.5 -4.4,-10 -10,-10" /><path
+       style="fill:#f1d275"
+       inkscape:connector-curvature="0"
+       id="path13"
+       d="m 68.3,194.9 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 0,-5.6 -4.5,-10.1 -10.1,-10.1" /><path
+       style="fill:#c9b99e"
+       inkscape:connector-curvature="0"
+       id="path15"
+       d="m 68.3,250.7 0,0 c 0,9.5 -3.8,18 -10,24.3 0,0 0,0 0,0 0,5.5 4.5,10 10.1,10 5.5,0 10,-4.5 10.1,-10 0,0 0,0 0,0 -6.4,-6.2 -10.2,-14.8 -10.2,-24.3 l 0,0 c 0,0 0,0 0,0" /><path
+       style="fill:#d3c7b1"
+       inkscape:connector-curvature="0"
+       id="path17"
+       d="m 68.3,286.4 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 0,-5.6 -4.5,-10.1 -10.1,-10.1" /><path
+       style="fill:#333333"
+       inkscape:connector-curvature="0"
+       id="path19"
+       d="m 44,240.7 c -5.6,0 -10,4.5 -10,10.1 0,5.5 4.5,10 10,10.1 0,0 0,0 0,0 6.2,-6.2 14.8,-10.1 24.3,-10.1 l 0,0 0,0 c 0,0 0,0 0,0 0,0 0,0 0,0 l 0,0 c -9.5,-0.1 -18,-3.9 -24.3,-10.1 0.1,0 0,0 0,0" /><path
+       style="fill:#333333"
+       inkscape:connector-curvature="0"
+       id="path21"
+       d="m 22.6,240.7 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 -0.1,-5.6 -4.6,-10.1 -10.1,-10.1" /><path
+       style="fill:#de4849"
+       inkscape:connector-curvature="0"
+       id="path23"
+       d="m 92.6,240.7 c 0,0 0,0 0,0 -6.2,6.2 -14.8,10.1 -24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 l 0,0 c 9.5,0 18,3.8 24.3,10 0,0 0,0 0,0 5.5,0 10,-4.5 10,-10.1 0,-5.5 -4.5,-10 -10,-10" /><path
+       style="fill:#e57469"
+       inkscape:connector-curvature="0"
+       id="path25"
+       d="m 114.1,240.7 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 -0.1,-5.6 -4.6,-10.1 -10.1,-10.1" /><path
+       style="fill:#43b09b"
+       inkscape:connector-curvature="0"
+       id="path27"
+       d="m 51.2,223.5 c -2.6,0 -5.2,1 -7.1,3 -3.9,3.9 -3.9,10.3 0,14.2 0,0 0,0 0,0 8.8,0 17.6,3.3 24.3,10.1 l 0,0 c -6.7,-6.7 -10,-15.5 -10.1,-24.2 0,0 0,0 0,0 -2,-2.1 -4.6,-3.1 -7.1,-3.1" /><path
+       style="fill:#3f8a2e"
+       inkscape:connector-curvature="0"
+       id="path29"
+       d="m 58.3,226.4 c 0,0 0,0.1 0,0 0,8.8 3.4,17.6 10.1,24.3 l 0,0 c -0.1,-9.5 -3.9,-18 -10.1,-24.3 0,0 0,0 0,0" /><path
+       style="fill:#333333"
+       inkscape:connector-curvature="0"
+       id="path31"
+       d="m 44,240.7 c 0,0 0,0 0,0 0,0 0.1,0 0,0 6.2,6.2 14.8,10 24.3,10.1 C 61.6,244 52.8,240.7 44,240.7" /><path
+       style="fill:#79c0af"
+       inkscape:connector-curvature="0"
+       id="path33"
+       d="m 36,208.3 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /><path
+       style="fill:#ebebeb"
+       inkscape:connector-curvature="0"
+       id="path35"
+       d="m 68.3,250.7 c 6.7,6.7 10.1,15.5 10.1,24.2 0,0 0,0 0,0 2,1.9 4.5,2.9 7.1,2.9 2.6,0 5.2,-1 7.1,-3 3.9,-3.9 3.9,-10.3 0,-14.2 0,0 0,0 0,0 -8.8,0.2 -17.6,-3.2 -24.3,-9.9 l 0,0" /><path
+       style="fill:#baab92"
+       inkscape:connector-curvature="0"
+       id="path37"
+       d="m 68.3,250.7 c 0,9.5 3.8,18.1 10.1,24.3 0,0 0,0 0,0 0,0 0,0 0,0 0,-8.8 -3.4,-17.6 -10.1,-24.3 l 0,0" /><path
+       style="fill:#cd4344"
+       inkscape:connector-curvature="0"
+       id="path39"
+       d="m 68.3,250.7 c 6.7,6.7 15.5,10.1 24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 -6.2,-6.2 -14.8,-10.1 -24.3,-10.1" /><path
+       style="fill:#efefef"
+       inkscape:connector-curvature="0"
+       id="path41"
+       d="m 100.7,273 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /><path
+       style="fill:#d50b51"
+       inkscape:connector-curvature="0"
+       id="path43"
+       d="m 68.3,250.7 c -6.7,6.7 -15.5,10.1 -24.2,10.1 0,0 0,0 0,0 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 0,0 0,0 0,0 0,-8.8 3.3,-17.6 10,-24.3 l 0,0" /><path
+       style="fill:#a90833"
+       inkscape:connector-curvature="0"
+       id="path45"
+       d="m 68.3,250.7 c -6.7,6.7 -10.1,15.5 -10.1,24.3 0,0 0,0 0,0 0,0 0,0 0,0 6.3,-6.2 10.1,-14.8 10.1,-24.3" /><path
+       style="fill:#333333"
+       inkscape:connector-curvature="0"
+       id="path47"
+       d="m 68.3,250.7 c -9.5,0 -18,3.8 -24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 8.8,0 17.6,-3.4 24.3,-10.1 0,0 0,0 0,0" /><path
+       style="fill:#dc516d"
+       inkscape:connector-curvature="0"
+       id="path49"
+       d="m 36,273 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 C 41.1,274 38.5,273 36,273" /><path
+       style="fill:#e27a3e"
+       inkscape:connector-curvature="0"
+       id="path51"
+       d="m 85.5,223.5 c -2.6,0 -5.1,1 -7.1,2.9 0,0 0,0 0,0 0,8.8 -3.4,17.6 -10.1,24.3 l 0,0 c 6.7,-6.7 15.5,-10.1 24.2,-10.1 0,0 0,0 0,0 3.9,-3.9 3.9,-10.3 0,-14.2 -1.9,-1.9 -4.5,-2.9 -7,-2.9" /><path
+       style="fill:#d36012"
+       inkscape:connector-curvature="0"
+       id="path53"
+       d="m 78.4,226.4 c 0,0 0,0.1 0,0 -6.2,6.2 -10.1,14.8 -10.1,24.3 6.7,-6.7 10.1,-15.5 10.1,-24.3 0,0 0,0 0,0" /><path
+       style="fill:#c62212"
+       inkscape:connector-curvature="0"
+       id="path55"
+       d="m 92.6,240.7 c -8.8,0 -17.5,3.4 -24.2,10.1 0,0 0,0 0,0 9.4,-0.1 18,-3.9 24.2,-10.1 0,0 0,0 0,0 0,0 0,0 0,0" /><path
+       style="fill:#e89463"
+       inkscape:connector-curvature="0"
+       id="path57"
+       d="m 100.7,208.3 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /></g></svg>

Resources/public/img/logo-chill-outil-accompagnement.svg

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Calque_1"
+   x="0px"
+   y="0px"
+   viewBox="-250000 0 0 500"
+   enable-background="new 0 0 500 500"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   width="496.3342"
+   height="158.57938"
+   sodipodi:docname="logo-chill-outil-accompagnement.svg"
+   inkscape:export-filename="/home/user/ownCloudCL/Shared/partage/Idées/Chill/Design/logo-chill-acc-social-facile.png"
+   inkscape:export-xdpi="98.668007"
+   inkscape:export-ydpi="98.668007"><metadata
+     id="metadata63"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs61" /><sodipodi:namedview
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1666"
+     inkscape:window-height="905"
+     id="namedview59"
+     showgrid="false"
+     inkscape:zoom="0.64"
+     inkscape:cx="152.03043"
+     inkscape:cy="46.653841"
+     inkscape:window-x="179"
+     inkscape:window-y="147"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1"
+     fit-margin-top="20"
+     fit-margin-left="20"
+     fit-margin-right="20"
+     fit-margin-bottom="20" /><text
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:21.29390907px;line-height:125%;font-family:OpenSans-Light;-inkscape-font-specification:'OpenSans-Light, Normal';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#334d5c;fill-opacity:1"
+     id="text5"
+     font-size="35.2196"
+     x="152.53645"
+     y="134.15009"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan4161"
+       x="152.53645"
+       y="134.15009">accompagnement social facile</tspan></text>
+<text
+     style="font-size:112.72540283px;line-height:125%;font-family:OpenSans-Extrabold;fill:black"
+     id="text7"
+     font-size="112.7254"
+     x="150.7075"
+     y="101.62684"
+     sodipodi:linespacing="125%"><tspan
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:112.72540283px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Ultra-Bold';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#334d5c;fill-opacity:1"
+       id="tspan3071">CHILL</tspan></text>
+<g
+     id="g9"
+     transform="translate(7.5,-172.77256)"><path
+       style="fill:#edc74b"
+       inkscape:connector-curvature="0"
+       id="path11"
+       d="m 68.3,216.4 c -5.5,0 -10,4.5 -10.1,10 0,0 0,0 0,0 6.2,6.2 10.1,14.8 10.1,24.3 l 0,0 c 0,0 0,0 0,0 l 0,0 c 0,-9.5 3.8,-18 10,-24.3 0,0 0,0 0,0 0.1,-5.5 -4.4,-10 -10,-10" /><path
+       style="fill:#f1d275"
+       inkscape:connector-curvature="0"
+       id="path13"
+       d="m 68.3,194.9 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 0,-5.6 -4.5,-10.1 -10.1,-10.1" /><path
+       style="fill:#c9b99e"
+       inkscape:connector-curvature="0"
+       id="path15"
+       d="m 68.3,250.7 0,0 c 0,9.5 -3.8,18 -10,24.3 0,0 0,0 0,0 0,5.5 4.5,10 10.1,10 5.5,0 10,-4.5 10.1,-10 0,0 0,0 0,0 -6.4,-6.2 -10.2,-14.8 -10.2,-24.3 l 0,0 c 0,0 0,0 0,0" /><path
+       style="fill:#d3c7b1"
+       inkscape:connector-curvature="0"
+       id="path17"
+       d="m 68.3,286.4 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 0,-5.6 -4.5,-10.1 -10.1,-10.1" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path19"
+       d="m 44,240.7 c -5.6,0 -10,4.5 -10,10.1 0,5.5 4.5,10 10,10.1 0,0 0,0 0,0 6.2,-6.2 14.8,-10.1 24.3,-10.1 l 0,0 0,0 c 0,0 0,0 0,0 0,0 0,0 0,0 l 0,0 c -9.5,-0.1 -18,-3.9 -24.3,-10.1 0.1,0 0,0 0,0" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path21"
+       d="m 22.6,240.7 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 -0.1,-5.6 -4.6,-10.1 -10.1,-10.1" /><path
+       style="fill:#de4849"
+       inkscape:connector-curvature="0"
+       id="path23"
+       d="m 92.6,240.7 c 0,0 0,0 0,0 -6.2,6.2 -14.8,10.1 -24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 l 0,0 c 9.5,0 18,3.8 24.3,10 0,0 0,0 0,0 5.5,0 10,-4.5 10,-10.1 0,-5.5 -4.5,-10 -10,-10" /><path
+       style="fill:#e57469"
+       inkscape:connector-curvature="0"
+       id="path25"
+       d="m 114.1,240.7 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 -0.1,-5.6 -4.6,-10.1 -10.1,-10.1" /><path
+       style="fill:#43b09b"
+       inkscape:connector-curvature="0"
+       id="path27"
+       d="m 51.2,223.5 c -2.6,0 -5.2,1 -7.1,3 -3.9,3.9 -3.9,10.3 0,14.2 0,0 0,0 0,0 8.8,0 17.6,3.3 24.3,10.1 l 0,0 c -6.7,-6.7 -10,-15.5 -10.1,-24.2 0,0 0,0 0,0 -2,-2.1 -4.6,-3.1 -7.1,-3.1" /><path
+       style="fill:#3f8a2e"
+       inkscape:connector-curvature="0"
+       id="path29"
+       d="m 58.3,226.4 c 0,0 0,0.1 0,0 0,8.8 3.4,17.6 10.1,24.3 l 0,0 c -0.1,-9.5 -3.9,-18 -10.1,-24.3 0,0 0,0 0,0" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path31"
+       d="m 44,240.7 c 0,0 0,0 0,0 0,0 0.1,0 0,0 6.2,6.2 14.8,10 24.3,10.1 C 61.6,244 52.8,240.7 44,240.7" /><path
+       style="fill:#79c0af"
+       inkscape:connector-curvature="0"
+       id="path33"
+       d="m 36,208.3 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /><path
+       style="fill:#ebebeb"
+       inkscape:connector-curvature="0"
+       id="path35"
+       d="m 68.3,250.7 c 6.7,6.7 10.1,15.5 10.1,24.2 0,0 0,0 0,0 2,1.9 4.5,2.9 7.1,2.9 2.6,0 5.2,-1 7.1,-3 3.9,-3.9 3.9,-10.3 0,-14.2 0,0 0,0 0,0 -8.8,0.2 -17.6,-3.2 -24.3,-9.9 l 0,0" /><path
+       style="fill:#baab92"
+       inkscape:connector-curvature="0"
+       id="path37"
+       d="m 68.3,250.7 c 0,9.5 3.8,18.1 10.1,24.3 0,0 0,0 0,0 0,0 0,0 0,0 0,-8.8 -3.4,-17.6 -10.1,-24.3 l 0,0" /><path
+       style="fill:#cd4344"
+       inkscape:connector-curvature="0"
+       id="path39"
+       d="m 68.3,250.7 c 6.7,6.7 15.5,10.1 24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 -6.2,-6.2 -14.8,-10.1 -24.3,-10.1" /><path
+       style="fill:#efefef"
+       inkscape:connector-curvature="0"
+       id="path41"
+       d="m 100.7,273 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /><path
+       style="fill:#d50b51"
+       inkscape:connector-curvature="0"
+       id="path43"
+       d="m 68.3,250.7 c -6.7,6.7 -15.5,10.1 -24.2,10.1 0,0 0,0 0,0 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 0,0 0,0 0,0 0,-8.8 3.3,-17.6 10,-24.3 l 0,0" /><path
+       style="fill:#a90833"
+       inkscape:connector-curvature="0"
+       id="path45"
+       d="m 68.3,250.7 c -6.7,6.7 -10.1,15.5 -10.1,24.3 0,0 0,0 0,0 0,0 0,0 0,0 6.3,-6.2 10.1,-14.8 10.1,-24.3" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path47"
+       d="m 68.3,250.7 c -9.5,0 -18,3.8 -24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 8.8,0 17.6,-3.4 24.3,-10.1 0,0 0,0 0,0" /><path
+       style="fill:#dc516d"
+       inkscape:connector-curvature="0"
+       id="path49"
+       d="m 36,273 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 C 41.1,274 38.5,273 36,273" /><path
+       style="fill:#e27a3e"
+       inkscape:connector-curvature="0"
+       id="path51"
+       d="m 85.5,223.5 c -2.6,0 -5.1,1 -7.1,2.9 0,0 0,0 0,0 0,8.8 -3.4,17.6 -10.1,24.3 l 0,0 c 6.7,-6.7 15.5,-10.1 24.2,-10.1 0,0 0,0 0,0 3.9,-3.9 3.9,-10.3 0,-14.2 -1.9,-1.9 -4.5,-2.9 -7,-2.9" /><path
+       style="fill:#d36012"
+       inkscape:connector-curvature="0"
+       id="path53"
+       d="m 78.4,226.4 c 0,0 0,0.1 0,0 -6.2,6.2 -10.1,14.8 -10.1,24.3 6.7,-6.7 10.1,-15.5 10.1,-24.3 0,0 0,0 0,0" /><path
+       style="fill:#c62212"
+       inkscape:connector-curvature="0"
+       id="path55"
+       d="m 92.6,240.7 c -8.8,0 -17.5,3.4 -24.2,10.1 0,0 0,0 0,0 9.4,-0.1 18,-3.9 24.2,-10.1 0,0 0,0 0,0 0,0 0,0 0,0" /><path
+       style="fill:#e89463"
+       inkscape:connector-curvature="0"
+       id="path57"
+       d="m 100.7,208.3 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /></g></svg>

Resources/public/img/logo-chill-outil-accompagnement_white.svg

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Calque_1"
+   x="0px"
+   y="0px"
+   viewBox="-250000 0 0 500"
+   enable-background="new 0 0 500 500"
+   xml:space="preserve"
+   inkscape:version="0.48.5 r10040"
+   width="496.3342"
+   height="158.57938"
+   sodipodi:docname="logo-chill-outil-accompagnement_white.svg"
+   inkscape:export-filename="/home/user/ownCloudCL/Shared/partage/Idées/Chill/Design/logo-chill-acc-social-facile.png"
+   inkscape:export-xdpi="98.668007"
+   inkscape:export-ydpi="98.668007"><metadata
+     id="metadata63"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs61" /><sodipodi:namedview
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1666"
+     inkscape:window-height="905"
+     id="namedview59"
+     showgrid="false"
+     inkscape:zoom="0.64"
+     inkscape:cx="152.03043"
+     inkscape:cy="46.653841"
+     inkscape:window-x="183"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1"
+     fit-margin-top="20"
+     fit-margin-left="20"
+     fit-margin-right="20"
+     fit-margin-bottom="20" /><text
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:21.29390907000000155px;line-height:125%;font-family:OpenSans-Light;-inkscape-font-specification:'OpenSans-Light, Normal';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1"
+     id="text5"
+     font-size="35.2196"
+     x="152.53645"
+     y="134.15009"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan4161"
+       x="152.53645"
+       y="134.15009">accompagnement social facile</tspan></text>
+<text
+     style="font-size:112.72540282999999306px;line-height:125%;font-family:OpenSans-Extrabold;fill:#ffffff"
+     id="text7"
+     font-size="112.7254"
+     x="150.7075"
+     y="101.62684"
+     sodipodi:linespacing="125%"><tspan
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:112.72540282999999306px;line-height:125%;font-family:Open Sans;-inkscape-font-specification:Open Sans Ultra-Bold;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1"
+       id="tspan3071">CHILL</tspan></text>
+<g
+     id="g9"
+     transform="translate(7.5,-172.77256)"><path
+       style="fill:#edc74b"
+       inkscape:connector-curvature="0"
+       id="path11"
+       d="m 68.3,216.4 c -5.5,0 -10,4.5 -10.1,10 0,0 0,0 0,0 6.2,6.2 10.1,14.8 10.1,24.3 l 0,0 c 0,0 0,0 0,0 l 0,0 c 0,-9.5 3.8,-18 10,-24.3 0,0 0,0 0,0 0.1,-5.5 -4.4,-10 -10,-10" /><path
+       style="fill:#f1d275"
+       inkscape:connector-curvature="0"
+       id="path13"
+       d="m 68.3,194.9 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 0,-5.6 -4.5,-10.1 -10.1,-10.1" /><path
+       style="fill:#c9b99e"
+       inkscape:connector-curvature="0"
+       id="path15"
+       d="m 68.3,250.7 0,0 c 0,9.5 -3.8,18 -10,24.3 0,0 0,0 0,0 0,5.5 4.5,10 10.1,10 5.5,0 10,-4.5 10.1,-10 0,0 0,0 0,0 -6.4,-6.2 -10.2,-14.8 -10.2,-24.3 l 0,0 c 0,0 0,0 0,0" /><path
+       style="fill:#d3c7b1"
+       inkscape:connector-curvature="0"
+       id="path17"
+       d="m 68.3,286.4 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 0,-5.6 -4.5,-10.1 -10.1,-10.1" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path19"
+       d="m 44,240.7 c -5.6,0 -10,4.5 -10,10.1 0,5.5 4.5,10 10,10.1 0,0 0,0 0,0 6.2,-6.2 14.8,-10.1 24.3,-10.1 l 0,0 0,0 c 0,0 0,0 0,0 0,0 0,0 0,0 l 0,0 c -9.5,-0.1 -18,-3.9 -24.3,-10.1 0.1,0 0,0 0,0" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path21"
+       d="m 22.6,240.7 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 -0.1,-5.6 -4.6,-10.1 -10.1,-10.1" /><path
+       style="fill:#de4849"
+       inkscape:connector-curvature="0"
+       id="path23"
+       d="m 92.6,240.7 c 0,0 0,0 0,0 -6.2,6.2 -14.8,10.1 -24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 l 0,0 c 9.5,0 18,3.8 24.3,10 0,0 0,0 0,0 5.5,0 10,-4.5 10,-10.1 0,-5.5 -4.5,-10 -10,-10" /><path
+       style="fill:#e57469"
+       inkscape:connector-curvature="0"
+       id="path25"
+       d="m 114.1,240.7 c -5.6,0 -10.1,4.5 -10.1,10.1 0,5.6 4.5,10.1 10.1,10.1 5.6,0 10.1,-4.5 10.1,-10.1 -0.1,-5.6 -4.6,-10.1 -10.1,-10.1" /><path
+       style="fill:#43b09b"
+       inkscape:connector-curvature="0"
+       id="path27"
+       d="m 51.2,223.5 c -2.6,0 -5.2,1 -7.1,3 -3.9,3.9 -3.9,10.3 0,14.2 0,0 0,0 0,0 8.8,0 17.6,3.3 24.3,10.1 l 0,0 c -6.7,-6.7 -10,-15.5 -10.1,-24.2 0,0 0,0 0,0 -2,-2.1 -4.6,-3.1 -7.1,-3.1" /><path
+       style="fill:#3f8a2e"
+       inkscape:connector-curvature="0"
+       id="path29"
+       d="m 58.3,226.4 c 0,0 0,0.1 0,0 0,8.8 3.4,17.6 10.1,24.3 l 0,0 c -0.1,-9.5 -3.9,-18 -10.1,-24.3 0,0 0,0 0,0" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path31"
+       d="m 44,240.7 c 0,0 0,0 0,0 0,0 0.1,0 0,0 6.2,6.2 14.8,10 24.3,10.1 C 61.6,244 52.8,240.7 44,240.7" /><path
+       style="fill:#79c0af"
+       inkscape:connector-curvature="0"
+       id="path33"
+       d="m 36,208.3 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /><path
+       style="fill:#ebebeb"
+       inkscape:connector-curvature="0"
+       id="path35"
+       d="m 68.3,250.7 c 6.7,6.7 10.1,15.5 10.1,24.2 0,0 0,0 0,0 2,1.9 4.5,2.9 7.1,2.9 2.6,0 5.2,-1 7.1,-3 3.9,-3.9 3.9,-10.3 0,-14.2 0,0 0,0 0,0 -8.8,0.2 -17.6,-3.2 -24.3,-9.9 l 0,0" /><path
+       style="fill:#baab92"
+       inkscape:connector-curvature="0"
+       id="path37"
+       d="m 68.3,250.7 c 0,9.5 3.8,18.1 10.1,24.3 0,0 0,0 0,0 0,0 0,0 0,0 0,-8.8 -3.4,-17.6 -10.1,-24.3 l 0,0" /><path
+       style="fill:#cd4344"
+       inkscape:connector-curvature="0"
+       id="path39"
+       d="m 68.3,250.7 c 6.7,6.7 15.5,10.1 24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 -6.2,-6.2 -14.8,-10.1 -24.3,-10.1" /><path
+       style="fill:#efefef"
+       inkscape:connector-curvature="0"
+       id="path41"
+       d="m 100.7,273 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /><path
+       style="fill:#d50b51"
+       inkscape:connector-curvature="0"
+       id="path43"
+       d="m 68.3,250.7 c -6.7,6.7 -15.5,10.1 -24.2,10.1 0,0 0,0 0,0 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 0,0 0,0 0,0 0,-8.8 3.3,-17.6 10,-24.3 l 0,0" /><path
+       style="fill:#a90833"
+       inkscape:connector-curvature="0"
+       id="path45"
+       d="m 68.3,250.7 c -6.7,6.7 -10.1,15.5 -10.1,24.3 0,0 0,0 0,0 0,0 0,0 0,0 6.3,-6.2 10.1,-14.8 10.1,-24.3" /><path
+       style="fill:#333"
+       inkscape:connector-curvature="0"
+       id="path47"
+       d="m 68.3,250.7 c -9.5,0 -18,3.8 -24.3,10.1 0,0 0,0 0,0 0,0 0,0 0,0 8.8,0 17.6,-3.4 24.3,-10.1 0,0 0,0 0,0" /><path
+       style="fill:#dc516d"
+       inkscape:connector-curvature="0"
+       id="path49"
+       d="m 36,273 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 C 41.1,274 38.5,273 36,273" /><path
+       style="fill:#e27a3e"
+       inkscape:connector-curvature="0"
+       id="path51"
+       d="m 85.5,223.5 c -2.6,0 -5.1,1 -7.1,2.9 0,0 0,0 0,0 0,8.8 -3.4,17.6 -10.1,24.3 l 0,0 c 6.7,-6.7 15.5,-10.1 24.2,-10.1 0,0 0,0 0,0 3.9,-3.9 3.9,-10.3 0,-14.2 -1.9,-1.9 -4.5,-2.9 -7,-2.9" /><path
+       style="fill:#d36012"
+       inkscape:connector-curvature="0"
+       id="path53"
+       d="m 78.4,226.4 c 0,0 0,0.1 0,0 -6.2,6.2 -10.1,14.8 -10.1,24.3 6.7,-6.7 10.1,-15.5 10.1,-24.3 0,0 0,0 0,0" /><path
+       style="fill:#c62212"
+       inkscape:connector-curvature="0"
+       id="path55"
+       d="m 92.6,240.7 c -8.8,0 -17.5,3.4 -24.2,10.1 0,0 0,0 0,0 9.4,-0.1 18,-3.9 24.2,-10.1 0,0 0,0 0,0 0,0 0,0 0,0" /><path
+       style="fill:#e89463"
+       inkscape:connector-curvature="0"
+       id="path57"
+       d="m 100.7,208.3 c -2.6,0 -5.1,1 -7.1,2.9 -3.9,3.9 -3.9,10.3 0,14.2 2,2 4.5,2.9 7.1,2.9 2.6,0 5.1,-1 7.1,-2.9 3.9,-3.9 3.9,-10.3 0,-14.2 -2,-1.9 -4.6,-2.9 -7.1,-2.9" /></g></svg>

Resources/public/js/jquery.js

@@ -1,5 +1,5 @@
 /*!
- * jQuery JavaScript Library v2.1.3
+ * jQuery JavaScript Library v2.1.4
  * http://jquery.com/
  *
  * Includes Sizzle.js
@@ -9,7 +9,7 @@
  * Released under the MIT license
  * http://jquery.org/license
  *
- * Date: 2014-12-18T15:11Z
+ * Date: 2015-04-28T16:01Z
  */
 
 (function( global, factory ) {
@@ -67,7 +67,7 @@ var
 	// Use the correct document accordingly with window argument (sandbox)
 	document = window.document,
 
-	version = "2.1.3",
+	version = "2.1.4",
 
 	// Define a local copy of jQuery
 	jQuery = function( selector, context ) {
@@ -531,7 +531,12 @@ jQuery.each("Boolean Number String Function Array Date RegExp Object Error".spli
 });
 
 function isArraylike( obj ) {
-	var length = obj.length,
+
+	// Support: iOS 8.2 (not reproducible in simulator)
+	// `in` check used to prevent JIT error (gh-2145)
+	// hasOwn isn't used here due to false negatives
+	// regarding Nodelist length in IE
+	var length = "length" in obj && obj.length,
 		type = jQuery.type( obj );
 
 	if ( type === "function" || jQuery.isWindow( obj ) ) {

Resources/public/sass/_custom.scss

@@ -9,7 +9,27 @@ div#general {
 
 html,body { 
    min-height:100%;
-   background-color: $footer-background;
+   font-family: 'open_sansregular';
+}
+
+#content_conainter {
+   position: relative;
+}
+
+#content_conainter:before {
+   bottom: 0;
+   content: "";
+   left: 0;
+   opacity: 0.1;
+   position: absolute;
+   right: 0;
+   top: 0;
+   z-index: -1;
+   background-image: url("/bundles/chillmain/img/background/desert.jpg");
+   background-attachment: fixed;
+   background-repeat: no-repeat;
+   background-size: cover;
+   background-position: center;
 }
 
 .cf-title {
@@ -29,7 +49,6 @@ html,body {
 .content {
    padding-top: 1em;
    padding-bottom: 1em;
-   background-color: $white;
 }
 
 .select2 {

Resources/public/sass/custom/config/_colors.scss

@@ -4,5 +4,14 @@ $chill-yellow: #eec84a;
 $chill-orange: #e2793d;
 $chill-red: #df4949;
 $chill-gray: #ececec;
-$chill-brown: #cabb9f;
-$chlll-pink: #dd506d;
+$chill-beige :#cabb9f;
+$chill-pink :#dd506d;
+
+$chill-dark-gray: #333333;
+$chill-light-gray: #b2b2b2;
+
+$orange: $chill-orange;
+$red: $chill-red;
+$green: $chill-green;
+$blue: $chill-blue;
+$yellow: $chill-yellow;

Resources/public/sass/custom/modules/_buttons.scss

@@ -0,0 +1 @@
+// For cutomizing the buttons

Resources/public/sass/custom/modules/_forms.scss

@@ -0,0 +1 @@
+// For cutomizing the navigation

Resources/public/sass/custom/modules/_navigation.scss

@@ -0,0 +1 @@
+// For cutomizing the navigation

Resources/views/layout.html.twig

@@ -20,11 +20,13 @@
 <html lang="fr">
 <head>    
     <title>{{ installation.name }} - {% block title %}{% endblock %}</title>
+    <link rel="shortcut icon" href="/bundles/chillmain/img/favicon.ico" type="image/x-icon">
     
     {% stylesheets  output="css/all.css" filter="cssrewrite"
           "bundles/chillmain/css/scratch.css"
           "bundles/chillmain/css/chillmain.css"
           "bundles/chillmain/css/select2/select2.css"
+          "bundles/chillmain/fonts/OpenSans/OpenSans.css"
           "bundles/chillmain/css/pikaday.css" %}
     <link rel="stylesheet" href="{{ asset_url }}"/>
     {% endstylesheets %}
@@ -44,22 +46,16 @@
 
 <body>
     <header class="navigation container">
-        <div class="nav grid-2">
-            <ul id="navigation-menu">
-                <li class="nav-link nav-title"><a href="{{ path('chill_main_homepage') }}">{{  installation.name }}</a>
-            </ul>
+        <div class="grid-3 parent">
+            <div class="grid-10 push-2 logo-container">
+                <a href="{{ path('chill_main_homepage') }}">
+                    <img class="logo" src="/bundles/chillmain/img/logo-chill-outil-accompagnement_white.png">
+                </a>
             </div>
-        <div class="grid-4 navigation-search">
-            <form action="{{ path('chill_main_search') }}" method="get">
-                <input name="q" type="search" placeholder="{{ 'Search'|trans }}" {% if _search_pattern is defined %}value="{{ _search_pattern }}"{% endif %}/>
-                <button type="submit" class="sc-button white border"><i class="fa fa-search"></i></button>
-            </form>
         </div>
-
-        <div class="nav grid-6 text-right">
+        <div class="grid-9 text-right">
+            <div class="nav">
                 <ul id="navigation-menu">
-
-
                     {{ chill_menu('section', {
                         'layout': 'ChillMainBundle::Menu/section.html.twig',
                     }) }}
@@ -69,15 +65,16 @@
                     }) }}
 
                     {% if  available_languages|length == 1 %}
-                    <li class="nav-link">
-                        <a href="">{{ available_languages[0] | upper }}</a>
+                        <li class="nav-link lang-selection">
+                            <a href="">{{ available_languages[0] | capitalize }}</a>
                         </li>
                     {% else %}
-                    <li class="nav-link more"><a href="">{{ app.request.locale | upper }}</a>
+                        <li class="nav-link more lang-selection">
+                            <a href="">{{ app.request.locale | capitalize }}</a>
                             <ul class="submenu">
                                 {% for lang in available_languages  %}
                                     <li {% if lang == app.request.locale %}class="active"{% endif %}>
-                                    <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale' : lang})) }}">{{ lang | upper }}</a>
+                                        <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale' : lang})) }}">{{ lang | capitalize }}</a>
                                     </li>
                                 {% endfor %}
                             </ul>
@@ -85,7 +82,17 @@
                     {% endif %}
                 </ul>
             </div>
+
+            <div class="navigation-search">
+                <form action="{{ path('chill_main_search') }}" method="get">
+                    <input name="q" type="search" placeholder="{{ 'Search'|trans }}" {% if _search_pattern is defined %}value="{{ _search_pattern }}"{% endif %}/>
+                    <button type="submit" class="sc-button"><i class="fa fa-search fa-flip-horizontal"></i></button>
+                </form>
+            </div>
+        </div>
     </header>
+
+    <div id="content_conainter">
         {% block layout_content %}
             <div class="container content">
                 {# Flash messages ! #}
@@ -135,9 +142,10 @@
                 {% endblock %}
             </div> 
         {% endblock %}
+    </div>
 
     <footer class="footer">
-        <p>License AGPL</p>
+        <p>Programme sous license <b>AGPL</b></p>
     </footer>
 
     <script type="text/javascript">