/* Reset CSS v1.0 by Eric Meyer | 20080212 */
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, b, u, i, center, dl, dt, dd, ol,  fieldset, form, label, legend{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
html{
  height:100%;
  }
ol, ul, li{ 
  list-style-type:none;
  margin:0;
  padding:0;
  }
blockquote, q{ 
  quotes:none;
  }
blockquote:before, blockquote:after,
q:before, q:after{  
  content:'';content:none;
  }
:focus{  
  outline:0;
  }
ins{  
  text-decoration:none;
  }
del{  
  text-decoration:line-through;
  }
table{  
  border-collapse:collapse;
  border-spacing:0;
  }



/*specific*/  
body{
background:#000 url(back.jpg) repeat top center;
background-attachment:fixed;
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0;
margin:0;
height:100%;
text-align:center;
color:#363434;
}

#container{
position:relative;
margin: 30px auto;
width:1000px;
background-color:#fff;
filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;*/
}
#header{
height:115px;
width:1000px;
}
#logo{
float:left;
height:115px;
width:373px;
}
#title{
float:right;
width:472px;
height:115px;
text-align:right;
font-family:Tahoma;
padding-right:30px;
}
#title h1{
color:#a83a00;
font-size:50px;
font-weight:normal;
}
#title h2{
color:#424242;
font-size:28px;
font-weight:normal;
}
#menu{
background-color:#363434;
color:#fff;
margin:0 30px;
font-size:16px;
height:25px;
padding:5px 0 0 0;
}
#menu a{
color:#fff;
text-decoration:none;
font-weight:normal;
}
#menu a:hover{
color:#fff;
text-decoration:underline;
}
#main{
width:1000px;
margin:32px 0 0 0;
}
#left{
float:left;
width:230px;
margin:0 0 0 32px;
padding-right:10px;
}
#left2{
float:left;
width:200px;
margin:0 0 0 32px;
padding-right:10px;
border-right:1px dotted #A83A00;
}
#right{
float:right;
width:660px;
height:560px;
margin:0 48px 0 0px;
padding-right:8px;
}
#right2{
float:right;
width:690px;

margin:0 48px 0 0px;
padding-right:8px;
overflow-y:auto;
}
#navigation{
width:655px;
height:520px;
padding:0;
margin-bottom:8px;
}
.navigitem {
float:left;
width:131px;
height:520px;
text-align:left;
}
#navigation img{
border:0;
border-right:1px solid #fff;
float:left;
margin:0;
padding:0;
}
#navigation table {
border:0;
padding:0;
border-collapse:collapse;
}
#navigation td{
border:0;
}
#footer{
margin:34px 20px 10px 20px;
padding:10px 0 15px 0;
border-top:1px solid #363434;
}
#footer a{
color:#363434;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
.quote{
text-align:left;
font-variant:italic;
font-size:14px;
}
.credit{
text-align:right;
font-size:13px;
width:219px;
font-size:11px;
}
.right{
text-align:right;
}
.portrait{
width:219px;
height:301px;
}
#left2 h1{
font-size:35px;
color:#351757;
text-align:left;
font-weight:normal;
}
#left2 h2{
font-size:18px;
color:#a83a00;
text-align:left;
font-weight:normal;
border-bottom:1px dotted #a83a00;

}

#right2 a{
color:#39006a;
font-weight:bold;
font-size:20px;
text-decoration:none;
}
 
#right2  a:hover{
text-decoration:underline;
}

#left2 .backlink, #liens .backlink{
color:#7b1100;
font-size:18px;
text-decoration:none;
font-weight:normal;
}
#left2 .backlink:hover, #liens .backlink:hover{
color:#7b1100;
font-size:18px;
text-decoration:underline;
font-weight:normal;
}