<div role="article" aria-roledescription="email" aria-label="Eshop Roland-Garros" lang="fr" style="font-size:1rem">
<style>
h1 {color:#000000; font-family:Arial, Helvetica, sans-serif; overflow:hidden; margin:0 auto; font-size:0px; font-weight:bold;}
#texte01 {animation:typing01 10s infinite;}
#texte02 {animation:typing02 10s infinite;}
#texte03 {animation:typing03 10s infinite;}
#texte04 {animation:typing04 10s infinite;}
#texte05 {animation:typing05 10s infinite;}
#texte06 {animation:typing06 10s infinite;}
#texte07 {animation:typing07 10s infinite;}
#texte08 {animation:typing08 10s infinite;}
#texte09 {animation:typing09 10s infinite;}
#texte10 {animation:typing10 10s infinite;}
#texte11 {animation:typing11 10s infinite;}
#texte12 {animation:typing12 10s infinite;}
#texte13 {animation:typing13 10s infinite;}
#texte14 {animation:typing14 10s infinite;}
#texte15 {animation:typing15 10s infinite;}
#texte16 {animation:typing16 10s infinite;}
#texte17 {animation:typing17 10s infinite;}
#texte18 {animation:typing18 10s infinite;}
#texte19 {animation:typing19 10s infinite;}
#texte20 {animation:typing20 10s infinite;}
#texte21 {animation:typing21 10s infinite;}
#texte22 {animation:typing22 10s infinite;}
#texte23 {animation:typing23 10s infinite;}
#texte24 {animation:typing24 10s infinite;}
@keyframes typing01 {
0% {width:100%; font-size:46px;}
20% {width:100%; font-size:46px;}
21% {width:0%; font-size:0px;}
62% {width:0%; font-size:0px;}
63% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing02 {
0% {width:100%; font-size:46px;}
21% {width:100%; font-size:46px;}
22% {width:0%; font-size:0px;}
63% {width:0%; font-size:0px;}
64% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing03 {
0% {width:100%; font-size:46px;}
22% {width:100%; font-size:46px;}
23% {width:0%; font-size:0px;}
64% {width:0%; font-size:0px;}
65% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing04 {
0% {width:100%; font-size:46px;}
23% {width:100%; font-size:46px;}
24% {width:0%; font-size:0px;}
65% {width:0%; font-size:0px;}
66% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing05 {
0% {width:100%; font-size:46px;}
24% {width:100%; font-size:46px;}
25% {width:0%; font-size:0px;}
66% {width:0%; font-size:0px;}
67% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing06 {
0% {width:100%; font-size:46px;}
25% {width:100%; font-size:46px;}
26% {width:0%; font-size:0px;}
67% {width:0%; font-size:0px;}
68% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing07 {
0% {width:100%; font-size:46px;}
26% {width:100%; font-size:46px;}
27% {width:0%; font-size:0px;}
68% {width:0%; font-size:0px;}
69% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing08 {
0% {width:100%; font-size:46px;}
27% {width:100%; font-size:46px;}
28% {width:0%; font-size:0px;}
69% {width:0%; font-size:0px;}
70% {width:100%; font-size:46px;}
100% {width:100%; font-size:46px;}
}
@keyframes typing09 {
0% {width:0%; font-size:0px;}
21% {width:0%; font-size:0px;}
22% {width:100%; font-size:46px;}
40% {width:100%; font-size:46px;}
41% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing10 {
0% {width:0%; font-size:0px;}
22% {width:0%; font-size:0px;}
23% {width:100%; font-size:46px;}
41% {width:100%; font-size:46px;}
42% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing11 {
0% {width:0%; font-size:0px;}
23% {width:0%; font-size:0px;}
24% {width:100%; font-size:46px;}
42% {width:100%; font-size:46px;}
43% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing12 {
0% {width:0%; font-size:0px;}
24% {width:0%; font-size:0px;}
25% {width:100%; font-size:46px;}
43% {width:100%; font-size:46px;}
44% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing13 {
0% {width:0%; font-size:0px;}
25% {width:0%; font-size:0px;}
26% {width:100%; font-size:46px;}
44% {width:100%; font-size:46px;}
45% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing14 {
0% {width:0%; font-size:0px;}
26% {width:0%; font-size:0px;}
27% {width:100%; font-size:46px;}
45% {width:100%; font-size:46px;}
46% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing15 {
0% {width:0%; font-size:0px;}
27% {width:0%; font-size:0px;}
28% {width:100%; font-size:46px;}
46% {width:100%; font-size:46px;}
47% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing16 {
0% {width:0%; font-size:0px;}
28% {width:0%; font-size:0px;}
29% {width:100%; font-size:46px;}
47% {width:100%; font-size:46px;}
48% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing17 {
0% {width:0%; font-size:0px;}
41% {width:0%; font-size:0px;}
42% {width:100%; font-size:46px;}
62% {width:100%; font-size:46px;}
63% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing18 {
0% {width:0%; font-size:0px;}
42% {width:0%; font-size:0px;}
43% {width:100%; font-size:46px;}
63% {width:100%; font-size:46px;}
64% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing19 {
0% {width:0%; font-size:0px;}
43% {width:0%; font-size:0px;}
44% {width:100%; font-size:46px;}
64% {width:100%; font-size:46px;}
65% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing20 {
0% {width:0%; font-size:0px;}
44% {width:0%; font-size:0px;}
45% {width:100%; font-size:46px;}
65% {width:100%; font-size:46px;}
66% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing21 {
0% {width:0%; font-size:0px;}
45% {width:0%; font-size:0px;}
46% {width:100%; font-size:46px;}
66% {width:100%; font-size:46px;}
67% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing22 {
0% {width:0%; font-size:0px;}
46% {width:0%; font-size:0px;}
47% {width:100%; font-size:46px;}
67% {width:100%; font-size:46px;}
68% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing23 {
0% {width:0%; font-size:0px;}
47% {width:0%; font-size:0px;}
48% {width:100%; font-size:46px;}
68% {width:100%; font-size:46px;}
69% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
@keyframes typing24 {
0% {width:0%; font-size:0px;}
48% {width:0%; font-size:0px;}
49% {width:100%; font-size:46px;}
69% {width:100%; font-size:46px;}
70% {width:0%; font-size:0px;}
100% {width:0%; font-size:0px;}
}
</style>
<table style="width:100%; margin:0px auto;" align="center" border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td align="center" bgcolor="#FFFFFF" style="padding:50px 0px;"><table border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0px auto;" role="presentation">
<tr>
<td style="vertical-align:middle;" valign="middle"><h1 style="margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:46px; font-weight:bold; text-align:center;">On bosse </h1></td>
<td style="vertical-align:middle;" valign="middle" align="center"><table border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0px auto;" role="presentation" bgcolor="#FFCE3D">
<tr>
<td><h1 id="texte01" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">t</h1>
<h1 id="texte09" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">e</h1>
<h1 id="texte17" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">a</h1></td>
<td><h1 id="texte02" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">o</h1>
<h1 id="texte10" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">n</h1>
<h1 id="texte18" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">u</h1></td>
<td><h1 id="texte03" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">u</h1>
<h1 id="texte11" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">c</h1>
<h1 id="texte19" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">s</h1></td>
<td><h1 id="texte04" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">j</h1>
<h1 id="texte12" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">o</h1>
<h1 id="texte20" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">s</h1></td>
<td><h1 id="texte05" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">o</h1>
<h1 id="texte13" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">r</h1>
<h1 id="texte21" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">i</h1></td>
<td><h1 id="texte06" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">u</h1>
<h1 id="texte14" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;">e</h1>
<h1 id="texte22" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;"> </h1></td>
<td><h1 id="texte07" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">r</h1>
<h1 id="texte15" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;"> </h1>
<h1 id="texte23" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;"> </h1></td>
<td><h1 id="texte08" style="font-size:46px; color:#000000; font-family:Arial, Helvetica, sans-serif;">s</h1>
<h1 id="texte16" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;"> </h1>
<h1 id="texte24" style="font-size:0px; color:#000000; font-family:Arial, Helvetica, sans-serif;"> </h1></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.