Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE HTML>
<html lang="fr" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
<meta name="x-apple-disable-message-reformatting">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Rubik:wght@700&family=Work+Sans:ital@0;1&display=swap" rel="stylesheet">
<title>L'Olympia présente</title>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style>
/* DEBUT HACKS CSS BASE */
body, table, td, a {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
table, td {
	mso-table-lspace:0pt;
	mso-table-rspace:0pt;
}
img {
	-ms-interpolation-mode:bicubic;
}
img {
	border:0;
	height:auto;
	line-height:100%;
	outline:none;
	text-decoration:none;
}
body {
	height:100% !important;
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
}
a[x-apple-data-detectors] {
	color:inherit !important;
	text-decoration:none !important;
	font-size:inherit !important;
	font-family:inherit !important;
	font-weight:inherit !important;
	line-height:inherit !important;
}
u + #body a {
	color:inherit;
	text-decoration:none;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	line-height:inherit;
}
#MessageViewBody a {
	color:inherit;
	text-decoration:none;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	line-height:inherit;
}
.liensautomatiques, .liensautomatiques * {
	color:inherit !important;
	text-decoration:inherit !important;
}
th {
	background-color:transparent;
	background:none;
}
th a {
	padding:0px !important;
	background-color:transparent !important;
	background:none !important;
}
/* FIN HACKS CSS BASE */

