Les drapeaux sont maintenant gérés dans les css

app/assets/stylesheets/all.css.sass

@@ -1,5 +1,5 @@
-@import "compass"
-@import "font-awesome"
+@import compass
+@import font-awesome
 
 *
   height: auto
@@ -69,18 +69,23 @@ header.top
 
   ul.countries
     float: right
-    height: 81px
+    width: 80px
     font-size: 0.7em
-    margin-top: 2px
-    margin-right: 16px
+    margin-left: 29px
+    margin-right: 11px
     list-style-type: none
     li
       text-align: left
-      line-height: 1.3em
-      img
-        margin-left: 2.2em
+      & a:before
         margin-right: 0.75em
-        vertical-align: middle
+      &.map_france a:before
+        content: image-url('france.png')
+      &.map_quebec a:before
+        content: image-url('quebec.png')
+      &.map_belgique a:before
+        content: image-url('belgique.png')
+      &.map_suisse a:before
+        content: image-url('suisse.png')
 
   h1
     margin: 10px 5px 12px

app/assets/stylesheets/application.css.sass

@@ -9,13 +9,10 @@
  * compiled file so the styles you add here take precedence over styles defined in any styles
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
- *
- *= require leaflet
- *= require_tree .
- *= require_self
  */
 
-@import 'awesome_mixins'
+@import *
+@import awesome_mixins
 
 body.application
   &.infos h4

app/assets/stylesheets/events.css.sass

@@ -1,4 +1,4 @@
-@import "compass"
+@import compass
 
 form.region_selector
   left: 0
@@ -150,14 +150,12 @@ sidebar#lug-list
 
 #advises
   border: 1px solid #FFB578
-  margin: 10px 100px 20px 100px
-  text-align: left
   padding-left: 10px
   padding-right: 10px
+  margin-bottom: 1.2em
   background-color: #ffe0c7
   h1
     font-size: 1.9em
-    text-align: center
     font-weight: normal
   a
     color: #8F4900

app/assets/stylesheets/list.css.sass

@@ -1,4 +1,4 @@
-@import "compass"
+@import compass
 
 table
   margin: 1em auto

app/assets/stylesheets/lugs.sass

@@ -1,4 +1,4 @@
-@import "compass"
+@import compass
 
 img.favicon
   max-height: 2em

app/assets/stylesheets/maps.css.sass

@@ -1,4 +1,5 @@
-@import "compass"
+@import compass
+@import leaflet
 
 #map
   height: 60em

app/assets/stylesheets/sessions.css.sass

@@ -1,4 +1,4 @@
-@import "compass"
+@import compass
 
 .sessions
   form

app/views/layouts/application.html.haml

@@ -17,25 +17,18 @@
 
   %body(class = "#{controller.controller_name} #{controller.action_name}")
     %header.top
-      = image_tag 'baby_gnu_adl.png', alt: 'Baby GNU', class: :logo
+      = image_tag 'baby_gnu_adl.png', alt: 'Baby GNU', class: :logo,
+        width: 100, height: 83
 
       %ul.countries
-        %li
-          = link_to 'http://www.agendadulibre.org' do
-            = image_tag 'france.png', alt: ''
-            =t '.france'
-        %li
-          = link_to 'http://www.agendadulibre.qc.ca' do
-            = image_tag 'quebec.png', alt: ''
-            =t '.quebec'
-        %li
-          = link_to 'http://www.agendadulibre.be' do
-            = image_tag 'belgique.png', alt: ''
-            =t '.belgique'
-        %li
-          = link_to 'http://www.agendadulibre.ch' do
-            = image_tag 'suisse.png', alt: ''
-            =t '.suisse'
+        %li.map_france
+          = link_to t('.france'), 'http://www.agendadulibre.org'
+        %li.map_quebec
+          = link_to t('.quebec'), 'http://www.agendadulibre.qc.ca'
+        %li.map_belgique
+          = link_to t('.belgique'), 'http://www.agendadulibre.be'
+        %li.map_suisse
+          = link_to t('.suisse'), 'http://www.agendadulibre.ch'
 
       %h1= link_to t('.title'), root_url
       %h2=t '.subtitle'

config/application.rb

@@ -35,5 +35,6 @@ module AgendaDuLibreRails
     }
 
     # config.quiet_assets = false
+    config.sass.preferred_syntax = :sass
   end
 end