use <main> as main container

resources/css/style.css

@@ -13,10 +13,6 @@ body {
 }
 
 /* global */
-#content {
-    margin: 0;
-    padding: 2rem 1rem;
-}
 button, .button {
     background: #214BB5;
     border: 2px solid #214BB5;

templates/web/en/index.tt2.html

@@ -33,7 +33,7 @@
             <h1>[% app.name %]</h1>
         </header>
 
-        <div id="content">
+        <main>
 
             [% IF errors %]
             <div class="ui-widget">
@@ -50,10 +50,10 @@
             [% PROCESS 'content.tt2.html' %]
 
             [% END %]
-        </div>
+        </main>
 
         <footer>
-	    <p class="text-center">[% app.name %] [% app.version %] - <a href="mailto:[% app.support_email %]">contact us</a></p>
+            <p class="text-center">[% app.name %] [% app.version %] - <a href="mailto:[% app.support_email %]">contact us</a></p>
         </footer>
 
         <script src="foundation/js/vendor/what-input.js"></script>

templates/web/fr/index.tt2.html

@@ -33,7 +33,7 @@
 	    <h1>[% app.name %]</h1>
         </header>
 
-        <div id="content">
+        <main>
 
             [% IF errors %]
             <div class="ui-widget">
@@ -50,10 +50,10 @@
             [% PROCESS 'content.tt2.html' %]
 
             [% END %]
-        </div>
+        </main>
 
         <footer>
-	    <p class="text-center">[% app.name %] [% app.version %] - <a href="mailto:[% app.support_email %]">contactez nous</a></p>
+            <p class="text-center">[% app.name %] [% app.version %] - <a href="mailto:[% app.support_email %]">contactez nous</a></p>
         </footer>
 
         <script src="foundation/js/vendor/what-input.js"></script>