*,body,p,div,img,ul,li,h1,h2,h3,h4{margin:0;padding:0;border:0;}
img{display:block;}
ul{list-style-type:none;}
a{text-decoration:none;}

body{
margin:40px;
background:#DBF1F9 url(images/bg.jpg) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}

/* ------------- LINKS */
a{
color:#51A103;
}
a:hover{
color:#98BCC8;
}
#tutorials ul a.ext{
padding-right:12px;
background:url(images/ext.gif) right no-repeat;
}
#tutorials ul a.ext:hover{
background:#74BC2E url(images/ext_on.gif) right no-repeat;
}

#back{
position:absolute;
right:40px;
top:60px;
}
#back:hover{
padding-bottom:1px;
border-bottom:2px solid #74BC2E;
}
#tutorials ul a{
padding:2px 0;
}
#tutorials ul a:hover{
background:#74BC2E;
color:#DBF1F9;
}

#intro,#tutorials,#footer{
font-size:0.7em;
}

#info{
margin-top:40px;
background:url(images/info.gif) no-repeat;
}

.fr span{
background:#2E99BC;
color:#FFFFFF;
padding:2px 0;
}

.en span{
background:#BC2E74;
color:#FFFFFF;
padding:2px 0;
}

p{
line-height:1.4em;
margin-bottom:0.7em;
}

#tutorials{
padding-top:40px;
}
#en{
float:left;
width:338px;
color:#BC2E74;
}
#fr{
margin-left:388px;
width:338px;
color:#2E99BC;
}
#tutorials h2{
margin-top:40px;
}

#tutorials img{
display:inline;
}

#tutorials li{
margin-bottom:8px;
padding-bottom:2px;
border-bottom:1px solid #FFFFFF;
}
#tutorials ul{
margin-top:6px;
}
#tutorials h3{
padding-top:4px;
padding-bottom:1px;
border-bottom:1px solid;
font-size:1em;
}

#adsense{
margin-top:40px;
margin-bottom:10px;
}
#ads{
position:absolute;
top:124px;
right:40px;
}
#ads img,#ads script{
margin-bottom:20px;
}
#ads img{
border:3px solid #51A103;
}

#footer{
width:728px;
border-top:1px solid #98BCC8;
padding-top:4px;
color:#98BCC8;
}
#footer a{
border-bottom:1px solid #98BCC8;
}
#footer li{
display:inline;
margin:0 3px;
}
#footer ul{
float:right;
width:300px;
text-align:right;
}
#footer p{
float:left;
}