* {
	font-family:Verdana,sans-serif;
	color:#1b1f1f;
	outline:none; 
}

#content{
	width:780px;
	margin:0 auto;
	margin-bottom:10px;
	overflow:hidden;
}

#bonus, #download {
width:380px;
float:left;
}

#download {
margin-left:20px;
}

#download #title h1{
margin-bottom:60px;
}

#artwork {
clear:both;
margin-bottom:50px;
}

#title h1 {
clear:both;
float:left;
text-transform:uppercase;
font-weight:normal;
}
#title h1 span{
text-decoration: line-through;
}
#title img {
float:right;
}
ol li a, ul li a {
text-transform:uppercase;
text-decoration: none;
color:#1b1f1f;
font-size:22px;
}

ul li {
text-transform:uppercase;
text-decoration: none;
font-size:22px;
}

p {
clear:both;
}

ol li{
margin-bottom:10px;
}

ol li a:hover, ul li a:hover {
text-decoration: line-through;
}

ul {
font-size:22px;
padding-left:50px;
width:330px;
float:left;
list-style-type: none;
clear:both;
}

ol, ol.col2 {
list-style-type: decimal-leading-zero;
font-size:22px;
padding-left:50px;
width:330px;
float:left;
}

ol.col2 {
margin-left:20px;
}

.titre {
display: block;
line-height:22px;
}

.legende {
display: block;
font-size:10px;
color:#333333;
line-height:10px;
}

.legende a{
font-size:10px;
color:#333333;
line-height:10px;
text-transform:none;
text-decoration:none;
font-weight:bold;
}

.legende a:hover{
text-decoration: line-through;
}

#logo1, #logo3, #logo2, #logo4{
width:390px;
float:left;
text-align:center;
}


#logo1 a img, #logo2 a img{
border:0;
}

a.facebook{
display:block;
height:100px;
width:100px;
background:url(./facebook.gif) no-repeat bottom left;
text-indent:-9999px;
}

a.facebook:hover{
background:url(./facebook.gif) no-repeat top left;
}


a.twitter{
display:block;
height:100px;
width:118px;
background:url(./twitter.gif) no-repeat bottom left;
text-indent:-9999px;
}

a.twitter:hover{
background:url(./twitter.gif) no-repeat top left;
}