<div role="article" aria-roledescription="email" aria-label="L'Olympia présente" lang="fr" style="font-size:1rem">
  <style>
@media only screen and (max-width:559px) {
 .bgcolor01 {
 background-color:#FFFFFF !important;
}
 .displayblock {
display:block !important;
}
 .displaynone {
display:none !important;
}
.marginauto {
 margin:0px auto !important;
}
 .paddingb20px {
padding-bottom:20px !important;
}
 .paddingb30px {
padding-bottom:30px !important;
}
 .paddingl10pc {
padding-left:10% !important;
}
 .paddingr10pc {
padding-right:10% !important;
}
.paddingt20px {
padding-top:20px !important;
}
.textalignleft {
text-align:left !important;
}
.verticalalignmiddle {
vertical-align:middle !important;
}
 .width100pc {
width:100% !important;
}
}
.main {
	margin:0 auto;
	width:100%;
	max-width:560px;
}
.frames {
	max-width:560px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.frame {
	max-height:0;
}
.toggler {
	float:left;
	width:6.25%;
	padding-bottom:46.42857142857143%;
}
.image {
	display:none;
	width:100%;
	padding-bottom:46.42857142857143%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.image01 {
	background: url(https://test.badsender.com/innovations/panorama/panorama_10.jpg);
}
.image02 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_11.jpg);
}
.image03 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_12.jpg);
}
.image04 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_13.jpg);
}
.image05 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_14.jpg);
}
.image06 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_15.jpg);
}
.image07 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_16.jpg);
}
.image08 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_01.jpg);
}
.image09 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_02.jpg);
}
.image10 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_03.jpg);
}
.image11 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_04.jpg);
}
.image12 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_05.jpg);
}
.image13 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_06.jpg);
}
.image14 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_07.jpg);
}
.image15 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_08.jpg);
}
.image16 {
	background-image: url(https://test.badsender.com/innovations/panorama/panorama_09.jpg);
}
.header div:hover .fallback {
	display: none;
}
.frames div:hover .image {
	display: block;
}
 @media(hover:none) {
 .header div:hover .fallback {
display: block;
}
}
</style>
  <table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
    <tr>
      <td bgcolor="#050505" align="center"><table border="0" cellspacing="0" cellpadding="0" style="width:560px; margin:0px auto;" align="center" role="presentation" class="width100pc">
          <tr>
            <td bgcolor="#000000"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                <tr>
                  <td style="padding:40px 30px 20px;" class="paddingr10pc paddingl10pc"><h6 style="margin:0px; padding:0px; border:none; background:none; background-color:transparent; font-weight:normal; font-family:'Rubik', Tahoma, Geneva, sans-serif; font-size:46px; line-height:46px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:right; font-weight:700;" class="fallbackfont01">L'Olympia<br>
                      est &agrave; vous&nbsp;!</h6>
                    <p style="margin:5px 0px 0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:13px; line-height:16px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:right;" class="fallbackfont01">Si le panorama ci-dessous ne fonctionne pas, <br class="displaynone">
                      rdv sur <a href="https://www.olympiahall.com/" target="_blank" style="color:#FFFFFF; text-decoration:underline;">la page d'accueil</a>.</p></td>
                </tr>
                <tr>
                  <td style="border-bottom:5px solid #C6131E;"><div class="header">
                      <div class="main">
                        <div class="fallback" style="max-height:0;"> <img src="https://test.badsender.com/innovations/panorama/panorama_01.jpg" alt="" width="560" style="max-width:100%;"> </div>
                        <div class="frames">
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image01"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image02"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image03"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image04"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image05"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image06"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image07"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image08"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image09"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image10"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image11"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image12"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image13"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image14"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image15"></div>
                          </div>
                          <div class="frame">
                            <div class="toggler"></div>
                            <div class="image image16"></div>
                          </div>
                        </div>
                      </div>
                    </div></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
  </table>
</div>