diff --git a/archives.php b/archives.php
new file mode 100644
index 0000000..3ec57f3
--- /dev/null
+++ b/archives.php
@@ -0,0 +1,59 @@
+<?php
+/*
+Template Name: Archives
+*/
+?>
+<?php get_header(); ?>
+<article class="post">
+
+    <h1 class="title">Tous les articles</h1>
+
+    <div class="the-content">
+        <?php
+
+        $previous_year = $year = 0;
+        $previous_month = $month = 0;
+        $ul_open = false;
+
+        $myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');
+
+        ?>
+
+        <?php foreach($myposts as $post) : ?>
+
+            <?php
+
+            setup_postdata($post);
+
+            $year = mysql2date('Y', $post->post_date);
+            $month = mysql2date('n', $post->post_date);
+            $day = mysql2date('j', $post->post_date);
+
+            ?>
+
+            <?php if($year != $previous_year || $month != $previous_month) : ?>
+
+                <?php if($ul_open == true) : ?>
+                </ul>
+                <?php endif; ?>
+
+                <h2><?php the_time('F Y'); ?></h2>
+
+                <ul>
+
+                <?php $ul_open = true; ?>
+
+            <?php endif; ?>
+
+            <?php $previous_year = $year; $previous_month = $month; ?>
+
+            <li><span><?php the_time('j F'); ?> - </span> <span><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span></li>
+
+        <?php endforeach; ?>
+            </ul>
+    </div>
+
+</article>
+
+
+<?php get_footer(); ?>
diff --git a/custom-home.php b/custom-home.php
new file mode 100644
index 0000000..2294c40
--- /dev/null
+++ b/custom-home.php
@@ -0,0 +1,22 @@
+<?php
+/*
+Template Name: Custom home
+*/
+?>
+<?php get_header(); ?>
+
+<?php if (have_posts()) : ?>
+    <?php while (have_posts()) : the_post(); ?>
+    <article class="post">
+        <h1 class="title">
+            <?php the_title() ?>
+        </h1>
+        <div class="the-content">
+            <?php the_content(); ?>
+        </div>
+    </article>
+    <?php endwhile; ?>
+<?php endif; ?>
+
+<?php get_footer(); ?>
+
diff --git a/dev/style.less b/dev/style.less
index c527989..7609240 100644
--- a/dev/style.less
+++ b/dev/style.less
@@ -55,13 +55,13 @@ License: GNU General Public License
 	@heading-font:	"Arvo", Georgia, serif;
 	
 	// Site name size
-	@site-text-size:	16px;
+	@site-text-size:	16;
 	
 	// Body text size
-	@body-text-size:	18px;
+	@body-text-size:	18;
 	
 	// Title text size
-	@title-text-size:	38px;
+	@title-text-size:	38;
 	
 	// Site name color
 	@site-name-color:	@grey;
