@charset "iso-8859-1";

@media print {
#lang-selector {
display:none
}
}

body {
font:100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:11pt;
color:#333;
background-image:url('images/bgb2.jpg');
text-align:center;
margin:0 auto;
padding:0
}

img.b {
border:1px solid #999
}

img {
border:none
}

h2 {
font-size:11pt
}

h3 {
font-size:12pt
}

ul {
list-style-image:url('images/tenpx.jpg')
}

ul.line li {
line-height:140%
}

.twoColFixLtHdr #container {
width:1008px;
background:#fff url('images/twotone.jpg') left repeat-y;
border:2px solid #330065;
text-align:left;
margin:0 auto;
padding:0 2px 0 0
}

.twoColFixLtHdr #containerHost {
width:1008px;
background:#fff;
border:2px solid #330065;
text-align:left;
margin:0 auto;
padding:0 2px 0 0
}

.twoColFixLtHdr #containerwm {
width:896px;
background:#fff;
border:2px solid #330065;
text-align:left;
margin:0 auto;
padding:2px
}

.twoColFixLtHdr #header {
border-top:2px solid #FFF;
border-left:2px solid #FFF;
padding:0
}

.twoColFixLtHdr #title {
background:url('images/title-bg.jpg')
}

#tleft {
float:left;
width:178px;
padding-left:20px
}

#logo {
height:150px;
width:158px;
background:url('images/graphicz-title150.jpg') 0 0 no-repeat;
position:relative
}

#logo a {
height:150px;
width:158px;
display:block;
cursor:pointer
}

#tright {
float:right;
width:148px;
padding-right:20px
}

#logox {
height:150px;
width:128px;
background:url('images/developer150.jpg') 0 0 no-repeat;
position:relative
}

#logox a {
height:150px;
width:128px;
display:block;
cursor:pointer
}

#tmid {
padding-left:150px;
margin:0 160px
}

#logoq {
height:150px;
width:364px;
background:url('images/websites-that-work150.jpg') 0 0 no-repeat;
position:relative
}

#logoq a {
height:150px;
width:364px;
display:block;
cursor:pointer
}

.twoColFixLtHdr #bar {
background-color:#38204C;
height:28px;
min-height:28px
}

.twoColFixLtHdr #barnone {
background:url('images/barnonebg.jpg') top left repeat-y;
height:24px;
min-height:24px;
margin-left:-2px;
padding:5px 0 0 10px
}

.twoColFixLtHdr #barnone h2 {
color:#543767;
font-size:10pt;
margin:0;
padding:0
}

.twoColFixLtHdr #barnone h2 a {
color:#543767;
text-decoration:none
}

.twoColFixLtHdr #barnone h2 a:hover {
color:#639;
text-decoration:underline
}

.twoColFixLtHdr #barsome {
margin:0 10px 0 195px;
padding:10px 0 0
}

.twoColFixLtHdr #bari {
background-color:#330065;
text-align:right
}

#movie {
background:url('images/assbg.jpg') top left no-repeat;
height:150px;
padding:5px 0 0 8px
}

.twoColFixLtHdr #sidebar1,.twoColFixLtHdr #sidebar1p,.twoColFixLtHdr #sidebar1g {
float:left;
width:180px;
padding:15px 0
}

#vbnav {
padding:10px 0 0
}

#vnav {
list-style:none;
margin:0;
padding:10px 0 0
}

#vnav li {
background:transparent;
line-height:26px;
margin:-1px 0 0;
padding:0
}

#vnav li.1st {
border-top:1px solid #5C5C53;
margin:0
}

#vnav a,#vnav a.deselected {
display:block;
height:27px;
line-height:27px;
text-decoration:none;
font-weight:700;
border-bottom:1px solid #5C5C53;
color:#543767;
padding:0 0 0 15px
}

#vnav a:hover {
background:transparent;
color:#666;
border-bottom:1px solid #82888c
}

#vnav a.selected {
color:#639;
border-bottom:1px solid #639
}

