@charset "UTF-8";

/* containers */

html,body {
margin: 0;
padding: 0;}

body  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
background: #FFFFFF;
cursor: default;
color: #202020;}

#container { 
width: 870px;
text-align: left;}

#sidebar1 {
width: 180px;
left: 0px;
top: 0px;
position: fixed;}

#nav0 {
padding-top: 0px;
margin: 0;
padding: 20px;}


#mainContent {
width: 690px;
margin-left: 180px;
padding: 0;}

#mainContentprofile {
width: 480px;
margin-left: 180px;
margin-top: 75px;
padding: 0;}

#mainContentprofile table {
width: 480px;}

#mainContentprofile td {
width: 210px;
padding-right: 30px;}


/* lists */

ul {
list-style-type: none;
border-top: 1px dotted #DDDDDD;
border-bottom: 1px dotted #DDDDDD;
padding: 5px 0px 5px 10px;
margin: 5px 0px 5px 0px;}

/* table */

table {
	margin-top: 20px;}

table td {
vertical-align: top;
}

.boutique {
width: 100%;
display: block;
border-top: 4px solid #202020;}

.mainbar {
width: 440px;
padding: 0;
padding-bottom: 100px;
border-top: 4px solid #202020;}

.rightbar {
width: 170px;
padding-top: 20px;
padding-left: 20px;}

.typo {
padding-bottom: 50px;
border-top: 4px solid #202020;}

.typo img {
padding: 16px 0px 8px 0px;}

table {
width: 464px;
border: 0px;}

.mainbar img {
padding: 16px 0px 8px 0px;}

/* typo */

h2 {
font-size:12px;
font-weight: bold;
padding: 0;
margin: 0;}

h3 {
font-size: 14px;
margin: 0;
padding: 0;}

#nav {
font-size: 16px;
font-weight: bold;
line-height: 16px;}

a:link, a:visited, a:active{
color: #202020;
text-decoration: none;}

a:hover {
color: #f04031;
text-decoration: none;
font-weight: bold;
}

.notready  {
text-decoration:line-through;}

a img {
border: 0;}

.present {
color: #f04031;}

td:hover .layer {
display: block;}

.layer img {
padding-bottom: 5px;}

.layer {
border-top: 4px solid #202020;
padding-top: 18px;
display: none;
z-index:2;
position: fixed;
left:650px;
top: 23px;}