body {
background-image:url(images/fukuoka.JPG);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
font-size:10pt;
font-family:Verdana;
text-align:justify;
margin:0;
padding:0;
color:#333333;
}

#page {
width:900px;
margin:auto;
padding:auto;
background-image:url(images/pagetaupe.png);
background-size: 100% 100%;
-moz-opacity: 0.82;
opacity: 0.82;
filter:alpha(opacity=82);
}

#pageblack {
width:900px;
margin:auto;
padding:auto;
background-image:url(images/pageblack.png);
background-size: 100% 100%;
-moz-opacity: 0.88;
opacity: 0.88;
filter:alpha(opacity=88);
}

#header {
clear:both;
width:850px;
height:72px;
background-image:url(images/header6.png);
padding-top:30px;
padding-left:50px;
font: Trebuchet;
}

#menulinks {
clear:both;
width:875px;
height:42px;
padding-left:25px;
background-image:url(images/menulinks6.png);
}

* html #menulinks a { /* Filter for IE6 to prevent li stacking */
float: left;
text-decoration: none;
}

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
float: left;
text-decoration: none;
}
  
#menulinks a {
padding-left:11px;
height:35px;
background-image:none;
display:block;
color:#FFFFFF;
text-decoration:none;
float:left;
font-size:14px;
font-weight:bold;
margin-right:3px;
margin-left:3px;
}

#menulinks a span {
padding-left:8px;
padding-right:20px;
padding-top:9px;
height:26px;
display:block;
background-image:none;
text-decoration:none;
cursor:pointer;
}
  
  
#menulinks a:hover, #menulinks a.active, #minimenu a.active {
background-image:url(images/menuhover6.png);
background-position:top left;
text-decoration:none;
color:#FFFFFF;
border-bottom: 1px;
}

#menulinks a:hover span, #menulinks a.active span {
background: url(images/menuhoverright6.png) right top no-repeat;
text-decoration:none;
color:#FFFFFF;
}

#minimenu {
width: 150px;
float: left;
margin-left: 300px;
margin-right: 6px;
margin-top: 10px;
text-align: center;
display: block;
padding: 10px 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #BBBAA7;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #BBBAA7;
}

#minimenu a {
color: #AB9389;
}

#mainarea {
width:860px;
clear:both;
padding-left:40px;
}

#contentarea {
width:810px;
padding-right:30px;
float:left;
line-height:14pt;
padding-bottom:10px;
color: rgba(255, 255, 255, 0.8);
}

#contentarea_exo {
width:810px;
padding-right:30px;
float:left;
line-height:14pt;
padding-bottom:10px;
background-color: #000000;
color:#4196B0 ;
}

#codebox {
width:786px;
margin-top:12px;
margin-bottom:12px;
margin-left:3px;
padding:10px;
background-color:#E5E4D7;
overflow:auto;
border-color:#666633;
border-width:1px;
border-style:dashed;
font-family:Courier new;
font-size:8pt;
color:#2C6700;
}

#footer {
width:900px;
clear:both;
height:30px;
padding-top:20px;
text-align:center;
line-height:14pt;
background-image:url(images/footer6.png);
background-repeat:no-repeat;
color:#FFFFFF;
}

#footer a {
color:#FFFFFF;
}

h1 {
font-size:20pt;
color:#FFFFFF;
margin:0;
}

h1 a {
color:#FFFFFF;
}

h2 {
font-size:12pt;
color: rgba(240, 230, 145, 0.8);
padding-top:6px;
text-align: center;
}

h3 {
font-size:11pt;
color:#BEBDA0;
padding-top:6px;
text-align: left;
}

p {
text-align: justify;
}

table {
color: rgba(0, 47, 47, 0.8);
}

.delimiteur {
border:0;
height: 1px;
color: #7694A2;
border-color: #7694A2;
background-color: #7694A2;
width: 40%;
text-align: left;
margin-left: 0;
margin:-0.5em 0;
padding:0;
}

.code {
font-family:Courier new;
color:#FFFFFF;
}

.description {
font-size:14pt;
color:#FFFFCC;
margin:0;
padding-left:5px;
}

.comment {
font-size: 8pt;
text-align: justify;
}

a {
color:#0A8BAA;
text-decoration:none;
}

a:hover {
text-decoration:none;
background-color:#FF7F50;
color:#FFFFFF;
}

a[name] {color:#FFFFFF;} 

.italique { font-style: italic; }
.gras { font-weight: bold; }

.backtop {
font-size: 10pt;
font-style:italic;
text-align: right;
text-decoration: none;
}

.API { 
font-family: DejaVu Sans, Arial, Times New Roman;
font-size: 11pt;
font-weight: lighter;
}

img {
margin: 20px;
text-align:center;
border-width: 2px;
border-style: dashed;
border-color: #BEBDA0;
}