#sbbottom {
padding:20px 10px 10px
}

.twoColFixLtHdr #sidebar2 {
float:right;
width:190px;
background:#E0D9E1 url('images/sbbottom.jpg') bottom no-repeat;
padding:0 0 24px
}

.twoColFixLtHdr #sidebar2a {
background:url('images/sbtop.jpg') top no-repeat;
padding:24px 10px 0 0
}

#nav {
width:165px;
margin-top:5px;
padding:5px 0 5px 6px
}

#navv {
width:165px;
margin-top:5px;
list-style:none;
display:block;
padding:5px 0 5px 6px
}

.twoColFixLtHdr #mainContentOct {
background:#fff;
color:#38204C;
margin:0 10px 0 195px;
padding:0 10px
}

.twoColFixLtHdr #mainContent {
background:#fff;
margin:0 10px 0 195px;
padding:0
}

.twoColFixLtHdr #mainContentWide {
background:#fff;
margin:0 10px;
padding:0
}

.twoColFixLtHdr #mainContentMcx {
background:#fff;
margin:-10px 10px 0 195px;
padding:0
}

#mcboxmid {
background:url('images/boxmiddle.jpg') repeat-y;
width:399px;
float:left;
padding:0
}

#mcboxbotxy {
background:url('images/boxbottom.jpg') bottom no-repeat;
padding-bottom:18px;
height:400px;
min-height:400px
}

*html #mcboxbotxy {
min-height:320px;
height:auto !important
}

#mcboxbotrxy {
background:url('images/boxbottom.jpg') bottom no-repeat;
padding-bottom:18px;
height:470px;
min-height:470px
}

*html #mcboxbotrxy {
min-height:380px;
height:auto !important
}

#mcboxmidr p {
margin:0;
padding:0 0 0 20px
}

#mcboxmidr li {
font-weight:700;
line-height:140%
}

ul.mcx {
list-style-image:url('images/tenpx.jpg');
margin:0;
padding:0 0 0 30px
}

h2.mcxbot {
clear:left;
padding-top:10px;
text-align:center;
color:#543767
}

.iframemcx {
width:170px;
height:350px;
margin-left:auto;
margin-right:auto
}

.twoColFixLtHdr #mainContentwm {
background:#fff;
margin:0 10px;
padding:0 10px 0 20px
}

.twoColFixLtHdr #mainContentap {
background:#fff;
margin:0 10px 0 220px;
padding:0 10px
}

.twoColFixLtHdr #mainContentap h5 {
line-height:1.4;
color:#006;
font-size:10pt
}

.twoColFixLtHdr #mainContentpp {
background:#fff;
margin:0 10px 0 200px;
padding:0 10px
}

.twoColFixLtHdr #mainContentp {
background:#fff;
margin:0 10px 0 195px;
padding:0 10px
}

.twoColFixLtHdr #mainContentsb {
background:#fff;
margin:0 195px;
padding:0 10px
}

.twoColFixLtHdr #mainnav {
text-align:center;
background:#fff;
margin:0;
padding:0 10px
}

.twoColFixLtHdr #bar2 {
text-align:center;
margin:0 0 0 195px;
padding:0 10px
}

.twoColFixLtHdr #footer {
background-color:#38204C;
border-bottom:2px solid #FFF;
border-left:2px solid #FFF;
padding:0
}

.twoColFixLtHdr #footer p {
margin:0;
padding:10px 0
}

.twoColFixLtHdr #footer ul.sitemap {
list-style:none;
padding:0 0 0 10px
}

.twoColFixLtHdr #footer .sitemap {
float:left
}

.twoColFixLtHdr #footer .sitemap a {
color:#bca9c9;
font-size:10pt
}

.twoColFixLtHdr #footer ul.sitemap > li {
float:left;
width:225px;
list-style:none;
margin-left:20px
}

.twoColFixLtHdr #footer ul.sitemap ul > li {
margin-bottom:5px
}

