* {
margin:0;
padding:0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1, h2, h3, h4, h5, p, ul {
margin:14px 0;
}
ul {
list-style-type:none;
}
body {
font-family:"trebuchet MS";
font-size:12px;
text-align:center;
line-height:150%;
}
img {
border:none;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.center {
text-align:center;
}
.clearer {
clear:both;
height:1%;
}
a:link, a:visited {
color:#a40087;
}
/* LAYOUT */
#page {
text-align:left;
width:921px;
margin:auto;
}
#content {
width:637px;
float:left;
margin-left:23px;
}
#content .inner {
margin-top:10px;
}
#sidebar {
float:right;
width:261px;

}
#sidebar .inner {
}
#footer {
clear:both;
width:100%;
}

body {
background:url("img/bg.gif");
}
#page {
background:url("img/page.jpg") repeat-y center;
}
#header {
background:url("img/header.jpg") no-repeat top;
height:331px;
position:relative;
}
#animheader1 {
position:absolute;
top:193px;
left:11px;
}
#animheader2 {
position:absolute;
top:197px;
left:523px;
}
#menu {
height:48px;
position:absolute;
top:276px;
left:108px;
}
#menu ul {
margin:0;
}
#menu li {
display:inline;
}
#menu li a {
display:block;
height:48px;
line-height:48px;
float:left;
text-indent:-5999px;
overflow:hidden;
width:141px;

}
#menu a#accueil {
background:url("img/menu_accueil.gif") no-repeat center top;
}
#menu a:hover#accueil {
background:url("img/menu_accueil.gif") no-repeat center bottom;
}

#menu a#reglement {
background:url("img/menu_reglement.gif") no-repeat center top;
}
#menu a:hover#reglement {
background:url("img/menu_reglement.gif") no-repeat center bottom;
}

#menu a#gagnant {
background:url("img/menu_gagnant.gif") no-repeat center top;
}
#menu a:hover#gagnant {
background:url("img/menu_gagnant.gif") no-repeat center bottom;
}
#menu a#faq {
background:url("img/menu_faq.gif") no-repeat center top;
}
#menu a:hover#faq {
background:url("img/menu_faq.gif") no-repeat center bottom;
}

#menu a#contact {
background:url("img/menu_contact.gif") no-repeat center top;
}
#menu a:hover#contact {
background:url("img/menu_contact.gif") no-repeat center bottom;
}

a img.thumb,  table.video a img, p.top img {
border:2px solid #891f52;
}
a:hover img.thumb, table.video  a:hover img, p.top a:hover img {
border:2px solid #000;
}


/*sidebar*/
.sidebox {
background:url("img/sidebox.gif") repeat-y center;
width:237px;
margin-bottom:15px;
}
.sidebox h3 {
margin:0;
color:#891f52;
text-align:center;
line-height:42px;
background:url("img/sidebox-title.gif") no-repeat center top;
font-size:18px;
}

.sidebox a.dl {
line-height:42px;
display:block;
background:url("img/sidebox-dl.gif") no-repeat center top;
text-indent:-5999px;
overflow:hidden;
}
.sidebox a:hover.dl {
background:url("img/sidebox-dl.gif") no-repeat center bottom;
}
.sidebox-foot {
background:url("img/sidebox-bottom.gif") no-repeat bottom;
height:13px;
}
.sidebox a {
color:#a40087;
}
.sidebox li a {
text-decoration:none;
}
.sidebox a:hover {
color:#333;
}
.sidebox ul {
margin:0 2px;
}
.sidebox li {
padding:2px 5px;
font-weight:bold;
border-bottom:1px solid #CCC;
}
.sidebox h4 {
margin:0;
font-size:12px;
color:#333;
}
.sidebox small {
display:block;
font-size:10px;
color:#666666;
}
p.top {
text-align:center;
}
/*content*/
p.cat {
color:#CCC;
text-align:center;
}
p.cat a {
color:#FFF;
}
p.cat a:hover {
color:#FFFFCC;
}
.box {
width:611px;
background:box.gif;
text-align:center;
float:left;
margin:0 0 20px 0;
background:url("img/box.gif") repeat-y;
}
.box table.video {
margin:auto;
}
.box table.video td {
padding:5px;
}
p.desc {
width:480px;
background:#FFF;
margin:auto;
text-align:left;
border:1px solid #CCC;
padding:5px;
margin-bottom:15px;
color:#666;
}
.box h3 {
color:#891F72;
font-size:18px;
text-align:center;
margin:0;
padding:0;
line-height:42px;
background:url("img/box-title.gif") no-repeat top;
}
a.boxdl {
display:block;
background:url("img/box-dl.gif") no-repeat center top;
line-height:53px;
width:611px;
height:53px;
overflow:hidden;
text-indent:-5999px;
}
a:hover.boxdl {
background:url("img/box-dl.gif") no-repeat center bottom;
}

#footer {
background:url("img/footer.jpg") no-repeat center bottom;
padding:40px 0;
text-align:center;
color:#000;
width:100%;
}
#footer a {
color:#620035;
}
#footer p {
margin:0;
padding-top:15px;
}
/*HACK IE6*/
* html #content {
margin-left:10px;
}