@@ -130,19 +130,20 @@ h6 {
 }
 
 h1 {
-	.font-size(48px);
+	.font-size(48);
 }
 
 h2 {
-	.font-size(34px);
+	.font-size(34);
+	padding-bottom: 15px;
 }
 
 h3 {
-	.font-size(28px);
+	.font-size(28);
 }
 
 h4 {
-	.font-size(18px);
+	.font-size(18);
 }
 
 hr {
@@ -354,6 +355,8 @@ article {
 	
 	.the-content {
 
+        color: @text-color;
+
 		a {
 			font-weight: 900;
 			text-decoration: none;
@@ -362,9 +365,8 @@ article {
 		p {
 			color: @text-color;
 		}
-		
+
 		img {
-			width: 100%;
 			height: auto;
 		}
 		
@@ -372,7 +374,7 @@ article {
 	}// the-content
 	
 	.meta {	
-		.font-size(10px);
+		.font-size(10);
 		text-transform: uppercase;
 		letter-spacing: .9px;
 		
@@ -469,7 +471,7 @@ h3#comments {
 // Jetpack 
 
 .comment-meta {
-	font-size: (@body-text-size - 6);
+	font-size: (@body-text-size - 6px);
 	margin-bottom: 10px;
 }
 
@@ -499,6 +501,16 @@ footer {
 	
 }// footer
 
+/* custom social sharing buttons */
+.share_top_text{font-weight: bold; margin:0 0 15px 0px; font-size: 1.3em; color:@grey;}
+.social-button-container{margin:15px 0 15px;border-bottom:none;}
+.SocialCustomMenu a, SocialCustomMenu a:visited{display:inline;padding:5px;color:white;text-decoration:none;font-size:0.95em;}
+.scmTwitter{background-color:#7cd5fd;border:solid 1px #c1c1c1}
+.scmFacebook{background-color:#45619d;border:solid 1px #c1c1c1}
+.scmGoogleplus{background-color:#af291d;border:solid 1px #c1c1c1}
+.scmPinterest{background-color:#cb2027;border:solid 1px #c1c1c1} 
+
+.subscribe { color: @grey; }
 
 /* Misc & mixens
 -------------------------------------------------------------- */
@@ -553,7 +565,7 @@ html[xmlns] .clearfix {
 	@rem-value: (@size / 10);
 	@px-value: @size;
 	@lineHeight: (@size * 1.48);
-	line-height: @lineHeight;
+	line-height: @lineHeight+0px;
 	font-size: ~"@{px-value}px"; 
 	font-size: ~"@{rem-value}rem";
 }
diff --git a/footer.php b/footer.php
new file mode 100644
index 0000000..6b8fd7b
--- /dev/null
+++ b/footer.php
@@ -0,0 +1,25 @@
+		</div><!-- #content .site-content -->
+	</div><!-- #primary .content-area -->
+
+</div><!-- / container-->
+
+
+<?php
+	/*-----------------------------------------------------------------------------------*/
+	/* Start Footer
+	/*-----------------------------------------------------------------------------------*/
+?>
+
+<footer class="site-footer" role="contentinfo">
+	<div class="site-info container">
+		<?php do_action( 'break_credits' ); ?>
+		<a href="http://wordpress.org/" title="A Semantic Personal Publishing Platform" rel="generator">Proudly powered by WordPress</a>
+		<span class="sep"> and </span>
+		<a href="http://lessmade.com/themes/less" rel="theme">LESS</a> by <a href="http://jarederickson.com" rel="designer">Jared Erickson</a>
+	</div><!-- .site-info -->
+</footer><!-- #colophon .site-footer -->
+
+<?php wp_footer(); ?>
+
+</body>
+</html>
diff --git a/header.php b/header.php
new file mode 100644
index 0000000..7e11e1d
--- /dev/null
+++ b/header.php
@@ -0,0 +1,51 @@
+<html <?php language_attributes(); ?>>
+<head>
+<meta charset="<?php bloginfo( 'charset' ); ?>" />
+<meta name="viewport" content="width=device-width" />
+<title><?php bloginfo('name'); ?> | <?php if( is_home() ) : echo bloginfo( 'description' ); endif; ?><?php wp_title( '', true ); ?></title>
+
+<link rel="profile" href="http://gmpg.org/xfn/11" />
+<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
+
+<?php wp_head(); ?>
+
+</head>
+
+<body <?php body_class(); ?>>
+
+
+<?php
+	/*-----------------------------------------------------------------------------------*/
+	/* Start header
+	/*-----------------------------------------------------------------------------------*/
+?>
+
+<header id="masthead" class="site-header" role="banner">
+	<div class="container">
+
+		<div class="gravatar">
+			<?php
+				// grab admin email and their photo
+				$admin_email = get_option('admin_email');
+				echo get_avatar( $admin_email, 100 );
+			?>
+		</div><!--/ author -->
+
+		<div id="brand">
+			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> &mdash; <span><?php echo get_bloginfo( 'description' ); ?></span></h1>
+		</div><!-- /brand -->
+
+		<nav role="navigation" class="site-navigation main-navigation">
+			<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
+		</nav><!-- .site-navigation .main-navigation -->
+
+		<div class="clear"></div>
+	</div><!--/container -->
+
+</header><!-- #masthead .site-header -->
+
+<div class="container">
+
+	<div id="primary">
+		<div id="content" role="main">
+
diff --git a/index.php b/index.php
index 2f8d14b..63697f1 100644
--- a/index.php
+++ b/index.php
@@ -1,69 +1,18 @@
-<html <?php language_attributes(); ?>>
-<head>
-<meta charset="<?php bloginfo( 'charset' ); ?>" />
-<meta name="viewport" content="width=device-width" />
-<title><?php bloginfo('name'); ?> | <?php if( is_home() ) : echo bloginfo( 'description' ); endif; ?><?php wp_title( '', true ); ?></title>
-
-<link rel="profile" href="http://gmpg.org/xfn/11" />
-<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
-
-<?php wp_head(); ?>
-
-</head>
-
-<body <?php body_class(); ?>>
-
-
-<?php
-	/*-----------------------------------------------------------------------------------*/
-	/* Start header
-	/*-----------------------------------------------------------------------------------*/
-?>
-
-<header id="masthead" class="site-header" role="banner">
-	<div class="container">
-		
-		<div class="gravatar">
-			<?php 
-				// grab admin email and their photo
-				$admin_email = get_option('admin_email');
-				echo get_avatar( $admin_email, 100 ); 
-			?>
-		</div><!--/ author -->
-		
-		<div id="brand">
-			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> &mdash; <span><?php echo get_bloginfo( 'description' ); ?></span></h1>
-		</div><!-- /brand -->
-	
-		<nav role="navigation" class="site-navigation main-navigation">
-			<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
-		</nav><!-- .site-navigation .main-navigation -->
-		
-		<div class="clear"></div>
-	</div><!--/container -->
-		
-</header><!-- #masthead .site-header -->
-
-<div class="container">
-
-	<div id="primary">
-		<div id="content" role="main">
-
-
 <?php
+get_header();
 	/*-----------------------------------------------------------------------------------*/
 	/* Start Home loop
 	/*-----------------------------------------------------------------------------------*/
-	
+
 	if( is_home() || is_archive() ) {
-	
+
 ?>
 			<?php if ( have_posts() ) : ?>
 
 				<?php while ( have_posts() ) : the_post(); ?>
 
 					<article class="post">
-					
+
 						<h1 class="title">
 							<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
 								<?php the_title() ?>
@@ -75,24 +24,24 @@
 									<?php comments_popup_link( __( 'Comment', 'break' ), __( '1 Comment', 'break' ), __( '% Comments', 'break' ) ); ?>
 								</span>
 							<?php endif; ?>
-						
+
 						</div><!--/post-meta -->
-						
+
 						<div class="the-content">
 							<?php the_content( 'Continue...' ); ?>
-							
+
 							<?php wp_link_pages(); ?>
 						</div><!-- the-content -->
-						
+
 						<div class="meta clearfix">
 							<div class="category"><?php echo get_the_category_list(); ?></div>
 							<div class="tags"><?php echo get_the_tag_list( '| &nbsp;', '&nbsp;' ); ?></div>
 						</div><!-- Meta -->
-						
+
 					</article>
 
 				<?php endwhile; ?>
-				
+
 				<!-- pagintation -->
 				<div id="pagination" class="clearfix">
 					<div class="past-page"><?php previous_posts_link( 'Newer &raquo;' ); ?></div>
@@ -101,21 +50,21 @@
 
 
 			<?php else : ?>
-				
+
 				<article class="post error">
 					<h1 class="404">Nothing posted yet</h1>
 				</article>
 
 			<?php endif; ?>
 
-		
+
 	<?php } //end is_home(); ?>
 
 <?php
 	/*-----------------------------------------------------------------------------------*/
 	/* Start Single loop
 	/*-----------------------------------------------------------------------------------*/
-	
+
 	if( is_single() ) {
 ?>
 
@@ -125,7 +74,7 @@
 				<?php while ( have_posts() ) : the_post(); ?>
 
 					<article class="post">
-					
+
 						<h1 class="title"><?php the_title() ?></h1>
 						<div class="post-meta">
 							<?php if( comments_open() ) : ?>
@@ -133,24 +82,39 @@
 									<?php comments_popup_link( __( 'Comment', 'less' ), __( '1 Comment', 'less' ), __( '% Comments', 'less' ) ); ?>
 								</span>
 							<?php endif; ?>
-						
+
 						</div><!--/post-meta -->
-						
+
 						<div class="the-content">
 							<?php the_content( 'Continue...' ); ?>
-							
+
 							<?php wp_link_pages(); ?>
 						</div><!-- the-content -->
-						
+
+                        <div class="social-button-container clearfix">
+
+                            <div class="SocialCustomMenu">
+                            <span class="share_top_text">Partagez ce contenu sur </span><a class="scmTwitter" href="http://twitter.com/home/?status=<?php the_title();?> - <?php echo wp_get_shortlink();?> via @vjousse "title="Tweet this!">Twitter</a>
+                            <a class="scmFacebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Facebook!">Facebook</a>
+                            <a class="scmGoogleplus" href="https://plus.google.com/share?url=<?php the_permalink(); ?>"onclick="javascript:window.open(this.href,
+                            '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false; "title="Share on Google +!">Google +</a>
+                            <a class="scmPinterest" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Pinterest!">Pinterest</a></a>
+                            </div>
+                        </div>
+
+                        <p style="padding-top: 15px" class="subscribe"><strong>Abonnez-vous à la Newsletter</strong> pour être automatiquement tenu au courant des nouveautés !</p>
+                        <?php $widgetNL = new WYSIJA_NL_Widget(true);
+                        echo $widgetNL->widget(array('form' => 1, 'form_type' => 'php')); ?>
+
 						<div class="meta clearfix">
 							<div class="category"><?php echo get_the_category_list(); ?></div>
 							<div class="tags"><?php echo get_the_tag_list( '| &nbsp;', '&nbsp;' ); ?></div>
-						</div><!-- Meta -->						
-						
+						</div><!-- Meta -->
+
 					</article>
 
 				<?php endwhile; ?>
-				
+
 				<?php
 					// If comments are open or we have at least one comment, load up the comment template
 					if ( comments_open() || '0' != get_comments_number() )
@@ -159,7 +123,7 @@
 
 
 			<?php else : ?>
-				
+
 				<article class="post error">
 					<h1 class="404">Nothing posted yet</h1>
 				</article>
@@ -168,12 +132,12 @@
 
 
 	<?php } //end is_single(); ?>
-	
+
 <?php
 	/*-----------------------------------------------------------------------------------*/
 	/* Start Page loop
 	/*-----------------------------------------------------------------------------------*/
-	
+
 	if( is_page()) {
 ?>
 
@@ -182,21 +146,21 @@
 				<?php while ( have_posts() ) : the_post(); ?>
 
 					<article class="post">
-					
+
 						<h1 class="title"><?php the_title() ?></h1>
-						
+
 						<div class="the-content">
 							<?php the_content(); ?>
-							
+
 							<?php wp_link_pages(); ?>
 						</div><!-- the-content -->
-						
+
 					</article>
 
 				<?php endwhile; ?>
 
 			<?php else : ?>
-				
+
 				<article class="post error">
 					<h1 class="404">Nothing posted yet</h1>
 				</article>
@@ -205,27 +169,4 @@
 
 	<?php } // end is_page(); ?>
 
-		</div><!-- #content .site-content -->
-	</div><!-- #primary .content-area -->
-
-</div><!-- / container-->
-
-<?php
-	/*-----------------------------------------------------------------------------------*/
-	/* Start Footer
-	/*-----------------------------------------------------------------------------------*/
-?>
-
-<footer class="site-footer" role="contentinfo">
-	<div class="site-info container">
-		<?php do_action( 'break_credits' ); ?>
-		<a href="http://wordpress.org/" title="A Semantic Personal Publishing Platform" rel="generator">Proudly powered by WordPress</a>
-		<span class="sep"> and </span>
-		<a href="http://lessmade.com/themes/less" rel="theme">LESS</a> by <a href="http://jarederickson.com" rel="designer">Jared Erickson</a>
-	</div><!-- .site-info -->
-</footer><!-- #colophon .site-footer -->
-
-<?php wp_footer(); ?>
-
-</body>
-</html>
+<?php get_footer(); ?>
diff --git a/style.css b/style.css
index 23ee467..a19f623 100644
--- a/style.css
+++ b/style.css
@@ -359,6 +359,7 @@ h2 {
   line-height: 50.32px;
   font-size: 34px;
   font-size: 3.4rem;
+  padding-bottom: 15px;
 }
 h3 {
   line-height: 41.44px;
@@ -557,6 +558,9 @@ article .post-meta a {
 article .post-meta a:hover {
   color: rgba(136, 136, 136, 0.5);
 }
+article .the-content {
+  color: #787878;
+}
 article .the-content a {
   font-weight: 900;
   text-decoration: none;
@@ -565,7 +569,6 @@ article .the-content p {
   color: #787878;
 }
 article .the-content img {
-  width: 100%;
   height: auto;
 }
 article .meta {
@@ -661,6 +664,44 @@ footer {
   padding-bottom: 40px;
   font-size: 12px;
 }
+/* custom social sharing buttons */
+.share_top_text {
+  font-weight: bold;
+  margin: 0 0 15px 0px;
+  font-size: 1.3em;
+  color: #565656;
+}
+.social-button-container {
+  margin: 15px 0 15px;
+  border-bottom: none;
+}
+.SocialCustomMenu a,
+SocialCustomMenu a:visited {
+  display: inline;
+  padding: 5px;
+  color: white;
+  text-decoration: none;
+  font-size: 0.95em;
+}
+.scmTwitter {
+  background-color: #7cd5fd;
+  border: solid 1px #c1c1c1;
+}
+.scmFacebook {
+  background-color: #45619d;
+  border: solid 1px #c1c1c1;
+}
+.scmGoogleplus {
+  background-color: #af291d;
+  border: solid 1px #c1c1c1;
+}
+.scmPinterest {
+  background-color: #cb2027;
+  border: solid 1px #c1c1c1;
+}
+.subscribe {
+  color: #565656;
+}
 /* Misc & mixens
 -------------------------------------------------------------- */
 /* Jetpack Gallery */.gallery .gallery-item {