.twoColFixLtHdr #footer ul.sitemap li > ul {
list-style:none;
border-top:1px solid #573F64;
padding:5px 0 0
}

.fltrt {
float:right;
margin-left:8px
}

.fltrtimg {
float:right;
margin-left:8px;
padding-right:70px
}

.fltrtimgx {
float:right;
margin-left:8px;
padding-right:33px;
padding-top:250px
}

.fltrtt {
float:right;
margin:0 0 0 10px
}

.fltlft {
float:left;
margin-right:8px
}

.fltlftc {
float:left;
width:300px
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0
}

.clearfloata {
clear:all;
height:0;
font-size:1px;
line-height:0
}

.style2 {
color:#900
}

.style5 {
color:#C93
}

.style7 {
font-size:10pt;
font-weight:700;
color:#C93
}

.style8 {
font-size:16pt;
font-style:italic
}

.style9 {
font-size:8pt;
color:#999
}

.style10 {
color:#D4D0C8
}

.style11 {
color:#3E5B83
}

.style12 {
color:#999
}

.style13 {
font-size:8pt
}

.style14 {
font-size:9pt
}

.style15 {
color:red;
font-weight:700
}

.style17 {
font-size:12pt;
font-weight:700
}

.style18 {
color:#FFF
}

.style1888 {
color:#38204C;
font-size:13pt
}

.style19 {
font-size:18px
}

h2.wds {
color:#006;
font-size:16pt;
font-style:italic;
margin:0 0 0 -12px;
padding:0
}

h2.wdz {
color:#006;
font-size:16pt;
font-style:italic
}

.style20 {
font-style:italic;
font-weight:700;
font-size:16pt
}

.style22 {
font-size:x-large
}

.style22x {
color:#543767;
font-size:14pt
}

.style21 {
font-size:15pt
}

.style24 {
color:#543767
}

.style24x {
color:#543767;
font-size:10pt;
font-weight:700
}

ul.c3 {
list-style-type:none
}

li.c2 {
margin-left:10px
}

li.c22 {
list-style:none
}

a.cont {
text-decoration:underline;
color:#006
}

a:hover.jcc {
color:maroon;
font-size:10pt;
text-decoration:none
}

-->
<!-- a:active.jc {
color:red;
font-size:14pt;
text-decoration:none
}

-->
<!-- a:hover.jc {
color:maroon;
font-size:14pt;
text-decoration:none
}

a:hover.jccx {
color:maroon;
font-size:9pt;
text-decoration:none
}

a:active.jccx {
color:red;
font-size:9pt;
text-decoration:none
}

span.c12 {
font-size:80%
}

h3.c11 {
color:#006;
font-family:Verdana
}

span.c10 {
color:#006;
font-size:120%
}

div.c8p {
text-align:center;
padding:5px 0
}

ul.pu {
line-height:1.6;
padding:0 20px
}

ul.ind {
line-height:1.8
}

table.c6 {
border-collapse:collapse
}

span.c5 {
font-size:70%
}

span.c4 {
color:#006;
font-size:80%;
text-align:center
}

a.c3 {
text-decoration:none
}

span.c2 {
font-weight:400
}

.imgback1 {
background-image:url('images/top3_over-19.jpg')
}

.imgback2 {
background-image:url('images/bg2.jpg')
}

.wback {
background-color:#FFF
}

.style23 {
color:#333
}

table.stuff {
border-spacing:0;
border-collapse:collapse;
background-color:#FFF;
border-color:#330065;
border-style:solid;
border-width:1px
}

table.stuff td {
background-color:#FFF #FFF #FFF #FFF;
-moz-border-radius:0;
border-color:gray;
border-style:none;
border-width:0;
padding:0
}

td.stuff1 {
background:#c9d8db
}

h1.prix {
border-left:3px;
font-size:15pt;
color:#fff;
font-weight:700;
text-align:center
}

table.prix {
min-height:130px;
height:130px
}

