diff --git a/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas1848904522.png b/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas1848904522.png
new file mode 100644
index 00000000..67f90474
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas1848904522.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas4806461546.png b/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas4806461546.png
new file mode 100644
index 00000000..9c1a1e90
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas4806461546.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas6785214965.png b/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas6785214965.png
new file mode 100644
index 00000000..03606b66
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/climaf_atlas6785214965.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-1.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-1.png
new file mode 100644
index 00000000..cc49f026
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-1.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-2.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-2.png
new file mode 100644
index 00000000..f34d90e7
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-2.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-3.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-3.png
new file mode 100644
index 00000000..d6204909
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-3.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-4.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-4.png
new file mode 100644
index 00000000..9bddb401
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-4.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-5.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-5.png
new file mode 100644
index 00000000..d5f403c7
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-5.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-6.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-6.png
new file mode 100644
index 00000000..197b62d9
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-6.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-7.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-7.png
new file mode 100644
index 00000000..0304898e
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-7.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/fig_1-8.png b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-8.png
new file mode 100644
index 00000000..48ae0dc4
Binary files /dev/null and b/tests/reference_data/test_index_html/spirit_IMv7/fig_1-8.png differ
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/index_1.html b/tests/reference_data/test_index_html/spirit_IMv7/index_1.html
new file mode 100644
index 00000000..a32deeea
--- /dev/null
+++ b/tests/reference_data/test_index_html/spirit_IMv7/index_1.html
@@ -0,0 +1,286 @@
+
+    <?xml version="1.0" encoding="iso-8859-1"?>
+    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
+    <head>
+    <title>[ CliMAF ATLAS of AMIPV6ALB2G for 1980 ]</title>
+    <style type="text/css" media=screen>body {
+background-color: white;
+font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
+margin:30px 70px 70px 0px;
+}
+
+#menu ul {
+font-family:verdana, sans-serif;
+padding:10;
+margin-top : 5px;
+margin-bottom : 5px;
+list-style-type:none;
+text-align:center;
+}
+
+#menu li {
+font-size:100%;
+float:right;
+margin:auto;
+padding:10;
+background-color:AntiqueWhite;
+}
+#menu li a {
+display:block;
+width:80px;
+color:brown;
+text-decoration:none;
+padding:2px;
+}
+
+#menu {
+height:80%;
+width:80%;
+}
+
+.bloc1 {
+background-color: white;
+height: 100%;
+width: 15%;
+float: left;
+}
+.bloc2 {
+background-color: white;
+height: 100%;
+width: 87%;
+float: left;
+margin-left: -40px;
+}
+
+h1 {
+font-family:verdana, sans-serif;
+font-size:150%;
+color:black;
+background-color:transparent;
+text-align:center;
+}
+
+h2 {
+font-family:verdana, sans-serif;
+font-size:140%;
+color:black;
+background-color:honeydew;
+text-align:left;
+}
+h2.centre {text-align: center}
+
+h3 {
+font-family:verdana, sans-serif;
+font-size:110%;
+color:black;
+background-color:transparent;
+text-align:left;
+}
+h3.centre {text-align: center}
+
+h4 {
+font-family:verdana, sans-serif;
+font-size:100%;
+color:brown;
+background-color:AntiqueWhite;
+text-align:left;
+}
+h4.centre {text-align: center}
+
+h5 {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:SteelBlue;
+background-color:transparent;
+text-align:left;
+}
+h5.centre {text-align: center}
+
+h6 {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:DarkGoldenrod;
+background-color:transparent;
+text-align:left;
+}
+h6.centre {text-align: center}
+
+h7 {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:deeppink;
+background-color:transparent;
+text-align:left;   
+}
+h7.centre {text-align: center}
+
+
+p {
+font-family:verdana, sans-serif;
+font-size:80%;
+color:black;
+background-color:transparent;
+text-align:left;
+margin-left:0px;
+margin-right:0px;
+}
+p.centre {text-align: center}
+p.centre {font-size: 100%}
+
+li {
+font-family:verdana, sans-serif;
+font-size:85%;
+color:black;
+background-color:transparent;
+text-align:left;
+margin-left:10px;
+margin-right:10px;
+}
+
+br {
+font-family:verdana, sans-serif;
+font-size:100%;
+color:blue;
+background-color:transparent;
+text-align:left;
+margin-left:10px;
+margin-right:10px;
+}
+
+a:link {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:green;
+background-color:transparent;
+text-decoration:underline;
+}
+
+a:visited {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:#8b008b;
+background-color:transparent;
+text-decoration:underline;
+}
+
+a:hover {
+font-family:verdana, sans-serif;
+font-size:100%;
+color:black;
+background-color:transparent;
+text-decoration:underline;
+}
+
+table {
+border-color:transparent;
+border-style:solid;
+border-width:1px;
+}
+
+td {
+font-family:verdana, sans-serif;
+font-size:80%;
+color:black;
+text-align:left;
+background-color:transparent;
+border-color:transparent;
+border-style:solid;
+border-width:1px;
+}
+
+th {
+font-size:90%;
+}
+
+a.info {
+position:relative;
+z-index:24;
+color:#000;
+text-decoration:underline;
+}              
+
+a.info span{
+display: none;
+}
+
+a.info:hover{
+z-index:25;
+background-color:#FFF
+}
+
+a.info:hover span{
+display:block;
+position:absolute;
+white-space: nowrap;
+bottom:2em;left:4em;
+border:1px solid #000; 
+background-color:#FFF;
+color:#000;
+text-align:justify;
+font-weight:none;
+padding:5px;
+overflow:auto;
+}
+</style>
+    </head>
+    <body>
+    <h1>CliMAF ATLAS of AMIPV6ALB2G for 1980</h1>
+    <a href="https://climaf.readthedocs.io/en/master/"><center>CliMAF documentation</center></a>
+    <hr/> <!--- this draws a line --->
+    
+<h3><a name="None"></a>Example of Section level 3 header </h3>
+<h4><a name="Slice"></a>Meridional profiles (level 4)</h4>
+<br>
+<br>
+ <TR>
+ <TH ALIGN=LEFT> <li></li> </TH> 
+<A class="info" HREF="/home/rigoudyg/dev/CliMAF/climaf/../doc/Logo-CliMAF-compact.png">A simple link, here to CliMAF logo <span><IMG HEIGHT=200 WIDTH=200 SRC="/home/rigoudyg/dev/CliMAF/climaf/../doc/Logo-CliMAF-compact.png"/></span></a> </TR>
+ <TR>
+ <TH ALIGN=LEFT> <li></li> </TH> 
+The text of 1st column     <TD ALIGN=RIGHT><A class="info" HREF="/home/rigoudyg/dev/CliMAF/climaf/../doc/Logo-CliMAF-compact.png">link_label1<span><IMG HEIGHT=200 WIDTH=200 SRC="/home/rigoudyg/dev/CliMAF/climaf/../doc/Logo-CliMAF-compact.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="fig2.ps">link_label2<span><IMG HEIGHT=200 WIDTH=200 SRC="fig2.ps"/></span></a></TD>
+<TD ALIGN=RIGHT>Here, a text with no link</TD>
+ </TR>
+<br>
+<br>
+<br>
+<TABLE CELLSPACING=5>
+ <TR>
+ <TH ALIGN=LEFT>  </TH> 
+</TR> 
+ <TR>
+ <TH ALIGN=LEFT> <li>Surface temperature</li> </TH> 
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-1.png"><IMG HEIGHT=60 WIDTH=60 SRC="fig_1-1.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="fig_1-1.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-2.png"><IMG HEIGHT=60 WIDTH=60 SRC="fig_1-2.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="fig_1-2.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-3.png"><IMG HEIGHT=60 WIDTH=60 SRC="fig_1-3.png"><span><IMG HEIGHT=200 WIDTH=200 SRC="fig_1-3.png"/></span></a></TD>
+ </TR>
+ <TR>
+ <TH ALIGN=LEFT> <li>Surface temperature</li> </TH> 
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-4.png"><IMG HEIGHT=40 WIDTH=40 SRC="fig_1-4.png"><span><IMG HEIGHT=120 WIDTH=120 SRC="fig_1-4.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-5.png"><IMG HEIGHT=40 WIDTH=40 SRC="fig_1-5.png"><span><IMG HEIGHT=120 WIDTH=120 SRC="fig_1-5.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-6.png"><IMG HEIGHT=40 WIDTH=40 SRC="fig_1-6.png"><span><IMG HEIGHT=120 WIDTH=120 SRC="fig_1-6.png"/></span></a></TD>
+ </TR>
+</TABLE>
+<br>
+<br>
+<br>
+<TABLE CELLSPACING=5>
+ <TR>
+ <TH ALIGN=LEFT> variable/season </TH> 
+<TD ALIGN=RIGHT>Year</TD>
+<TD ALIGN=RIGHT>Winter</TD>
+</TR> 
+ <TR>
+ <TH ALIGN=LEFT> <li>short wave at top </li> </TH> 
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-4.png"><IMG HEIGHT=60 WIDTH=60 SRC="fig_1-4.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="fig_1-4.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-5.png"><IMG HEIGHT=60 WIDTH=60 SRC="fig_1-5.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="fig_1-5.png"/></span></a></TD>
+ </TR>
+ <TR>
+ <TH ALIGN=LEFT> <li> upper air temp</li> </TH> 
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-8.png"><IMG HEIGHT=60 WIDTH=60 SRC="fig_1-8.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="fig_1-8.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="fig_1-7.png"><IMG HEIGHT=60 WIDTH=60 SRC="fig_1-7.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="fig_1-7.png"/></span></a></TD>
+ </TR>
+</TABLE>
+</body>
diff --git a/tests/reference_data/test_index_html/spirit_IMv7/index_2.html b/tests/reference_data/test_index_html/spirit_IMv7/index_2.html
new file mode 100644
index 00000000..d9706047
--- /dev/null
+++ b/tests/reference_data/test_index_html/spirit_IMv7/index_2.html
@@ -0,0 +1,247 @@
+
+    <?xml version="1.0" encoding="iso-8859-1"?>
+    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
+    <head>
+    <title>[ CliMAF ATLAS of AMIPV6ALB2G for 1980 ]</title>
+    <style type="text/css" media=screen>body {
+background-color: white;
+font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
+margin:30px 70px 70px 0px;
+}
+
+#menu ul {
+font-family:verdana, sans-serif;
+padding:10;
+margin-top : 5px;
+margin-bottom : 5px;
+list-style-type:none;
+text-align:center;
+}
+
+#menu li {
+font-size:100%;
+float:right;
+margin:auto;
+padding:10;
+background-color:AntiqueWhite;
+}
+#menu li a {
+display:block;
+width:80px;
+color:brown;
+text-decoration:none;
+padding:2px;
+}
+
+#menu {
+height:80%;
+width:80%;
+}
+
+.bloc1 {
+background-color: white;
+height: 100%;
+width: 15%;
+float: left;
+}
+.bloc2 {
+background-color: white;
+height: 100%;
+width: 87%;
+float: left;
+margin-left: -40px;
+}
+
+h1 {
+font-family:verdana, sans-serif;
+font-size:150%;
+color:black;
+background-color:transparent;
+text-align:center;
+}
+
+h2 {
+font-family:verdana, sans-serif;
+font-size:140%;
+color:black;
+background-color:honeydew;
+text-align:left;
+}
+h2.centre {text-align: center}
+
+h3 {
+font-family:verdana, sans-serif;
+font-size:110%;
+color:black;
+background-color:transparent;
+text-align:left;
+}
+h3.centre {text-align: center}
+
+h4 {
+font-family:verdana, sans-serif;
+font-size:100%;
+color:brown;
+background-color:AntiqueWhite;
+text-align:left;
+}
+h4.centre {text-align: center}
+
+h5 {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:SteelBlue;
+background-color:transparent;
+text-align:left;
+}
+h5.centre {text-align: center}
+
+h6 {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:DarkGoldenrod;
+background-color:transparent;
+text-align:left;
+}
+h6.centre {text-align: center}
+
+h7 {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:deeppink;
+background-color:transparent;
+text-align:left;   
+}
+h7.centre {text-align: center}
+
+
+p {
+font-family:verdana, sans-serif;
+font-size:80%;
+color:black;
+background-color:transparent;
+text-align:left;
+margin-left:0px;
+margin-right:0px;
+}
+p.centre {text-align: center}
+p.centre {font-size: 100%}
+
+li {
+font-family:verdana, sans-serif;
+font-size:85%;
+color:black;
+background-color:transparent;
+text-align:left;
+margin-left:10px;
+margin-right:10px;
+}
+
+br {
+font-family:verdana, sans-serif;
+font-size:100%;
+color:blue;
+background-color:transparent;
+text-align:left;
+margin-left:10px;
+margin-right:10px;
+}
+
+a:link {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:green;
+background-color:transparent;
+text-decoration:underline;
+}
+
+a:visited {
+font-family:verdana, sans-serif;
+font-size:90%;
+color:#8b008b;
+background-color:transparent;
+text-decoration:underline;
+}
+
+a:hover {
+font-family:verdana, sans-serif;
+font-size:100%;
+color:black;
+background-color:transparent;
+text-decoration:underline;
+}
+
+table {
+border-color:transparent;
+border-style:solid;
+border-width:1px;
+}
+
+td {
+font-family:verdana, sans-serif;
+font-size:80%;
+color:black;
+text-align:left;
+background-color:transparent;
+border-color:transparent;
+border-style:solid;
+border-width:1px;
+}
+
+th {
+font-size:90%;
+}
+
+a.info {
+position:relative;
+z-index:24;
+color:#000;
+text-decoration:underline;
+}              
+
+a.info span{
+display: none;
+}
+
+a.info:hover{
+z-index:25;
+background-color:#FFF
+}
+
+a.info:hover span{
+display:block;
+position:absolute;
+white-space: nowrap;
+bottom:2em;left:4em;
+border:1px solid #000; 
+background-color:#FFF;
+color:#000;
+text-align:justify;
+font-weight:none;
+padding:5px;
+overflow:auto;
+}
+</style>
+    </head>
+    <body>
+    <h1>CliMAF ATLAS of AMIPV6ALB2G for 1980</h1>
+    <a href="https://climaf.readthedocs.io/en/master/"><center>CliMAF documentation</center></a>
+    <hr/> <!--- this draws a line --->
+    
+<TABLE CELLSPACING=5>
+ <TR>
+ <TH ALIGN=LEFT> variable/season </TH> 
+<TD ALIGN=RIGHT>DJF</TD>
+<TD ALIGN=RIGHT>MAM</TD>
+<TD ALIGN=RIGHT>JJA</TD>
+</TR> 
+ <TR>
+ <TH ALIGN=LEFT> <li>Surface temperature</li> </TH> 
+<TD ALIGN=RIGHT><A class="info" HREF="climaf_atlas4806461546.png"><IMG HEIGHT=60 WIDTH=60 SRC="climaf_atlas4806461546.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="climaf_atlas4806461546.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="climaf_atlas6785214965.png"><IMG HEIGHT=60 WIDTH=60 SRC="climaf_atlas6785214965.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="climaf_atlas6785214965.png"/></span></a></TD>
+<TD ALIGN=RIGHT><A class="info" HREF="climaf_atlas1848904522.png"><IMG HEIGHT=60 WIDTH=60 SRC="climaf_atlas1848904522.png"><span><IMG HEIGHT=180 WIDTH=180 SRC="climaf_atlas1848904522.png"/></span></a></TD>
+ </TR>
+</TABLE>
+</body>
