/*
    * *********************************************************************
    * Copyright 2008 © Innovagency
    *
    * Warning: Unauthorized reproduction, use or distribution of this
    * program, concepts, documentation and data models, or any portion of
    * it, may result in severe civil and criminal penalties, and will be
    * prosecuted to the maximum extent possible under the law.
    * *********************************************************************
*/

/* main styles */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, a {
    font-family: "Trebuchet MS","Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #808080;
    letter-spacing: 0.03em;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

body { 
    background-color: #0d0f10;
}

table {
    border-collapse: collapse;
}

/* text styles */

h1 {
    font-size: 24px;
    color: #0083f9;
    margin: 0;
    padding: 0 0 8px 0;
}

h1.orange {
    color: #ff7200;
}

h2 {
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    padding: 8px 0 8px 0;
}

h3 {
	font-size: 14px;
	font-weight: bold;
    color: #0083f9;
    margin: 0;
    padding: 0;
}

h3.orange {
    color: #ff7200;
    margin: 0;
    padding: 0;
}

p {
	line-height: 22px;
    margin: 0;
    padding: 7px 0 7px 0;
}

p.highlight {
    color: #ffffff;
}

.small {
	font-size: 9px;
}

.link {
	border-bottom: 1px dotted;
}

.link:hover {
    color: #0083f9;
    cursor: pointer;
}

.bullet {
    background: transparent url('../images/bullet.gif') scroll no-repeat 14px 13px;
    padding: 5px 0px 5px 30px;
    line-height: 22px;
}

.bullet-orange {
    background: transparent url('../images/orange/bullet.gif') scroll no-repeat 14px 13px;
    padding: 5px 0px 5px 30px;
    line-height: 22px;
}

.hidden {
    display: none;
}

.pointer {
    cursor: pointer;
}

.nowrap {
	white-space: nowrap;
}

/* header styles */

.header-outer {
    width: 100%;
    height: 102px;
    background: transparent url('../images/bg-header-outer.gif') scroll repeat-x;
    text-align: center;
}

.header-outer-orange {
    background-image: url('../images/orange/bg-header-outer.gif');
}

.header-inner {
    width: 900px;
    height: 102px;
    background: transparent url('../images/bg-header-inner.gif') scroll no-repeat left top;
    margin: auto;
}

.header-inner-orange {
    background-image: url('../images/orange/bg-header-inner.gif');
}

.logo {
    float: left;
    padding: 15px 0 0 14px;
}

.menu {
    width: auto;
    float: right;
    margin: 20px 4px 0 0;
}

.language-en {
    padding: 83px 0 0 849px;
}

.language-fr {
    padding: 83px 0 0 846px;
}

.menu-spacer {
    width: 5px;
}

.menu-item a, .menu-item-over a, .menu-item-orange a {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    padding: 0 10px;
}

.menu-item a, .menu-item-over a {
    text-shadow: 0 -1px 0 #135998;
}

.menu-item-over, .menu-item:hover {
    background: transparent url('../images/bg-menu-over.gif') scroll no-repeat right top;
    width: auto;
    height: 30px;
}

.menu-item-orange a {
    text-shadow: 0 -1px 0 #9d6204;
}

.menu-item-orange:hover {
    background-image: url('../images/orange/bg-menu-over.gif');
}

.menu-item-over div, .menu-item div:hover {
    background: transparent url('../images/bg-menu-over.gif') scroll no-repeat left bottom;
    width: auto;
    height: 30px;
}

.menu-item-orange div:hover {
    background-image: url('../images/orange/bg-menu-over.gif');
}

/* body styles */

.body-outer {
    width: 100%;
    height: auto;
    text-align: center;
}

.body-inner {
    width: 900px;
    margin: auto;
}

.body-inner-minizodes {
    width: 670px;
    margin: auto;
}

.body {
    background: transparent url('../images/bg-content-inner.gif') scroll no-repeat left top;
    width: 643px;
    clear: left;
    float: left;
    position: relative;
    padding: 0 24px 0 24px;
}

.body .line {
    background: transparent url('../images/line.png') scroll no-repeat center;
    width: 643px;
    height: 30px;
}

.sidebar {
    width: 185px;
    float: right;
    padding: 0 0 20px 0;
}

/* banner styles */

.banner {
    width: 100%;
}

.banner td {
    text-align: center;
    width: 33%;
}

.banner span {
    font-size: 24px;
    color: #ffffff;
}

/* small box styles */
 
.small-box {
    background: transparent url('../images/bg-short-box.gif') scroll no-repeat 0;
    width: 185px;
    height: 62px;
    margin: 15px 0 15px 0;
}

.small-box .margin {
    padding: 10px 0 0 25px;
}

.small-box .title, .small-box .title-orange {
    font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.small-box .title:hover, .small-box a .content:hover {
    color: #0083f9;
}

.small-box .title-orange:hover {
    color: #ff7200;
}

.small-box .content {
    font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
    font-size: 10px;
    line-height: 18px;
}

/* box styles */

.box {
    margin-bottom: 15px;
}

.tl-box {
    background: #191c1f url('../images/box.gif') scroll no-repeat 0 0;
    width: 5px;
    height: 27px;
}

.t-box {
    background-color: #191c1f;
    width: 175px;
    height: 27px;
    font-weight: bold;
    color: #0083F9;
    padding-left: 2px;
}

.tr-box {
    background: #191c1f url('../images/box.gif') scroll no-repeat -5px 0;
    width: 5px;
    height: 27px;
}

.l-box {
    background-color: #1f2227;
    width: 7px;
    height: auto;
}

.c-box {
    background-color: #1f2227;
    padding: 5px 0 1px 5px;
}

.c-box * {
    font-size: 13px;
}

.c-box h3 {
    margin-top: 3px;
    color: #ffffff;
}

.c-box p {
    line-height: 22px;
    margin: 0;
    padding: 3px 0;
}

.c-box .star {
    background: transparent url('../images/star.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.c-box .vcard {
    background: transparent url('../images/vcard.gif') scroll no-repeat 0;
    padding: 5px 0 5px 30px;
}

.c-box .nbr-1 {
    background: transparent url('../images/nbr-1.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.c-box .nbr-2 {
    background: transparent url('../images/nbr-2.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.c-box .nbr-3 {
    background: transparent url('../images/nbr-3.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.c-box .nbr-4 {
    background: transparent url('../images/nbr-4.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.c-box .nbr-5 {
    background: transparent url('../images/nbr-5.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.c-box .nbr-6 {
    background: transparent url('../images/nbr-6.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.c-box .nbr-7 {
    background: transparent url('../images/nbr-7.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
}

.r-box {
    background-color: #1f2227;
    width: 5px;
    height: auto;
}

.bl-box {
    background: transparent url('../images/box.gif') scroll no-repeat 0 -27px;
    width: 5px;
    height: 5px;
}

.b-box {
    background-color: #1f2227;
    width: 185px;
    height: 5px;
}

.br-box {
    background: transparent url('../images/box.gif') scroll no-repeat -5px -27px;
    width: 5px;
    height: 5px;
}

/* services styles */

h2.services {
    background: transparent url('../images/star-big.gif') scroll no-repeat left 3px;
    padding-left: 35px;
}

/* pict styles */

.pict {
    height: 150px;
    width: 542px;
}

td.team-pict {
     width: 418px;
     height: 150px;
     float: left;
}

td.team-toggler {
    width: 31px;
    height: 150px;
    float: left;
}

.team-toggler-vgr {
    background: transparent url('../images/pict-vgr-toggler.gif') scroll no-repeat right;
    cursor: pointer;
}

.team-toggler-vgr-over {
    background: transparent url('../images/pict-vgr-toggler-over.gif') scroll no-repeat right;
    cursor: default;
}

.team-toggler-ckr {
    background: transparent url('../images/pict-ckr-toggler.gif') scroll no-repeat right;
    cursor: pointer;
}

.team-toggler-ckr-over {
    background: transparent url('../images/pict-ckr-toggler-over.gif') scroll no-repeat right;
    cursor: default;
}

.team-toggler-rgr {
    background: transparent url('../images/pict-rgr-toggler.gif') scroll no-repeat right;
    cursor: pointer;
}

.team-toggler-rgr-over {
    background: transparent url('../images/pict-rgr-toggler-over.gif') scroll no-repeat right;
    cursor: default;
}

.team-toggler-jwr {
    background: transparent url('../images/pict-jwr-toggler.gif') scroll no-repeat right;
    cursor: pointer;
}

.team-toggler-jwr-over {
    background: transparent url('../images/pict-jwr-toggler-over.gif') scroll no-repeat right;
    cursor: default;
}

/* more info styles */

.more-info-open {
    background: transparent url('../images/arrow-open.gif') scroll no-repeat right;
    text-align: right;
    font-size: 9px;
    padding-right: 12px;
    cursor: pointer;
}

.more-info-close {
    background: transparent url('../images/arrow-close.gif') scroll no-repeat right;
    text-align: right;
    font-size: 9px;
    padding-right: 12px;
    cursor: pointer;
}

.more-info-open:hover {
    background-image: url('../images/arrow-open-over.gif');
    color: #ffffff;
}

.more-info-close:hover {
    background-image: url('../images/arrow-close-over.gif');
    color: #ffffff;
}

.more-text {
    display: none;
}

/* thumbnail styles */

.thumbnail {
    width: 270px;
}

.thumbnail h2 {
    font-size: 12px;
}

.thumbnail p {
    font-size: 10px;
    line-height: 14px;
}

.thumbnail td {
    vertical-align: top;
    width: 200px;
}

/* form styles */

label {
    font-weight: bold;
}
 
input, textarea, select {
    background: #ffffff url('../images/bg-input.gif') scroll repeat-x left top;
    padding: 4px;
    border: none;
    margin-bottom: 10px;
}

div.field-error input, div.field-error textarea {
    background: #ffffff url('../images/bg-input-error.gif') scroll no-repeat right top;
}

input, select {
    width: 100%;
}

select {
    height: 25px;
}

textarea {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.message-success {
    background: transparent url('../images/ok.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
    margin-bottom: 10px;
}

.message-error {
    background: transparent url('../images/ko.gif') scroll no-repeat 0;
    padding: 5px 0 5px 25px;
    margin-bottom: 10px;
}

/* news styles */

.news {
    width: 100%;
}

.news .left, .news .right {
    vertical-align: top;
    padding-right: 30px;
}

/* column styles */

.column {
    height: 280px;
}

.column-orange {
    height: 130px;
}

.column .left, .column-orange .left {
    width: 300px;
    float: left;
}

.column .right, .column-orange .right {
    width: 300px;
    float: right;
}

/* btn blue styles */

.btn-blue {
    width: auto;
    margin: 10px 0 0 0;
    background: transparent url('../images/btn-blue.gif') scroll no-repeat right top;
    width: auto;
    height: 29px;
    cursor: pointer;
}

.btn-blue div {
    background: transparent url('../images/btn-blue.gif') scroll no-repeat left -29px;
    width: auto;
    height: 28px;
    font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
    padding: 0 15px 1px 35px;
}

.btn-blue div:hover {
    background-position: left -58px;
}

/* footer styles */

.footer-outer {
    width: 100%;
    height: auto;
    text-align: center;
}

.footer-inner {
    width: 900px;
    margin: auto;
}

.copyright {
    font-size: 9px;
    width: 643px;
    clear: left;
    float: left;
    padding: 36px 24px 10px 24px;
}

.shortcuts {
    width: 185px;
    float: right;
    padding-bottom: 10px;
}

.shortcuts table {
    float: right;
}

.shortcuts img {
    padding-bottom: 4px;
}

.shortcuts a {
    font-size: 9px;
    text-align: center;
}

.shortcuts td {
    padding-left: 15px;
    text-align: center;
}

/* tooltip */

.bigtip-tip {
    background: transparent url('../images/tooltip-bg.png') scroll no-repeat 0;
    width: 185px;
    height: 160px;
}

.bigtip-tip > div {
    padding: 12px 7px 5px 7px;
}

.bigtip-text {
    font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-shadow: 0 -1px 0 #135998;
    line-height: 14px;
}