Page ce mois-ci (pagination ajax 1)

https://www.sanwebe.com/2013/03/ajax-pagination-with-jquery-php

style.css

@@ -24,4 +24,187 @@ Text Domain:  CreatorThemeRes-child
 
 .featured-box {
 	/*border: thin solid #ff6231;*/
-}
+}
+
+
+/* livre d'or */
+
+#randomImg {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#randomImg img {
+	padding: 10px;
+	background-color: #fff;
+	border: 1px solid #818181;
+	margin-right: auto;
+	margin-left: auto;
+	display: block;
+}
+
+/* photo du mois */
+
+.cadre {
+	text-align: center;
+	margin-top: 1em;
+}
+.cadre img {
+	padding: 50px;
+	background-color: #fff;
+	border: 1px solid #ccc;
+}
+
+.exifs {
+	text-align: center;
+	color: #909090;
+	font-size: smaller;
+	margin-bottom: 3em;
+	margin-top: 1em;
+}
+
+
+.thumb {
+	/*float: left;
+	line-height: 200px;*/
+    width: 200px;
+    height: 200px;
+    /**/
+	border: 1px solid #ccc;
+	background-color: #fff;
+	
+}
+
+.albumdesc {
+	float: right;
+	text-align:center;
+	width: 200px;
+	padding: 6px 0 0 0;
+	text-align:center;
+	vertical-align: middle;
+}
+
+.pagination {
+	margin-top: 4em;
+	margin-bottom: 2em;
+}
+
+.albumdesc a, .pagination a {
+	color: #333;
+}
+
+.gras {
+	font-weight: bold;
+}
+
+.albumdesc:hover {
+	/*
+	background: #ddd; 
+	color: #333 !important; 
+	border-radius: 0;
+	*/
+	font-weight: bold;
+}
+
+.album {
+	float: left;
+	width: 200px;
+	height: 200px;
+	text-align:center;
+	margin-top: 0;
+	margin-right: auto;
+	/* entre 2 rangées d'albums */
+	margin-bottom: 25px;
+	margin-left: auto;
+	padding: 0px 11px 20px;
+}
+
+/*found on http://www.brunildo.org/test/img_center.html*/
+.wraptocenter {
+    display: table-cell!important;
+    text-align: center!important;
+    vertical-align: middle!important;
+    width: 200px;
+    height: 200px;
+}
+.wraptocenter * {
+    vertical-align: middle!important;
+}
+/*\*//*/
+.wraptocenter {
+    display: block;
+}
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+    width: 1px;
+}
+/**/
+</style>
+<!--[if IE]><style>
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+}
+</style><![endif]-->
+
+/*
+.contents{
+	margin: 20px;
+	padding: 20px;
+	list-style: none;
+	background: #F9F9F9;
+	border: 1px solid #ddd;
+	border-radius: 5px;
+}
+.contents li{
+    margin-bottom: 10px;
+}
+*/
+.loading-div{
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.56);
+	z-index: 999;
+	display:none;
+}
+.loading-div img {
+	margin-top: 20%;
+	margin-left: 50%;
+}
+
+/* Pagination style */
+.pagination{margin:0;padding:0;}
+.pagination li{
+	display: inline;
+	padding: 6px 10px 6px 10px;
+	border: 1px solid #ddd;
+	margin-right: -1px;
+	font: 15px/20px Arial, Helvetica, sans-serif;
+	background: #FFFFFF;
+	box-shadow: inset 1px 1px 5px #F4F4F4;
+}
+.pagination li a{
+    text-decoration:none;
+    color: rgb(89, 141, 235);
+}
+.pagination li.first {
+    border-radius: 5px 0px 0px 5px;
+}
+.pagination li.last {
+    border-radius: 0px 5px 5px 0px;
+}
+.pagination li:hover{
+	background: #CFF;
+}
+.pagination li.active{
+	background: #F0F0F0;
+	color: #333;
+}
+.pagine {
+	clear: both;
+	margin-bottom: 40px;
+}