td.prix {
background-image:url('images/blue-squarep.jpg');
background-position:center;
background-repeat:no-repeat;
width:138px;
min-height:130px;
cursor:pointer
}

table.stuff2 {
width:650px;
border-spacing:0;
border-collapse:collapse;
border-width:0
}

table.stuff2 td {
border-style:none;
border-width:0;
padding:5px
}

div.centered table {
text-align:left;
margin:0 auto
}

.twoColFixLtHdr #graphicz {
width:1000px;
text-align:center;
color:#330065;
margin:0 auto
}

.stylegr {
font-size:10pt
}

.hidden {
display:none
}

.unhidden {
display:block
}

.iframeau {
vertical-align:middle;
background-color:#fff;
width:290px;
height:35px;
margin:0 auto
}

.iframev {
border:1px solid;
vertical-align:middle;
background-color:#fff;
width:408px;
height:306px;
text-align:center;
border-color:#999;
margin:0 auto;
padding:0
}

#gal {
border:1px solid #003;
width:350px
}

#lang-selector img {
border-width:1px
}

#lang-selector a {
display:block;
text-align:center
}

#lang-selector {
font-size:x-small;
text-align:left;
white-space:nowrap;
padding-bottom:1em;
color:#CCC
}

a.lang-other,a.lang-other:visited {
color:#00F;
text-decoration:none
}

a.lang-other img,a.lang-other:visited img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity:0.7px
}

a.lang-other:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity:1px
}

#intlang {
padding-top:20px;
width:125px;
text-align:center;
line-height:1.5
}

#intlang a {
display:block;
padding:8px 0
}

a.int:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity:1px;
border:1px solid #0CF
}

a.int:active img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity:1px;
border:1px solid #0cF
}

#wrapper {
width:500px;
border:1px solid #ccc;
line-height:1.6;
margin:auto;
padding:20px
}

ul#dlist {
list-style-type:square
}

ul#dlist li {
font-family:Arial;
font-size:11pt;
position:relative;
padding-bottom:25px;
margin-bottom:10px;
font-weight:700
}

ul#dlist li small {
position:absolute;
left:300px;
top:0;
font-size:8pt;
font-weight:400
}

#nav-bar {
margin:0 auto;
padding:5px 0 0
}

#nav-bar ul {
list-style:none;
height:18px;
margin:0 auto;
padding:0 0 0 5px
}

#nav-bar ul li a {
display:block;
float:left;
line-height:18px;
border-right:solid 1px #999;
text-decoration:none;
color:#fff;
padding:0 12px
}

#nav-bar ul li a.selected {
border-bottom:solid 1px #999;
color:#E8CFEC
}

#nav-bara {
padding:5px 0 5px 50px
}

#nav-bara ul {
list-style:none;
height:18px;
margin:0;
padding:0 0 0 5px
}

#nav-bara ul li a {
display:block;
float:left;
line-height:18px;
border-right:solid 1px #999;
text-decoration:none;
color:#006;
padding:0 12px
}

#nav-bara ul li a.selected {
border-bottom:solid 1px #999;
color:#9782AD
}

.iframe {
width:675px;
height:280px;
margin-left:auto;
margin-right:auto
}

#swfframe {
width:675px;
height:280px;
background:#FFF;
text-align:left;
padding-left:20px
}

#slides a:active,#slides a:focus {
outline:0
}

.jwts_clr {
clear:both;
height:0;
line-height:0
}

.jwts_slider {
margin:4px 0;
padding:0
}

.jwts_slidewrapper {
border:none;
width:350px;
visibility:hidden;
height:0;
overflow:hidden;
position:relative;
margin:0;
padding:0
}

.jwts_title {
overflow:hidden;
cursor:pointer;
margin:0 0 5px;
padding:0
}

a.jwts_title_text,a.jwts_title_text:link {
display:block;
background:url('images/slides-bg-350.jpg') 0 0 no-repeat;
line-height:30px;
height:30px;
font-size:13px;
font-weight:700;
text-decoration:none;
color:#fff;
margin:0;
padding:0 0 0 25px
}

