/*
Original design: andreas07 (v2.0 - Jul 07, 2008) - 
http://andreasviklund.com/templates/andreas07

dark blue      abb2da  172 185 217
dark grey      9ba0a6  154 160 156
light blue     e5e8ed  229 232 239
very dark blue 8fa0cf 144 162 208
vieux cadre menu c0c0c0 à supprimer
fonds blanc    fafafa

*/

/* Main tags */

body {
margin:0; 
padding:0; 
background:#fafafa url(img/bodybg.jpg) top left repeat-y; 
font:76% Verdana,Tahoma,sans-serif;}

ul {
margin:5px 0 16px 5px; 
padding:0;}

li {
margin:0 0 8px 15px; 
padding:0; }

img {
margin:10px auto 16px auto; 
background:#fafafa; }

img.floatLeft {
float:left; 
margin:7px 7px 7px 0px;
padding:1px;
border:1px solid #9ba0a6;}

img.floatRight {
float:right; 
margin:7px 0px 15px 7px;
padding:1px;
border:1px solid #9ba0a6;}

a {
color:#8fa0cf; 
font-weight:bold; text-decoration:none;}

a:hover {
color:#5500ff; 
text-decoration:underline;}

a img {
border-color:#8fa0cf;}

a img:hover {
background:#9ba0a6; 
border-color:#5500ff;}

/* Wrap */

#wrap {width: 990px;}

/* Left sidebar */

#leftside {
width:220px; 
background:#e5e8ed url(img/sidebarbg.jpg) top right repeat-y; 
text-align:right; 
float:left;}

#leftside img {
float:left; 
margin:7px 15px 15px 7px;}

#leftside h1 {
margin:20px 9px 0 5px; 
color:#8fa0cf; 
font-size:3.1em; 
letter-spacing:-2px; 
text-align:right;}

#leftside h2 {
margin:0 9px 18px 10px; 
color:#9ba0a6; 
font-size:1em; 
font-weight:normal; 
letter-spacing:3px; 
text-align:right;}

#leftside h3 {
margin:20px 18px 4px 5px; 
color:#8fa0cf; 
font-size:1.0em; 
font-weight:normal; 
letter-spacing:-1px; 
text-align:right;}

#leftside p {
margin:0 20px 18px 5px; 
color:#9ba0a6; 
font-size:0.8em;}

#leftside a {color:#9ba0a6}

/* Navigation menu */

#menu a {
display:block; 
width:202px; 
padding:5px 18px 5px 0; 
color:#9ba0a6; 
background:#e5e8ed url(img/sidebarbg.jpg) top right repeat-y; 
font-size:1.6em; 
font-weight:normal; 
text-decoration:none; 
letter-spacing:-1px;}

#menu a:hover {
color:#303030; 
background:#f0f0f0 url(img/sidebarbg.jpg) top right repeat-y;}

#menu a.active {
padding:5px 18px 5px 0; 
background:#fafafa; 
border-top:2px solid #9ba0a6; 
border-bottom:2px solid #9ba0a6;}

#menu a.active:hover {
color:#505050; 
background:#fafafa;}

#menu a.sub {
display:block; 
width:202px; 
padding:5px 18px 5px 0; 
color:#8fa0cf; background:#e5e8ed url(img/sidebarbg.jpg) top right repeat-y; 
font-size:1.3em; font-weight:normal; 
text-decoration:none; 
letter-spacing:-1px;}

#menu a.sub:hover {
color:#8fa0cf; 
background:#f0f0f0 url(img/sidebarbg.jpg) top right repeat-y;}

#menu a.subactive {
padding:5px 18px 5px 0; 
background:#fafafa; 
border-top:2px solid #9ba0a6; border-bottom:2px solid #9ba0a6; 
font-size:1.3em; 
font-weight:normal; text-decoration:none; 
letter-spacing:-1px; 
color:#8fa0cf;}

#menu a.subactive:hover {
color:#8fa0cf; 
background:#fafafa;}

#menu a.sub2 {
display:block; 
width:202px; 
padding:5px 18px 5px 0; 
color:#303030; background:#e5e8ed url(img/sidebarbg.jpg) top right repeat-y; 
font-size:1.0em; font-weight:normal; 
text-decoration:none; 
letter-spacing:-1px;}

#menu a.sub2:hover {
color:#303030; 
background:#f0f0f0 url(img/sidebarbg.jpg) top right repeat-y;}

#menu a.subactive2 {
padding:5px 18px 5px 0; 
background:#fafafa; 
border-top:2px solid #9ba0a6; border-bottom:2px solid #9ba0a6; 
font-size:1.0em; 
font-weight:normal; text-decoration:none; 
letter-spacing:-1px; 
color:#303030;}

#menu a.subactive2:hover {
color:#303030; 
background:#fafafa;}

/* Right sidebar */

#extras {
width:200px; 
float:right; 
color:#666;}

#extras h2, 
#extras h3 {
margin:10px 0 12px 0; 
color:#606060; 
font-size:1.6em; 
font-weight:400; 
letter-spacing:-1px; 
text-align:center; 
border-bottom:2px solid #b0b0b0;}

#extras p {
line-height:1.4em; 
margin: 0 0 15px 0;}

/* Content area */

#content {
width:520px; 
margin:0 0 0 240px; 
padding:10px 0; 
background:#fafafa;}

#content p {
margin:0 0 16px 0; 
line-height:1.5em;}

#content p.intro {
font-weight:bold; 
color:#9ba0a6;}

#content h1 {
margin:0 0 10px 0; 
color:#8fa0cf; 
font-weight:normal; 
font-size:2em; 
letter-spacing:-2px; 
text-align:left;}

#content h2 {
margin:0 0 10px 0; 
color:#9ba0a6; 
font-weight:normal; 
font-size:1.3em; 
letter-spacing:-1px; 
text-align:left;}

#content h3 {
margin:20px 0 10px 0; 
color:#8fa0cf; 
font-weight:normal; 
font-size: 1.1em; 
letter-spacing:-2px;}