body {
font-size: 62.5%; 
margin: 0em auto; 
padding: 0px; 
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; 
color: #333;
background-image:  url(bg_page.jpg);
background-repeat: no-repeat;
background-position: 17% 20px;
}
strong {
color: #336666;
}
*{
padding: 0; 
margin: 0;
}
.page-container {
width: 780px; 
margin: 0px auto; 
margin-bottom: 20px; 
padding: 0px;
background-color: rgb(255,255,255);
}
.content-pagetitle {
width: 100%; 
margin: 0px; 
padding: 0px; 
}
.content-pagetitle img {
margin-top: 5px; 
padding: 0px; 
}
.contentbox-title {
margin: 0px; 
padding: 1px; 
background-color: transparent; 
}
img {
border: 0px; 
}
a img { 
border: 0px; 
}
/* Text*/
h1 {
clear: left; 
margin: 1px 0px 5px 0px; 
font-weight: bold;
font-size: 150%;
color: #000033;
padding-bottom: 3px;
padding-top: 3px;
}
h2 {
clear: left; 
margin: 3px 0px 0.5em 0px; 
font-weight: bold; 
font-size: 140%;
color: #cc0000;
}
h3 {
clear: left; 
margin: 2px 0px 0.5em 0px;	
font-weight: bold; 
font-size: 140%;
color: #000033;
}
h4 {
clear: left; 
margin: 5px 0px 0.5em 0px; 
font-weight: bold;
font-size: 130%
}
h5 {
clear: left; 
margin: 0px; 
font-weight: bold;
font-size: 130%;
}
h6 {
clear: left; 
margin: 0px;	
font-weight: bold; 
font-style: italic; 
font-size: 130%;
}
p {
margin: 5px 0px 0.3em 0px; 
padding: 0px;
line-height: 1.2em;
font-size: 140%;
}
/* Banner */
.site-name  {
clear: both;
float: left; 
position: absolute;
z-index: 2; 
width: 700px; 
top: 2px; 
margin: 0px; 
padding-left: 5px; 
background-color: transparent; 
}
.site-slogan  {
float: left; 
position: absolute; 
z-index: 1; 
width: 700px; 
top: 1em; 
left: 0px; 
margin: 0px; 
padding: 0px 0px 0px 3px; 
background-color: transparent; 
}
.img-header {
visibility: hidden;
clear: both;
float: left; 
width: 780px; 
height: 45px; 
margin: 0px; 
padding: 0px;
}
.topStripe  {
border: 0px;
width: 771px;
height: 25px;
background-image:  url(top_stripe_b.gif);
background-repeat: no-repeat;
background-position: top left;
}
.sidebanner-logo {
clear: both; 
float: left; 
width: 150px; 
margin: 2px; 
padding: 1px;
height: 300px;
}
.sidebanner-logo a {
border: none;
}
/* Main Nav */
#navcontainer ul {
float: left;
padding: .2em 0;
margin: 0px;
list-style-type: none;
width: 780px;  
min-height: 1.0em;
line-height: 1.0em; 
border-top: solid 1px rgb(84,111,144);
border-bottom: solid 1px rgb(84,111,144); 
background-color: #336666;
font:  14px arial, helvetica, sans-serif;
text-align: center;
text-transform:uppercase;
font-weight: bold;
}
#navcontainer li { 
display: inline; 
}
#navcontainer li a {
color: rgb(255,255,255); 
text-decoration: none;
padding: 8px;
}
#navcontainer li a:hover {
background-color: inherit; 
color: #cc9; 
}
.buffer {
float: left; 
width: 780px; 
height: 2px; 
margin: 0px; 
padding: 0px;
}
.container-content-sidebar-front {
float: left; 
width: 619px; 
margin: 0px; 
padding: 0px 0px 20px 1px; 
background-color: rgb(255,255,255);
}
/* Content */
.content a	{
text-decoration: none;
font-weight: normal;
background: transparent;
}
.content a:link	{
color:	#069;
background: transparent;
}
.content a:visited	{
color:	#069;
background: transparent;
}
.content a:active	{
color:	#069;
background: transparent;
}
.content a:hover	{
color:	#069;
background: #eee;
text-decoration: none;
}
.content {
float: left;
width: 438px; 
margin: 0px; 
padding: 0px 0px 0px 20px;
background-color: transparent; 
}
.contentbox-container {
clear: both;
float: left; 
width: 435px; 
margin: 0px 0px 5px 0px;
padding: 0px;
} 
.contentbox-full {
width: 435px;
margin: 0px; 
padding: 0px;
border-top: 1px dashed #eee;
background-image:  url(bg_realisations.gif);
background-repeat: no-repeat;
background-position: 17% 40px;
}
.content ul.linklist-indent {
margin: -0.3em 0px 0.5em 0.5em; 
padding: 0px;
list-style-type: none; 
line-height: 1.3em; 
font-size: 140%;
}
.contentbox-project-left {
float: left;
width: 390px;
margin:  0px 5px; 
padding: 3px;
border-left: 1px dashed #eee;
}
/* Sidebar */
.sidebar {
float: right; 
width: 155px; 
margin: 0px ; 
padding: 3.1em 0px 0px 0px; 
background-color: rgb(255,255,255);
} 
.sidebarbox-border {
width: 130px;
margin: 0px 0px 0px 9px; 
padding: 4px 4px; 
-moz-border-radius:5px; 
}
.sidebarbox-border {
width: 130px;
margin: 0px 0px 1.0em 9px; 
padding: 4px 4px 4px 4px; 
}
.sidebarbox-title-noshading {
display: block; 
margin: 0px 0px 2px 0px; 
padding: 0px; 
background-color: transparent;
font-weight: bold;
font-size: 110%;
color: #cc0000;
}
.sidebarbox-title-shading {
display: block; 
margin: 0px 0px 2px 0px; 
padding: 2px 5px 3px 5px; 
background-color: rgb(225,225,225); 
font-weight: bold; 
font-size: 110%;
}
.sidebarbox-noborder p {
margin: 0px 5px 0.4em 5px; 
padding: 0px;
background-color: transparent;
line-height: 1.2em; 
font-size: 110%;
}
.sidebarbox-border p {
margin: 0px 0px 0.4em 0px; 
padding: 0px; 
background-color: transparent;
line-height: 1.2em; 
font-size: 110%;
}
/*  Footer */
.footer {
clear: both;
width: 780px; 
height: 1em; 
margin: 5px; 
padding: 0.5em 0px 0.5em 0px; 
background-color: #fff; 
color:#999;
}
.footer p {
margin: 0px; 
padding: 0px; 
text-align: center;
line-height: 1.3em;
font-size: 110%;
}
#mainText { 
width: 360px;
height: auto;
float: left;
margin-top: 0px;
}
#mainImage { 
width: 400px;
height: auto;
float: right;
margin-top: 1px;
margin-bottom: 2px;
padding-bottom: 1px;
}
/*  Utilies */
.clear {
clear: both;
}
.hide {
display: none;
}
br {
clear: none;
}
.spacer {
line-height: 20px;
}
.img-right {
float: right; 
margin: 2px 0px 80px 7px; 
}
.img-left {
float: left; 
margin: 2px 0px 15px 7px; 
}
.img-animations-left {
float: left; 
margin: 2px 0px 10px 7px; 
}
.breadcrumb {
color: #666;
font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
font-size: 120%;
margin-bottom: 5px;
}
.nuit {
clear: both;
width: 500px;
margin-top: 0.5em;
margin-left: 30px; 
border: 1px solid #eee;
padding : 0.5em; 
}
.sherlock {
clear: both;
width: 370px;
margin-top: 0.5em;
margin-left: 0px; 
border: 1px solid #eee;
padding : 0.5em; 
}
.smltxt {
width: auto;
font-family: verdana, arial, helvetica, sans-serif; 
font-size : 90%;
color: #333; 
margin: 5px;
padding: 0px;
}