diff --git a/src/Template/Layout/default.ctp b/src/Template/Layout/default.ctp
index 8a52287..3788923 100755
--- a/src/Template/Layout/default.ctp
+++ b/src/Template/Layout/default.ctp
@@ -28,6 +28,7 @@ $cakeDescription = 'Labinvent 2';
         <?=$cakeDescription?>
 </title>
     <?=$this->Html->meta('icon')?>
+    <?//ajout EP pour tester: =$this->Html->css('cake')?>
     <?=$this->Html->css('inventirap')?>
     <?=$this->Html->css('font-awesome')?>
 	<?=$this->Html->script('jquery.min')?>
diff --git a/src/Template/Materiels/index.ctp b/src/Template/Materiels/index.ctp
index c9e56bd..75a84e4 100755
--- a/src/Template/Materiels/index.ctp
+++ b/src/Template/Materiels/index.ctp
@@ -281,7 +281,12 @@ if ($nbMateriels > 0) {
 	endif;
 	
     ?>
-		
+
+    <!-- La façon cakephp 3.4 avec cake.css: 
+	    <div class="paginator">
+	    <ul class="pagination">
+    -->
+    <!-- La façon inventirap.css -->
     <div class="paging" style="color: black;">
       		<?= $this->Paginator->counter(['format' => 'Page {{page}} sur {{pages}}']) ?>
     		<?= $this->Paginator->first('<< ' . __(''), ['class' => 'prev']) ?>
@@ -290,6 +295,7 @@ if ($nbMateriels > 0) {
             <?= $this->Paginator->next(__('') . ' >', ['class' => 'next disabled']) ?>
             <?= $this->Paginator->last(__('') . ' >>', ['class' => 'next']) ?>
     </div>
+    
     <?= $this->Form->end()?>
     <?php 
 	} else { echo 'Aucun matériel'; }
diff --git a/webroot/css/inventirap.css b/webroot/css/inventirap.css
index 4abf0b3..3281bb3 100755
--- a/webroot/css/inventirap.css
+++ b/webroot/css/inventirap.css
@@ -56,6 +56,7 @@ h5 {
 ul, li {
 	margin: 0 12px;
 }
+
 p {
 	margin: 0 0 1em 0;
 }
@@ -214,7 +215,8 @@ table.survol tbody tr:hover {
 	color:#fff;
 }
 
-/** Paging **/
+/** Paging Ancien Cakephp <= 3.2 **/
+/*
 .paging {
 	background:#fff;
 	color: #ccc;
@@ -257,6 +259,52 @@ table.survol tbody tr:hover {
 	background: #efefef;
 	color: #c73e14;
 }
+*/
+
+/** Paging Cakephp >= 3.4 **/
+.paging {
+	background:#fff;
+	color: #ccc;
+	margin-top: 1em;
+	clear:both;
+}
+.paging .current,
+.paging .disabled,
+.paging a {
+	text-decoration: none;
+	padding: 5px 8px;
+	display: inline-block
+}
+.paging > li {
+	display: inline-block;
+	border: 1px solid #ccc;
+	border-left: 0;
+}
+.paging > li:hover {
+	background: #efefef;
+}
+.paging .prev {
+	border-left: 1px solid #ccc;
+	-moz-border-radius: 4px 0 0 4px;
+	-webkit-border-radius: 4px 0 0 4px;
+	border-radius: 4px 0 0 4px;
+}
+.paging .next {
+	-moz-border-radius: 0 4px 4px 0;
+	-webkit-border-radius: 0 4px 4px 0;
+	border-radius: 0 4px 4px 0;
+}
+.paging .disabled {
+	color: #ddd;
+}
+.paging .disabled:hover {
+	background: transparent;
+}
+.paging .current {
+	background: #efefef;
+	color: #c73e14;
+}
+
 
 /** Scaffold View **/
 dl {
@@ -820,4 +868,3 @@ textarea {
 .A{
 	margin-bottom: 0px;
 }
-
--
libgit2 0.21.2