html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

body {
  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) 0 0 repeat;
  font-family:digitaldream,"Lucida Grande",Verdana,Arial,"Gill Sans",Helvetica,sans-serif
}
#wrap-main {
  position:absolute;
  top:50%;
  width:2990px;
  height:340px;
  margin-top:-170px;
  background:#ccc;
  border:1px solid #333;
  border-width:1px 1px 1px 0;
  box-shadow:0 0 30px #000;
  -moz-box-shadow:0 0 30px #000;
  -webkit-box-shadow:0 0 30px #000
}
#main               {padding-top:30px}
h1                  {padding:120px 50px 0; font-size:32px; line-height:32px}
h2                  {padding:0 0 10px; font-size:28px; line-height:28px; color:#fff}
h3                  {padding:5px 0 0; font-size:18px; line-height:24px; font-weight:normal; color:#fff}
#header, .fete      {float:left}
.fete               {width:365px}
.fete a             {display:block; width:300px; height:200px; border:1px solid #333; box-shadow:0 0 15px #333; -moz-box-shadow:0 0 15px #333; -webkit-box-shadow:0 0 15px #333}
.fete a:hover       {border:1px solid #000; box-shadow:0 0 15px #000; -moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000}
.fete a span        {display:block; text-indent:-999em}
#fete2011 a         {background:transparent url(/img/2011.png) 0 0 no-repeat}
#fete2010 a         {background:transparent url(/img/2010.png) 0 0 no-repeat}
#fete2009 a         {background:transparent url(/img/2009.jpg) 0 0 no-repeat}
#fete2008 a         {background:transparent url(/img/2008.jpg) 0 0 no-repeat}
#fete2007 a         {background:transparent url(/img/2007.jpg) 0 0 no-repeat}
#fete2006 a         {background:transparent url(/img/2006.jpg) 0 0 no-repeat}
#fete2005 a         {background:transparent url(/img/2005.jpg) 0 0 no-repeat}
#fete2011 a:hover   {background:transparent url(/img/2011.png) 0 -200px no-repeat}
#fete2010 a:hover   {background:transparent url(/img/2010.png) 0 -200px no-repeat}
#fete2009 a:hover   {background:transparent url(/img/2009.jpg) 0 -200px no-repeat}
#fete2008 a:hover   {background:transparent url(/img/2008.jpg) 0 -200px no-repeat}
#fete2007 a:hover   {background:transparent url(/img/2007.jpg) 0 -200px no-repeat}
#fete2006 a:hover   {background:transparent url(/img/2006.jpg) 0 -200px no-repeat}
#fete2005 a:hover   {background:transparent url(/img/2005.jpg) 0 -200px no-repeat}

@font-face {
  font-family: 'digitaldream';
  src: url('/fonts/digitaldream/DIGITALDREAMFAT-webfont.eot');
  src: local('☺'), url('/fonts/digitaldream/DIGITALDREAMFAT-webfont.woff') format('woff'), url('/fonts/digitaldream/DIGITALDREAMFAT-webfont.ttf') format('truetype'), url('/fonts/digitaldream/DIGITALDREAMFAT-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'scratchmyback';
  src: url('/fonts/scratchmyback/SCRATCHM-webfont.eot');
  src: local('☺'), url('/fonts/scratchmyback/SCRATCHM-webfont.woff') format('woff'), url('/fonts/scratchmyback/SCRATCHM-webfont.ttf') format('truetype'), url('/fonts/scratchmyback/SCRATCHM-webfont.svg#webfontX4pGz9fc') format('svg');
  font-weight: 400;
  font-style: normal;
}