* { box-sizing:border-box; }

body { color:#e3e3e3 ; background-color:#333; font-size:20px; font-family:Verdana; margin:0 auto 20px; max-width:1000px; text-align:center; padding-bottom:300px; }

img { border:1px solid #666; box-shadow:5px 5px 8px #000; border-radius:6px; margin:12px 0 6px; }

h1 { text-shadow: 1px 1px #fff; }

h2 { margin:40px 0 0; }

h1 a { color:#bbb !important; text-decoration:none; border-bottom:3px solid transparent; padding-bottom:8px; transition:0.4s; }
h1 a:hover { border-bottom-color:#bbb; }

table { margin:auto; }
table td { vertical-align:top; }
table td a { display:inline-block; margin:12px; text-decoration:none; color:#e3e3e3 !important; transform:scale(1); transition:transform 0.4s; }
table td a:hover { transform:scale(1.05); }

a { transition:all .6s; }
a:link     { color:#88f; transition:all 0.6s; }
a:visited  { color:#08f; transition:all 0.6s; }
a:hover    { color:#f88; text-decoration:none; }
a:active   { color:#f88; text-decoration:none; }

.invisible { display:none; color:#f00; background:#fb0; }

.petit { font-size:70%; }