--- a/templates/sat_website/features.html	Mon Jan 19 14:23:56 2015 +0100
+++ b/templates/sat_website/features.html	Mon Jan 19 21:22:40 2015 +0100
@@ -27,122 +27,122 @@
 {% block extra %}<span class="label label-success">{% trans "Click on the feature name to have a more detailed description" %}</span>{% endblock %}
 {% block main_container %}
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<a href="frontends">{% trans "Multi-frontends" %}</a>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}SàT is multi-frontends: the heart of the software is independant from its display, that means that you can have different interfaces adapted to specific usages.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "Microblogging" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Share your thought either publicly or privately (see below), thanks to the microblogging feature. With the decentralised nature of XMPP, you don't have to rely on one specific server, so you can stay master of your data, and avoir censorship.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "Group permissions" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Keep access to private data only for the people you choose. SàT uses groups to manage your permissions, and avoid your coworker to see your party pictures.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "Advanced chat and group chat" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}XMPP is one of the best (and probably the best) instant messaging protocol ever made. There are plenty of things you can do, far too much to detail everything here. In addition, you can join muli-user rooms, and discuss with tons of people.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "Heavy messaging" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}With XMPP, you are not limited to chat or short messages: you have no size limit, and if you want to write essays or to highly detail your last holidays, you can. SàT also handles rich text syntaxes like XHTML and Markdown.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "Gateways" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Communicate with other networks using different protocols. With SàT and XMPP, you'll not stay behind closed walls.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "File sharing" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Easily send file to your friends.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "Games" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Play with your friends or other people.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			{% blocktrans context "Url need to point to the localised one" %}<a href="http://www.goffi.org/post/2011/01/18/Recevez-et-envoyez-vos-messages-XMPP/Jabber-avec-votre-lecteur-de-courriel-gr%C3%A2ce-%C3%A0-Salut-%C3%A0-Toi-%21">E-mail clients interactions</a>{% endblocktrans %}
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Thanks to it's IMAP/SMTP plugin, you can use any e-mail client to communicate through SàT. Combinate this with the gateway feature, and you can send message with it to any network (including traditional e-mail network). One of the goal of SàT is to allow easy transition to Jabber as an alternative to classical e-mail network, with a better protection against SPAM and identity spoofing.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			{% blocktrans context "Url need to point to the localised one" %}<a href="http://www.goffi.org/post/2011/10/07/Shell%3A-pipe-you-commands-out-via-XMPP-with-S%C3%A0T">Pipe over XMPP</a>{% endblocktrans %}
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}This is a feature for power-user: SàT allows to send command-line tools' stdout to your contacts. This actually is as easy as knowing the name of your contact.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			{% blocktrans context "Url need to point to the localised one" %}<a href="http://www.goffi.org/post/2013/02/22/Export-command-to-a-contact-%28with-video%29">Export Unix commands</a>{% endblocktrans %}
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}An other feature for power-user: you can export input/outputs of an Unix CLI command to any contact (using any XMPP client or even other protocols through gateways).{% endblocktrans %}
 		</div>
 	</div>
     <div class="row">
-        <div class="span2">
+        <div class="col-md-2">
             {% blocktrans context "Url need to point to the localised one" %}<a href="http://blog.goffi.org/post/2014/02/18/A-universal-remote-for-your-softwares">Ad-Hoc commands</a>{% endblocktrans %}
         </div>
-        <div class="span7 feature">
+        <div class="col-md-7 feature">
             {% blocktrans %}You can remotely control your XMPP entities and all the softwares that offer DBus services. {% endblocktrans %}
         </div>
     </div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			{% blocktrans context "Url need to point to the localised one" %}<a href="http://www.goffi.org/post/2012/02/02/Collective-radio-%28with-video%29">Collective radio</a>{% endblocktrans %}
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Experiment music with your friends: in a multi-user room, you share a playlist; everybody can add songs to it, and everybody listens the same music at the same time. Good way to share your taste and discover new songs.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<strong>{% trans "Multi-platforms" %}</strong>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans %}Since its begining, the SàT project was made with other platforms in mind. It's only avaible on Gnu/Linux so far (except of course Libervia, the web interface, which is available from every javascript powered browser), but other platforms are planed.{% endblocktrans %}
 		</div>
 	</div>
 	<div class="row">
-		<div class="span2">
+		<div class="col-md-2">
 			<a href="social_contract.html">{% trans "Social contract" %}</a>
 		</div>
-		<div class="span7 feature">
+		<div class="col-md-7 feature">
 			{% blocktrans with social_prefix="<a href=\"social_contract\">" social_suffix="</a>" %}Not exactly a feature, but certainly one of the most important point: a {{ social_prefix }}social contract{{ social_suffix }} has been written as a moral engagement around the project. SàT is not made for money or trap people, it's a project about freedom and sharing.{% endblocktrans %}
 		</div>
 	</div>