a.jwts_title_text:hover {
display:block;
background-position:0 -30px;
color:#fff;
margin:0
}

.jwts_slidecontent {
background:none;
border:none;
margin:0;
padding:4px 12px 8px
}

#slides table {
border-collapse:collapse;
border-spacing:0;
width:100%;
margin-bottom:10px;
font-size:9pt
}

#slides table caption {
background:#DFDAE8;
border:1px solid #ddd;
font-weight:700
}

#slides table th {
background:#B2A8C3;
border:1px solid #ddd;
color:#fff
}

#slides table td {
border:1px solid #ddd;
padding:3px
}

#slides table tfoot {
background:#f9f9f9
}

#slides fieldset {
border:1px solid #ddd;
margin-bottom:10px;
padding:10px
}

#slides fieldset legend {
font-weight:700;
text-transform:uppercase;
color:#8673A5;
font-size:110%
}

#slides {
width:399px;
margin:0;
padding:0
}

h1,.style166,h1.style166 {
font-size:13pt
}

#logo h1,#logox h3,#logoq h2 {
text-indent:-20000px;
margin:0;
padding:0
}

#bar img,#bari img,#bar2 img {
vertical-align:middle
}

#mcboxtop,#mcboxtopr {
background:url('images/boxtop.jpg') top no-repeat;
padding-top:18px;
padding-right:20px
}

#mcboxbot,#mcboxbotr {
background:url('images/boxbottom.jpg') bottom no-repeat;
padding-bottom:18px;
height:370px;
min-height:370px
}

*html #mcboxbot,*html #mcboxbotr {
min-height:350px
}

#mcboxmidr,#mcboxmidrxy {
background:url('images/boxmiddle.jpg') repeat-y;
width:399px;
float:left;
margin-left:5px;
padding:0
}

.twoColFixLtHdr #mainContentap p,.twoColFixLtHdr #mainContentap li,li.14 {
line-height:1.4
}

.twoColFixLtHdr #footer .sitemap a:hover,a.jwts_title_text:visited {
color:#fff
}

.style3,span.c1 {
color:#006
}

.style16,.style16a {
font-size:12pt;
font-style:italic
}

#poweredby,div.c8,span.c3,span.c6,p.c1,div.c2,h3.c1,p.c3 {
text-align:center
}

p.c5,div.c4,p.c9 {
text-align:right
}

div.c3,div.c7,.jwts_title_left,.jwts_slidecontent {
text-align:left
}

a,a.c1 {
text-decoration:none;
color:#006
}

a:hover,a:hover.cont {
color:maroon;
text-decoration:none
}

a:link.jcc,a:visited.jcc,a:hover.jccb {
color:navy;
font-size:10pt;
text-decoration:none
}

a:active.jcc,a:active.jccb {
color:red;
font-size:10pt;
text-decoration:none
}

a:link.jccb,a:visited.jccb {
color:#000;
font-size:10pt;
text-decoration:none
}

<!-- a:link.jc,-->
<!-- a:visited.jc {
color:navy;
font-size:14pt;
text-decoration:none
}

-->
a:link.jccx,a:visited.jccx {
color:navy;
font-size:9pt;
text-decoration:none
}

*html table.prix,*html td.prix {
height:120px
}

a.lang-current,a.lang-current:visited,a.lang-current:hover,a.lang-other:hover {
color:#69F;
text-decoration:underline
}

a.int:link img,a.int:visited img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity:0.9px;
border:1px solid #00F
}

#nav-bar ul li,#nav-bara ul li {
display:inline
}

#nav-bar ul li a.ist,#nav-bara ul li a.ist {
border-left:solid 1px #999
}

#nav-bar ul li a:hover,#nav-bar ul li a:active {
text-decoration:none;
color:#E8CFEC
}

#nav-bara ul li a:hover,#nav-bara ul li a:active {
text-decoration:none;
color:#9782AD
}