More margin between cols, and align left content in small cols

piati/static/css/app.css

@@ -207,7 +207,7 @@ strong {
     float: left;
 }
 .col + .col {
-    padding-left: 20px;
+    padding-left: 40px;
 }
 .half {
     width: 50%;
@@ -697,6 +697,9 @@ li a:hover {
     text-align: left;
     font-family: 'open_sanslight', serif;
 }
+.feather, .feather p {
+    text-align: left;
+}
 
 /* ************************************************* */
 /* ********************* CHARTS ******************** */

piati/templates/glossary.html

@@ -1,5 +1,5 @@
 <p>Pour mieux comprendre les termes utilisés sur ce site, voici leurs définitions.</p>
-<div class="col half content twide">
+<div class="col half content twide feather">
 
     <h3>Les termes de l’aide publique au développement</h3>
     <p><strong>Accès à l’assainissement</strong> population qui dispose d’installations d’évacuation des excréments au moins suffisantes pour éviter tout contact entre les excréments et les humains, les animaux et les insectes. Ces installations vont des latrines à fosse simples, mais abritées, aux toilettes avec chasse d’eau et tout-à-l’égout. Pour bien fonctionner, toutes les installations doivent être construites et entretenues correctement.&nbsp;(Source&nbsp;: Banque mondiale)</p>
@@ -69,7 +69,7 @@ <h3>Les termes de l’aide publique au développement</h3>
     <p><strong>Renforcement des capacités</strong> le renforcement des capacités est le processus par lequel les individus, les organisations et la collectivité dans son ensemble libèrent, créent, renforcent, adaptent et préservent les capacités au fil des ans&nbsp;». Cette définition du Comité d’aide au développement (CAD) illustre l’interdépendance entre les trois niveaux de renforcement des capacités&nbsp;: individuel (connaissances et compétences des individus), organisationnel (qualité des organisations) et général (institutions, structure de l’autorité et du pouvoir). Le renforcement des capacités est alors un processus multidimensionnel qui ne se rapporte pas uniquement à de la formation mais qui inclut un renforcement organisationnel. Il fait appel au concept de capacité qui allie des notions de compétence, performance et gouvernance. (Source&nbsp;: OCDE)</p>
     <p><strong>Services de base</strong> Ensemble des services indispensables pour promouvoir la dignité humaine, la qualité de vie et la durabilité des moyens d’existence. Ils comprennent aussi bien les services en réseau (eau potable, assainissement liquide et solide, énergie, télécommunications, transports en commun) que les services sociaux de base (santé de base, éducation primaire, sécurité publique).</p>
 </div>
-<div class="col half content twide">
+<div class="col half content twide feather">
 
     <h3>Les organismes&nbsp;et organisations mentionnées</h3>
     <p><strong>Agence Française de Développement (AFD)</strong> Etablissement public au cœur du dispositif français de coopération, l’Agence Française de Développement (AFD) agit depuis soixante-dix ans pour &nbsp;lutter contre la pauvreté et favoriser le développement dans les pays du Sud et dans l’Outre-mer. Au moyen de subventions, de prêts, de fonds de garantie ou de contrats de désendettement et de développement, elle finance des projets, des programmes et des études et accompagne ses partenaires du Sud dans le renforcement de leurs capacités. Sa tutelle est assurée conjointement par le ministère français des Affaires étrangères et le ministère de l’Economie et des Finances. (Source&nbsp;: Agence française de développement)</p>

piati/templates/index.html

@@ -39,9 +39,9 @@ <h2>Parties prenantes</h2>
                 <a href="http://www.diplomatie.gouv.fr"><img src="{{ url_for('static', filename="img/mfa.jpg") }}"></a><a href="http://www.economie.gouv.fr/"><img src="{{ url_for('static', filename="img/ministere_economie.jpg") }}"></a>
             </div>
             <hr />
-            <div class="content">
+            <div class="content feather">
                 <h2>L'Agence française de développement</h2>
-                <p><a href="http://www.afd.fr/home/pays/afrique/geo-afr/mali"><img src="{{ url_for('static', filename="img/afd.jpg") }}" width="100" class="fl"></a>Établissement public au cœur du dispositif français de coopération, l’Agence Française de Développement (AFD) agit pour lutter contre la pauvreté et favoriser le développement dans les pays du Sud.</p>
+                <p><a href="http://www.afd.fr/home/pays/afrique/geo-afr/mali"><img src="{{ url_for('static', filename="img/afd.jpg") }}" width="100" class="fl"></a>Établissement public au cœur du dispositif français de coopération, l’Agence française de développement (AFD) agit pour lutter contre la pauvreté et favoriser le développement dans les pays du Sud.</p>
             </div>
             <hr />
         </div>