.before-svg + .after-svg {
	display:block !important;
}
@keyframes effet01 {
 0% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
 20% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
 21% {
text-shadow:0px 0px 1px #FFB283;
}
 22% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
 100% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
}
.effet01 {
	animation-duration:2s;
	animation-name:effet01;
	animation-iteration-count:3;
}
 @keyframes effet02 {
 0% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
 60% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
 61% {
text-shadow:0px 0px 1px #FFB283;
}
 62% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
 100% {
text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07;
}
}
.effet02 {
	animation-duration:2s;
	animation-name:effet02;
	animation-iteration-count:3;
}
 @keyframes effet03 {
 0% {
box-shadow:0px 0px 0px #C6131E;
}
 50% {
box-shadow:0px 0px 20px #C6131E;
}
 100% {
box-shadow:0px 0px 0px #C6131E;
}
}
.effet03 {
	animation-duration:2s;
	animation-name:effet03;
	animation-iteration-count:3;
}
.hover01:hover {
	transition:0.5s !important;
	background-color:#FFB283 !important;
}
.hover01:hover * {
	transition:0.5s !important;
	color:#C6131E !important;
}
.hover03:hover {
	transition:0.5s !important;
	background: #F28C61 !important;
	background: linear-gradient(to right, #F28C61 0%, #CD130A 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	border-bottom:2px solid #CD130A !important;
}
@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/articles/2021/20210308_olympia/panorama_10.jpg);
}
.image02 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_11.jpg);
}
.image03 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_12.jpg);
}
.image04 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_13.jpg);
}
.image05 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_14.jpg);
}
.image06 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_15.jpg);
}
.image07 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_16.jpg);
}
.image08 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_01.jpg);
}
.image09 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_02.jpg);
}
.image10 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_03.jpg);
}
.image11 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_04.jpg);
}
.image12 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_05.jpg);
}
.image13 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_06.jpg);
}
.image14 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_07.jpg);
}
.image15 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/panorama_08.jpg);
}
.image16 {
	background-image: url(https://test.badsender.com/articles/2021/20210308_olympia/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>
<!--[if mso]>
<style type="text/css">
.fallbackfont01 {font-family:Tahoma, Geneva, sans-serif !important;}
.fallbackfont02 {font-family:Impact, Arial Narrow, sans-serif !important;}
</style>
<![endif]-->
</head>

<body id="body" style="padding:0px !important; margin:0px !important; background-color:#050505; background:#050505;" bgcolor="#050505">
<div role="article" aria-roledescription="email" aria-label="L'Olympia présente" lang="fr" style="font-size:1rem">
  <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 align="left" style="padding:30px 40px 40px;" class="paddingb20px paddingr10pc paddingl10pc"><table border="0" cellspacing="0" cellpadding="0" role="presentation">
                      <tr>
                        <td style="vertical-align:middle;"><div class="before-svg"></div>
                          <svg width="140" height="26" role="img">
                            <title>L'Olympia</title>
                            <switch>
                              <g clip-path="url(#clip0)">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M45.2995 4.46615C47.487 6.47135 48.3984 13.0339 48.3984 13.5807C48.3984 13.9453 45.1172 19.5964 43.4766 22.3307C40.7422 23.4245 35.0911 25.0651 34.5443 25.0651C34.1797 25.0651 23.4245 23.0599 17.9557 21.9661C16.862 19.9609 14.3099 15.9505 14.3099 15.5859V7.7474L32.9036 0.0911465C37.0963 1.36719 42.0182 1.54948 45.2995 4.46615ZM40.1953 7.38281C41.6536 8.65886 43.112 12.6693 43.112 13.0339C43.112 13.5807 41.8359 17.0443 40.3776 18.3203C38.737 19.5964 35.4557 20.5078 34.9088 20.5078L20.6901 19.2318C20.1432 16.862 18.6849 12.6693 18.6849 12.1224C18.6849 11.3932 19.4141 9.57031 20.1432 9.38802C24.5182 7.92969 33.4505 5.01302 33.9974 5.01302C34.362 5.01302 38.5547 5.92448 40.1953 7.38281ZM56.7838 6.28906C56.0547 8.47656 55.3255 9.38802 55.3255 11.5755C55.3255 12.1224 55.3255 13.5807 56.0547 14.1276L60.9766 12.487C60.612 14.1276 60.0651 15.4036 59.8828 16.862L49.3099 16.6797C49.3099 16.3151 50.2213 12.8516 50.2213 11.9401C50.2213 11.3932 49.8568 8.65886 49.3099 6.28906H56.7838ZM66.9922 6.28906C67.3568 7.38281 67.5391 8.65886 67.9036 9.75261C68.4505 8.84115 68.9974 7.01823 68.8151 6.28906H75.7422C75.3776 6.65365 70.4557 11.5755 70.4557 12.8516C70.4557 13.3984 71.1849 15.4036 71.5495 16.862H64.6224C64.987 15.7682 65.7161 14.1276 65.7161 13.5807C65.7161 12.1224 60.2474 7.20052 59.7005 6.28906H66.9922ZM86.4974 6.28906C86.6797 7.20052 86.862 8.65886 87.7734 9.9349C88.8672 9.38802 88.6849 7.20052 89.0495 6.28906H98.8932C98.7109 8.65886 98.3463 11.2109 98.3463 11.7578C98.3463 12.1224 98.8932 14.6745 99.2578 16.862H92.513C92.6953 15.9505 92.6953 18.3203 92.513 13.3984V11.9401C91.342 13.328 90.6401 15.0509 90.5078 16.862H85.5859C84.8568 15.4036 84.1276 13.763 83.0338 12.1224C82.6693 12.487 82.6693 12.6693 82.6693 13.2161C82.6693 13.5807 83.0338 15.5859 83.2161 16.6797C83.0338 16.862 82.6693 16.862 76.8359 16.6797C77.3828 15.2214 77.7474 13.9453 78.112 12.6693V8.84115C77.9297 8.29427 77.5651 7.38281 77.2005 6.28906H86.4974ZM111.289 6.28906C112.93 7.20052 114.935 7.20052 114.935 9.02344C114.935 13.0339 109.648 13.3984 106.732 13.9453C106.732 14.1276 106.549 13.9453 106.549 14.4922C106.549 14.8568 106.914 15.7682 107.279 16.862H100.169C100.534 14.3099 101.081 11.0286 101.081 10.4818C101.081 10.1172 100.716 7.7474 100.352 6.28906H111.289ZM122.591 6.28906C121.862 8.29427 121.315 10.2995 121.315 12.1224C121.315 13.9453 121.315 14.4922 122.591 16.6797L115.482 16.862C115.482 16.862 115.299 16.862 115.299 16.4974C115.299 15.7682 116.758 14.1276 116.758 12.3047C116.758 10.2995 116.029 8.29427 115.482 6.28906H122.591ZM135.169 6.28906C135.716 9.38802 137.174 13.763 139.909 16.6797H133.893C132.982 14.4922 132.617 14.8568 131.341 14.8568C130.977 14.8568 129.701 14.6745 129.518 15.2214C129.154 15.5859 129.336 16.3151 128.789 16.862H123.138C125.326 13.0339 127.513 9.75261 127.331 6.28906H135.169ZM11.2109 7.20052C11.7578 7.5651 12.3047 7.7474 12.8516 8.29427C11.5755 9.57031 10.4818 11.0286 8.84114 12.6693C9.38801 10.8464 10.1172 9.02344 10.6641 7.20052H11.2109ZM110.195 9.38802C109.284 10.4818 107.461 10.8464 106.732 11.2109V9.38802H110.195ZM4.28385 13.5807C4.28385 14.1276 4.46614 14.6745 4.46614 15.4036C4.46614 15.4036 4.28385 15.5859 4.83072 15.5859C5.19531 15.5859 7.38281 14.6745 8.65885 14.1276V14.6745C8.29427 15.7682 7.92968 16.6797 7.5651 17.5911H0.273432C0.455724 16.3151 0.820307 14.6745 0.820307 14.3099C0.820307 13.763 0.273432 11.5755 0.0911407 10.1172H4.83072C4.64843 11.5755 4.28385 13.2161 4.28385 13.5807ZM132.435 13.0339L130.247 13.2161C130.43 12.6693 130.794 11.9401 131.159 11.9401C131.706 11.9401 132.07 12.6693 132.435 13.0339Z" fill="white"/>
                              </g>
                              <foreignObject><img src="logo_01@2x.png" alt="L'Olympia" width="140" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px; font-weight:bold;"></foreignObject>
                            </switch>
                          </svg>
                          <div class="after-svg" style="display:none"> <a href="https://www.olympiahall.com/" target="_blank"><img src="logo_01@2x.png" alt="L'Olympia" width="140" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px; font-weight:bold;"></a> </div></td>
                        <td style="vertical-align:top; padding-left:10px;"><p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:14px; line-height:24px; mso-line-height-rule:exactly; color:#FFFFFF;" class="fallbackfont01">présente</p></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td style="padding:0px 40px 30px;" class="paddingr10pc paddingl10pc"><h1 style="margin:0px; padding:0px; border:none; background:none; background-color:transparent; font-weight:normal; font-family:'Anton', Impact, Arial Narrow, sans-serif; font-size:104px; line-height:104px; mso-line-height-rule:exactly; color:#66190F; text-align:left; text-shadow:0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 1px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 2px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 3px #FFB283, 0px 0px 10px #FFB283, 0px 0px 20px #FFB283, 0px 0px 40px #CC0F07; word-break:break-all;" class="fallbackfont02">B<span style="display:inline;" class="effet01">A</span>LTHAZ<span style="display:inline;" class="effet02">A</span>R</h1></td>
                </tr>
                <tr>
                  <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                      <tr>
                        <td style="border-radius:0px 50px 50px 0px; line-height:1px; font-size:1px; height:20px; min-height:20px; width:10px;" height="20" bgcolor="#050505" class="bgcolor01">&nbsp;</td>
                        <td style="vertical-align:bottom;" class="verticalalignmiddle"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                            <tr>
                              <td style="border-bottom:1px #FFFFFF dashed; font-size:1px; line-height:1px;">&nbsp;</td>
                            </tr>
                            <tr class="displaynone">
                              <td align="center"><table border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;" role="presentation">
                                  <tr>
                                    <td style="border-left:1px #FFFFFF dashed; font-size:1px; line-height:1px; height:10px; min-height:10px;" height="10">&nbsp;</td>
                                  </tr>
                                </table></td>
                            </tr>
                          </table></td>
                        <td style="border-radius:50px 0px 0px 50px; line-height:1px; font-size:1px; height:20px; min-height:20px; width:10px;" height="20" bgcolor="#050505" class="bgcolor01">&nbsp;</td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                      <tr>
                        <th style="font-weight:normal; padding:0px; vertical-align:middle; width:279px;" class="displayblock width100pc"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                            <tr>
                              <td style="padding:20px 40px;" class="paddingr10pc paddingl10pc"><h2 style="margin:0px; padding:0px; border:none; background:none; background-color:transparent; font-weight:normal; font-family:'Anton', Impact, Arial Narrow, sans-serif; font-size:42px; line-height:42px; mso-line-height-rule:exactly; color:#F28C61; text-align:left;" class="fallbackfont02"><span style="font-size:32px; display:inline;">D<span style="display:inline; color:#EC7A54;">I</span><span style="display:inline; color:#E56343;">M</span><span style="display:inline; color:#DE4D33;">.</span> <span style="display:inline; color:#D63220;">0</span><span style="display:inline; color:#CF1B10;">7</span></span><br>
                                  <span style="display:inline; color:#F28B60;">N</span><span style="display:inline; color:#ED7B54;">O</span><span style="display:inline; color:#E76A48;">V</span><span style="display:inline; color:#E35D3F;">.</span> <span style="display:inline; color:#DD4730;">2</span><span style="display:inline; color:#D73623;">0</span><span style="display:inline; color:#D22316;">2</span><span style="display:inline; color:#CD130A;">1</span></h2></td>
                            </tr>
                          </table>
                        </th>
                        <th style="font-weight:normal; padding:0px;" class="displaynone" align="center"><table border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;" role="presentation">
                            <tr>
                              <td style="border-left:1px #FFFFFF dashed; font-size:1px; line-height:1px; height:130px; min-height:130px;" height="130">&nbsp;</td>
                            </tr>
                          </table></th>
                        <th style="font-weight:normal; padding:0px; vertical-align:middle; width:279px;" class="displayblock width100pc paddingb20px"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                            <tr>
                              <td align="right" style="padding:0px 40px;" class="paddingr10pc paddingl10pc textalignleft"><table border="0" cellspacing="0" cellpadding="0" role="presentation">
                                  <tr>
                                    <td bgcolor="#C6131E" style="border-radius:50px; padding:15px 50px;" class="hover01 effet03"><p style="margin:0px; font-family:'Rubik', Tahoma, Geneva, sans-serif; font-size:18px; mso-line-height-rule:exactly; line-height:25px; text-align:center; font-weight:700;" class="fallbackfont01"><a href="https://billetterie.olympiahall.com/balthazar-concert-l-olympia-paris-07-novembre-2021-css5-olympiahall-pg101-ri7726151.html" target="_blank" style="color:#FFFFFF; text-decoration:none;">R&Eacute;SERVEZ</a></p></td>
                                  </tr>
                                </table></td>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                      <tr>
                        <td style="border-radius:0px 50px 50px 0px; line-height:1px; font-size:1px; height:20px; min-height:20px; width:10px;" height="20" bgcolor="#050505" class="bgcolor01">&nbsp;</td>
                        <td style="vertical-align:top;" class="verticalalignmiddle"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                            <tr class="displaynone">
                              <td align="center"><table border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;" role="presentation">
                                  <tr>
                                    <td style="border-left:1px #FFFFFF dashed; font-size:1px; line-height:1px; height:10px; min-height:10px;" height="10">&nbsp;</td>
                                  </tr>
                                </table></td>
                            </tr>
                            <tr>
                              <td style="border-bottom:1px #FFFFFF dashed; font-size:1px; line-height:1px;">&nbsp;</td>
                            </tr>
                          </table></td>
                        <td style="border-radius:50px 0px 0px 50px; line-height:1px; font-size:1px; height:20px; min-height:20px; width:10px;" height="20" bgcolor="#050505" class="bgcolor01">&nbsp;</td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td style="padding-top:10px;"><a href="https://www.olympiahall.com/evenements/balthazar/" target="_blank"><img src="https://test.badsender.com/articles/2021/20210308_olympia/gif.gif" width="560" border="0" style="display:block; max-width:560px; width:100%;" alt=""></a></td>
                </tr>
                <tr>
                  <td style="padding:50px 40px;" class="paddingr10pc paddingl10pc paddingb30px"><h3 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:left; font-weight:700;" class="fallbackfont01">Gracieux. Élégant. Sexy. Le nouveau style de Balthazar leur va à ravir.</h3>
                    <p style="margin:30px 0px 15px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:16px; line-height:22px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01">Dans la foulée de <em>Fever</em> arrive <a href="https://www.deezer.com/fr/album/179554562" style="color:#FFFFFF; text-decoration:underline;">Sand</a>, un disque aux nouvelles directions audacieuses, qui renforce le statut du groupe belge de <span style="background-color:#CC0F07; display:inline;">rois d'une pop alternative</span>, <em>soulful</em>, qu'ils maitrisent à la perfection.</p>
                    <p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:16px; line-height:22px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01">Soucieux de se renouveler, le groupe a mis son expérience à profit pour donner vie à leurs chansons au sein d'un paysage sonore fortement cinématographique. Écrit en grand partie en tournée mondiale pour <em><a href="https://www.deezer.com/fr/album/75979192" style="color:#FFFFFF; text-decoration:underline;">Fever</a></em> tout au long de 2019, Sand sonne tout aussi frais et énergique qu'en 2010, lorsque leur 1er album <em><a href="https://www.deezer.com/fr/album/1189478" style="color:#FFFFFF; text-decoration:underline;">Applause</a></em> séduisait les critiques et le public.</p>
                    <p style="margin:15px 0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:16px; line-height:22px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01">Et pour ce 5ème album, leur maîtrise magistrale de la mélodie et du rythme est pleinement exposée - <em>Sand</em> étant unique dans la façon dont il mêle la pop à d'élégants sons électroniques et des grooves sophistiqués.</p>
                    <p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:16px; line-height:22px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01"><span style="background-color:#CC0F07; display:inline;">Balthazar ne se répète jamais</span>, et ayant excellé dans de nombreux styles et genres, <em>Sand</em> confirme leur talent de compositeurs et leur héritage en tant qu'innovateurs intrépides et créatifs agités. C'est aussi un disque imprégné d'un sens particulier de l'équilibre et de la grâce, et inspiré par la joie que leur procurent les concerts. </p>
                    <p style="margin:15px 0px 0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:16px; line-height:22px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01">Mais pour l'instant, tout comme l'Humunculus Loxodontus illustrant <em>Sand</em>, Balthazar doit attendre, prêt à emmener ces chansons sur la route et à répandre la joie de la musique live et des connexions humaines qu'elle engendre. Pour se sentir vivant.</p></td>
                </tr>
                <tr>
                  <td style="padding:0px 40px 40px;" class="paddingr10pc paddingl10pc" align="right"><table border="0" cellspacing="0" cellpadding="0" role="presentation">
                      <tr>
                        <td style="border-bottom:2px solid #FFFFFF; padding-bottom:10px;" class="hover03"><p style="margin:0px; font-family:'Rubik', Tahoma, Geneva, sans-serif; font-size:18px; line-height:25px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:right; font-weight:700;" class="fallbackfont01 hover02"><a href="https://billetterie.olympiahall.com/balthazar-concert-l-olympia-paris-07-novembre-2021-css5-olympiahall-pg101-ri7726151.html" style="color:#FFFFFF; text-decoration:none;">PR&Eacute;VENTE EXCLUSIVE&nbsp;&#x2794;</a></p></td>
                      </tr>
                    </table></td>
                </tr>
              </table></td>
          </tr>
          <tr>
            <td style="padding:30px 0px;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                <tr>
                  <td bgcolor="#FFFFFF" style="border-top:5px solid #C6131E;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                      <tr>
                        <td style="padding:40px 30px 20px;" class="paddingr10pc paddingl10pc"><h4 style="margin:0px; padding:0px; border:none; background:none; background-color:transparent; font-weight:normal; font-family:'Rubik', Tahoma, Geneva, sans-serif; font-size:38px; line-height:38px; mso-line-height-rule:exactly; color:#000000; text-align:left; font-weight:700;" class="fallbackfont01">&Agrave; <span style="background-color:#000000; display:inline; color:#FFFFFF;">ne pas</span> manquer&nbsp;!</h4></td>
                      </tr>
                      <tr>
                        <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                            <tr>
                              <th bgcolor="#000000" style="font-weight:normal; padding:0px; width:275px; vertical-align:top; background-color:#000000; background:#000000;" class="displayblock width100pc"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                  <tr>
                                    <td><a href="https://www.olympiahall.com/evenements/caribou/" target="_blank"><img src="https://test.badsender.com/articles/2021/20210308_olympia/visuel_01@2x.jpg" width="275" border="0" style="display:block; max-width:550px; width:100%;" alt=""></a></td>
                                  </tr>
                                  <tr>
                                    <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                        <tr>
                                          <td style="vertical-align:bottom; width:136px;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                              <tr>
                                                <td style="padding:10px 20px;" class="paddingr10pc paddingl10pc"><h5 style="margin:0px; padding:0px; border:none; background:none; background-color:transparent; font-weight:normal; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:16px; line-height:16px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left; font-weight:700;" class="fallbackfont01">CARIBOU</h5>
                                                  <p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:14px; line-height:14px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01">Concert</p></td>
                                              </tr>
                                            </table></td>
                                          <td align="center"><table border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;" role="presentation">
                                              <tr>
                                                <td style="border-left:1px #FFFFFF dashed; font-size:1px; line-height:1px; height:90px; min-height:90px;" height="90">&nbsp;</td>
                                              </tr>
                                            </table></td>
                                          <td style="vertical-align:bottom; width:136px;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                              <tr>
                                                <td style="padding:10px 20px;" class="paddingr10pc paddingl10pc"><p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:12px; line-height:12px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left; font-weight:700;" class="fallbackfont01">JEU. 06</p>
                                                  <p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:18px; line-height:18px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left; font-weight:700;" class="fallbackfont01">MAI 2021</p></td>
                                              </tr>
                                            </table></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr>
                                    <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                        <tr>
                                          <td style="border-radius:0px 50px 50px 0px; line-height:1px; font-size:1px; height:10px; min-height:10px; width:5px;" height="10" bgcolor="#050505" class="bgcolor01">&nbsp;</td>
                                          <td style="vertical-align:top;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                              <tr>
                                                <td align="center"><table border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;" role="presentation">
                                                    <tr>
                                                      <td style="border-left:1px #FFFFFF dashed; font-size:1px; line-height:1px; height:4px; min-height:4px;" height="4">&nbsp;</td>
                                                    </tr>
                                                  </table></td>
                                              </tr>
                                              <tr>
                                                <td style="border-bottom:1px #FFFFFF dashed; font-size:1px; line-height:1px;">&nbsp;</td>
                                              </tr>
                                            </table></td>
                                          <td style="border-radius:50px 0px 0px 50px; line-height:1px; font-size:1px; height:10px; min-height:10px; width:5px;" height="10" bgcolor="#FFFFFF">&nbsp;</td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr>
                                    <td align="center" style="padding:15px 0px;"><table border="0" cellspacing="0" cellpadding="0" role="presentation" style="margin:0px auto;" align="center">
                                        <tr>
                                          <td bgcolor="#C6131E" style="border-radius:50px; padding:10px 20px;" class="hover01"><p style="margin:0px; font-family:'Rubik', Tahoma, Geneva, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:20px; text-align:center; font-weight:700;" class="fallbackfont01"><a href="https://billetterie.olympiahall.com/caribou-concert-l-olympia-paris-06-mai-2021-css5-olympiahall-pg101-ri6610515.html" target="_blank" style="color:#FFFFFF; text-decoration:none;">R&Eacute;SERVEZ</a></p></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                </table>
                              </th>
                              <th style="font-weight:normal; padding:0px; font-size:1px; line-height:1px; width:10px; height:10px;" class="displayblock width100pc">&nbsp;</th>
                              <th bgcolor="#000000" style="font-weight:normal; padding:0px; width:275px; vertical-align:top; background-color:#000000; background:#000000;" class="displayblock width100pc"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                  <tr>
                                    <td><a href="https://www.olympiahall.com/evenements/gaetan-roussel/" target="_blank"><img src="https://test.badsender.com/articles/2021/20210308_olympia/visuel_02@2x.jpg" width="275" border="0" style="display:block; max-width:550px; width:100%;" alt=""></a></td>
                                  </tr>
                                  <tr>
                                    <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                        <tr>
                                          <td style="vertical-align:bottom; width:136px;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                              <tr>
                                                <td style="padding:10px 20px;" class="paddingr10pc paddingl10pc"><h5 style="margin:0px; padding:0px; border:none; background:none; background-color:transparent; font-weight:normal; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:16px; line-height:16px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left; font-weight:700;" class="fallbackfont01">Gaëtan<br>
                                                    Roussel</h5>
                                                  <p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:14px; line-height:14px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01">Concert</p></td>
                                              </tr>
                                            </table></td>
                                          <td align="center"><table border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;" role="presentation">
                                              <tr>
                                                <td style="border-left:1px #FFFFFF dashed; font-size:1px; line-height:1px; height:90px; min-height:90px;" height="90">&nbsp;</td>
                                              </tr>
                                            </table></td>
                                          <td style="vertical-align:bottom; width:136px;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                              <tr>
                                                <td style="padding:10px 20px;" class="paddingr10pc paddingl10pc"><p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:12px; line-height:12px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left; font-weight:700;" class="fallbackfont01">JEU. 06</p>
                                                  <p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:18px; line-height:18px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left; font-weight:700;" class="fallbackfont01">MAI 2021</p></td>
                                              </tr>
                                            </table></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr>
                                    <td><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                        <tr>
                                          <td style="border-radius:0px 50px 50px 0px; line-height:1px; font-size:1px; height:10px; min-height:10px; width:5px;" height="10" bgcolor="#FFFFFF">&nbsp;</td>
                                          <td style="vertical-align:top;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;" role="presentation">
                                              <tr>
                                                <td align="center"><table border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;" role="presentation">
                                                    <tr>
                                                      <td style="border-left:1px #FFFFFF dashed; font-size:1px; line-height:1px; height:4px; min-height:4px;" height="4">&nbsp;</td>
                                                    </tr>
                                                  </table></td>
                                              </tr>
                                              <tr>
                                                <td style="border-bottom:1px #FFFFFF dashed; font-size:1px; line-height:1px;">&nbsp;</td>
                                              </tr>
                                            </table></td>
                                          <td style="border-radius:50px 0px 0px 50px; line-height:1px; font-size:1px; height:10px; min-height:10px; width:5px;" height="10" bgcolor="#050505" class="bgcolor01">&nbsp;</td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr>
                                    <td align="center" style="padding:15px 0px;"><table border="0" cellspacing="0" cellpadding="0" role="presentation" style="margin:0px auto;" align="center">
                                        <tr>
                                          <td bgcolor="#C6131E" style="border-radius:50px; padding:10px 20px;" class="hover01"><p style="margin:0px; font-family:'Rubik', Tahoma, Geneva, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:20px; text-align:center; font-weight:700;" class="fallbackfont01"><a href="https://billetterie.olympiahall.com/gaetan-roussel-concert-l-olympia-paris-17-mars-2022-css5-olympiahall-pg101-ri7576501.html" target="_blank" style="color:#FFFFFF; text-decoration:none;">R&Eacute;SERVEZ</a></p></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                </table>
                              </th>
                            </tr>
                          </table></td>
                      </tr>
                    </table></td>
                </tr>
              </table></td>
          </tr>
          <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 à 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/articles/2021/20210308_olympia/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>
                <tr>
                  <td bgcolor="#242424" background="https://test.badsender.com/articles/2021/20210308_olympia/fond_01.gif" style="background:url(https://test.badsender.com/articles/2021/20210308_olympia/fond_01.gif) repeat top left #242424; background-image:url(https://test.badsender.com/articles/2021/20210308_olympia/fond_01.gif); background-repeat:repeat; background-position:top left;"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td style="padding:30px 30px 10px;" 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:22px; line-height:22px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left; font-weight:700;" class="fallbackfont01">#LIVEOLYMPIA</h6></td>
                      </tr>
                      <tr>
                        <td style="padding:0px 30px 30px;" class="paddingr10pc paddingl10pc"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <th bgcolor="#C6131E" style="font-weight:normal; padding:0px; vertical-align:top; width:160px; background-color:#C6131E; background:#C6131E;" class="displayblock width100pc"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td style="padding:15px;" class="paddingr10pc paddingl10pc"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                          <td align="left"><div class="before-svg"></div>
                                            <svg width="18" height="16" role="img">
                                              <title>Twitter</title>
                                              <switch>
                                                <g clip-path="url(#clip0)">
                                                  <path d="M17.3684 1.047C16.6124 1.58027 15.7753 1.98814 14.8895 2.2549C14.414 1.70819 13.7821 1.32071 13.0792 1.14484C12.3764 0.96897 11.6364 1.01321 10.9595 1.27157C10.2826 1.52993 9.7014 1.98995 9.29446 2.58941C8.88752 3.18887 8.6745 3.89885 8.68421 4.62332V5.41279C7.29682 5.44877 5.92206 5.14107 4.68238 4.51709C3.44269 3.89312 2.37657 2.97224 1.57895 1.83648C1.57895 1.83648 -1.57895 8.94174 5.52632 12.0996C3.90042 13.2033 1.96354 13.7567 0 13.6786C7.10526 17.626 15.7895 13.6786 15.7895 4.59963C15.7887 4.37973 15.7676 4.16037 15.7263 3.94437C16.5321 3.14976 17.1007 2.14651 17.3684 1.047Z" fill="white"/>
                                                </g>
                                                <foreignObject> <img src="twitter@2x.png" alt="Twitter" width="18" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;"> </foreignObject>
                                              </switch>
                                            </svg>
                                            <div class="after-svg" style="display:none"> <img src="twitter@2x.png" alt="Twitter" width="18" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;"> </div></td>
                                        </tr>
                                        <tr>
                                          <td style="padding-top:5px;"><p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:13px; line-height:16px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01"><span style="text-decoration:underline; display:inline;">@OLYMPIAHALL</span> <span style="text-decoration:underline; display:inline;">@SHOWNU_FR</span> <span style="text-decoration:underline; display:inline;">@OfficialMonstaX</span> Un des meilleurs concert que j'ai fait de toute ma vie ❤️❤️❤️❤️❤️😘</p></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                </table>
                              </th>
                              <th style="font-weight:normal; padding:0px; font-size:1px; line-height:1px; width:10px; height:10px;" class="displayblock width100pc">&nbsp;</th>
                              <th bgcolor="#C6131E" style="font-weight:normal; padding:0px; vertical-align:top; width:160px; background-color:#C6131E; background:#C6131E;" class="displayblock width100pc"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td style="padding:15px;" class="paddingr10pc paddingl10pc"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                          <td align="left"><div class="before-svg"></div>
                                            <svg width="18" height="16" role="img">
                                              <title>Twitter</title>
                                              <switch>
                                                <g clip-path="url(#clip0)">
                                                  <path d="M17.3684 1.047C16.6124 1.58027 15.7753 1.98814 14.8895 2.2549C14.414 1.70819 13.7821 1.32071 13.0792 1.14484C12.3764 0.96897 11.6364 1.01321 10.9595 1.27157C10.2826 1.52993 9.7014 1.98995 9.29446 2.58941C8.88752 3.18887 8.6745 3.89885 8.68421 4.62332V5.41279C7.29682 5.44877 5.92206 5.14107 4.68238 4.51709C3.44269 3.89312 2.37657 2.97224 1.57895 1.83648C1.57895 1.83648 -1.57895 8.94174 5.52632 12.0996C3.90042 13.2033 1.96354 13.7567 0 13.6786C7.10526 17.626 15.7895 13.6786 15.7895 4.59963C15.7887 4.37973 15.7676 4.16037 15.7263 3.94437C16.5321 3.14976 17.1007 2.14651 17.3684 1.047Z" fill="white"/>
                                                </g>
                                                <foreignObject> <img src="twitter@2x.png" alt="Twitter" width="18" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;"> </foreignObject>
                                              </switch>
                                            </svg>
                                            <div class="after-svg" style="display:none"> <img src="twitter@2x.png" alt="Twitter" width="18" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;"> </div></td>
                                        </tr>
                                        <tr>
                                          <td style="padding-top:5px;"><p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:13px; line-height:16px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01"><span style="text-decoration:underline; display:inline;">@OLYMPIAHALL</span> <span style="text-decoration:underline; display:inline;">@thestrokes</span> Je vous aime.</p></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                </table>
                              </th>
                              <th style="font-weight:normal; padding:0px; font-size:1px; line-height:1px; width:10px; height:10px;" class="displayblock width100pc">&nbsp;</th>
                              <th bgcolor="#C6131E" style="font-weight:normal; padding:0px; vertical-align:top; width:160px; background-color:#C6131E; background:#C6131E;" class="displayblock width100pc"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td style="padding:15px;" class="paddingr10pc paddingl10pc"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                          <td align="left"><div class="before-svg"></div>
                                            <svg width="18" height="16" role="img">
                                              <title>Twitter</title>
                                              <switch>
                                                <g clip-path="url(#clip0)">
                                                  <path d="M17.3684 1.047C16.6124 1.58027 15.7753 1.98814 14.8895 2.2549C14.414 1.70819 13.7821 1.32071 13.0792 1.14484C12.3764 0.96897 11.6364 1.01321 10.9595 1.27157C10.2826 1.52993 9.7014 1.98995 9.29446 2.58941C8.88752 3.18887 8.6745 3.89885 8.68421 4.62332V5.41279C7.29682 5.44877 5.92206 5.14107 4.68238 4.51709C3.44269 3.89312 2.37657 2.97224 1.57895 1.83648C1.57895 1.83648 -1.57895 8.94174 5.52632 12.0996C3.90042 13.2033 1.96354 13.7567 0 13.6786C7.10526 17.626 15.7895 13.6786 15.7895 4.59963C15.7887 4.37973 15.7676 4.16037 15.7263 3.94437C16.5321 3.14976 17.1007 2.14651 17.3684 1.047Z" fill="white"/>
                                                </g>
                                                <foreignObject> <img src="twitter@2x.png" alt="Twitter" width="18" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;"> </foreignObject>
                                              </switch>
                                            </svg>
                                            <div class="after-svg" style="display:none"> <img src="twitter@2x.png" alt="Twitter" width="18" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;"> </div></td>
                                        </tr>
                                        <tr>
                                          <td style="padding-top:5px;"><p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:13px; line-height:16px; mso-line-height-rule:exactly; color:#FFFFFF; text-align:left;" class="fallbackfont01">Et merci infiniment à <span style="text-decoration:underline; display:inline;">@OLYMPIAHALL</span> d'accueillir Louis en Mars! C'est vraiment la meilleure chose pour cette année, hâte de rencontrer&hellip;</p></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                </table>
                              </th>
                            </tr>
                          </table></td>
                      </tr>
                    </table></td>
                </tr>
              </table></td>
          </tr>
          <tr>
            <td class="paddingr10pc paddingl10pc" style="padding-top:30px;"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <th align="left" style="font-weight:normal; padding:0px; vertical-align:bottom;" class="displayblock width100pc"><a href="https://riffx.fr/" target="_blank"><img src="https://test.badsender.com/articles/2021/20210308_olympia/logo_02@2x.png" alt="RIFFX" width="138" border="0" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; font-weight:bold;" class="marginauto"></a> </th>
                  <th style="font-weight:normal; padding:0px; vertical-align:bottom;" class="displayblock width100pc paddingt20px"><table style="width:100%;" role="presentation" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="right"><table role="presentation" border="0" cellspacing="0" cellpadding="0" class="marginauto">
                            <tr>
                              <td style="vertical-align:bottom;"><div class="before-svg"></div>
                                <a href="https://twitter.com/olympiahall" target="_blank">
                                <svg width="29" height="25" role="img">
                                  <title>Twitter</title>
                                  <switch>
                                    <path d="M29 1.00322C27.74 1.89201 26.3449 2.57179 24.8685 3.01638C24.076 2.10521 23.0228 1.4594 21.8514 1.16628C20.68 0.873169 19.4467 0.9469 18.3186 1.3775C17.1904 1.8081 16.2217 2.5748 15.5434 3.5739C14.8652 4.573 14.5102 5.7563 14.5264 6.96375V8.27954C12.214 8.3395 9.92277 7.82666 7.85663 6.7867C5.79049 5.74675 4.01362 4.21195 2.68425 2.31901C2.68425 2.31901 -2.57891 14.1611 9.2632 19.4243C6.55337 21.2637 3.32525 22.186 0.0526733 22.0559C11.8948 28.6348 26.3685 22.0559 26.3685 6.92427C26.3673 6.55777 26.332 6.19216 26.2632 5.83217C27.6061 4.50782 28.5538 2.83574 29 1.00322Z" fill="white"/>
                                    <foreignObject><img src="reseau_01@2x.png" alt="Twitter" width="29" border="0" style="display:block; font-family:Tahoma, Geneva, sans-serif; color:#FFFFFF; font-size:10px;"></foreignObject>
                                  </switch>
                                </svg>
                                </a>
                                <div class="after-svg" style="display:none"><a href="https://twitter.com/olympiahall" target="_blank"><img src="reseau_01@2x.png" alt="Twitter" width="18" border="0" style="display:block; font-family:Tahoma, Geneva, sans-serif; color:#FFFFFF; font-size:10px;"></a></div></td>
                              <td style="padding:0px 30px; vertical-align:bottom;"><div class="before-svg"></div>
                                <a href="https://www.facebook.com/olympiabrunocoquatrix/" target="_blank">
                                <svg width="25" height="26" role="img">
                                  <title>Facebook</title>
                                  <switch>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.67517 0.485596C2.01832 0.485596 0.675171 1.82874 0.675171 3.4856V22.4856C0.675171 24.1424 2.01832 25.4856 3.67517 25.4856H14.5162V17.8413H11.7097V14.0192H14.5162V11.1526C14.5162 9.88553 15.009 8.67032 15.8861 7.77434C16.7633 6.87836 17.9531 6.375 19.1936 6.375H22V10.1971H19.1936C18.9455 10.1971 18.7075 10.2978 18.5321 10.477C18.3567 10.6562 18.2581 10.8992 18.2581 11.1526V14.0192H22L21.0645 17.8413H18.2581V25.4856H22.6751C24.332 25.4856 25.6751 24.1424 25.6751 22.4856V3.4856C25.6751 1.82874 24.332 0.485596 22.6751 0.485596H3.67517Z" fill="white"/>
                                    <foreignObject><img src="reseau_02@2x.png" alt="Facebook" width="29" border="0" style="display:block; font-family:Tahoma, Geneva, sans-serif; color:#FFFFFF; font-size:10px;"></foreignObject>
                                  </switch>
                                </svg>
                                </a>
                                <div class="after-svg" style="display:none"><a href="https://www.facebook.com/olympiabrunocoquatrix/" target="_blank"><img src="reseau_02@2x.png" alt="Facebook" width="18" border="0" style="display:block; font-family:Tahoma, Geneva, sans-serif; color:#FFFFFF; font-size:10px;"></a></div></td>
                              <td style="vertical-align:bottom;"><div class="before-svg"></div>
                                <a href="https://www.instagram.com/olympiahall/" target="_blank">
                                <svg width="25" height="25" role="img">
                                  <title>Instagram</title>
                                  <switch>
                                    <g clip-path="url(#clip0)">
                                      <path d="M18.1818 1.82397H6.81817C3.68019 1.82397 1.13635 4.36781 1.13635 7.50579V18.8694C1.13635 22.0074 3.68019 24.5512 6.81817 24.5512H18.1818C21.3198 24.5512 23.8636 22.0074 23.8636 18.8694V7.50579C23.8636 4.36781 21.3198 1.82397 18.1818 1.82397Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                      <path d="M17.0455 12.4715C17.1857 13.4172 17.0242 14.3831 16.5838 15.2317C16.1435 16.0804 15.4468 16.7685 14.5928 17.1984C13.7388 17.6282 12.771 17.7779 11.827 17.626C10.8831 17.4741 10.0111 17.0284 9.33506 16.3524C8.65901 15.6763 8.21335 14.8043 8.06146 13.8604C7.90957 12.9164 8.05918 11.9486 8.48902 11.0946C8.91887 10.2406 9.60705 9.54392 10.4557 9.10358C11.3043 8.66324 12.2702 8.5017 13.2159 8.64194C14.1806 8.78499 15.0737 9.23452 15.7633 9.92411C16.4529 10.6137 16.9024 11.5068 17.0455 12.4715Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                      <path d="M18.75 6.9375H18.7614" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                    <foreignObject><img src="reseau_03@2x.png" alt="Instagram" width="25" border="0" style="display:block; font-family:Tahoma, Geneva, sans-serif; color:#FFFFFF; font-size:10px;"></foreignObject>
                                  </switch>
                                </svg>
                                </a>
                                <div class="after-svg" style="display:none"><a href="https://www.instagram.com/olympiahall/" target="_blank"><img src="reseau_03@2x.png" alt="Instagram" width="25" border="0" style="display:block; font-family:Tahoma, Geneva, sans-serif; color:#FFFFFF; font-size:10px;"></a></div></td>
                            </tr>
                          </table></td>
                      </tr>
                    </table>
                  </th>
                </tr>
              </table></td>
          </tr>
          <tr>
            <td style="padding:30px 0px;" class="paddingr10pc paddingl10pc"><p style="margin:0px; font-family:'Work Sans', Tahoma, Geneva, sans-serif; font-size:10px; line-height:14px; mso-line-height-rule:exactly; color:#696969; text-align:left;" class="fallbackfont01">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nisl ac congue vitae vitae ultrices turpis sem. Tempor, sagittis, pretium orci, leo. Auctor consectetur enim vulputate vitae condimentum. Elementum, vel vestibulum massa egestas at vestibulum mauris, commodo suspendisse.<br>
                <br>
                Marre de recevoir des actus sur des concerts, des spectacles, la joie et la bonne humeur&nbsp;? On peut comprendre. Vous pouvez <a href="#toreplace" target="_blank" style="color:#696969; text-decoration:underline;">vous désabonner</a> à tout moment.</p></td>
          </tr>
        </table></td>
    </tr>
  </table>
</div>
</body>
</html>

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console