* {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}
ul, li {
list-style: none;
}
body, html {
font-size: 12px;
background: #000 url('imgs/body.gif') repeat-x top left;
text-align: center;
width: 100%;
color: #ccc;
font-family: "Trebuchet MS","Segoe UI",Trebuchet,"Bitstream Vera Sans","DejaVu Sans",Verdana,"Verdana Ref",sans serif;
font-family: helvetica, arial, sans-serif;
}

.accent {
color: #3cc;
color: #ccc;
}

.page-wrap {
text-align: left;
width: 995px;
margin: 0 auto;
overflow: hidden;
padding-left: 5px;
background: url('imgs/page_wrap.jpg') no-repeat top left;
}
.page {
float: left;
width: 960px;
overflow: hidden;
background: url('imgs/page.gif') repeat-y top center;
}

#langs {
margin-top: 105px;
width: 30px;
height: 25px;
padding: 5px 5px 5px 0;
float: right;
background: url('imgs/langs.gif') no-repeat top left;
}

#langs a {
display: block;
height: 25px;
width: 30px;
text-align: left;
text-indent: -5000px;
overflow: hidden;
}
#langs a.fr {
background: url('imgs/lang_btn_fr.gif') no-repeat top left;
}
#langs a.en {
background: url('imgs/lang_btn_en.gif') no-repeat top left;
}
#langs a.fr:hover,
#langs a.en:hover {
background-position: top right;
}

/*
 * HEADER
 */
    #header {
width: 960px;
height: 110px;
overflow: hidden;
background: url('imgs/header.jpg') no-repeat top left;
}
    #header h1 a {
margin: 20px 0 0 45px;
float: left;
display: block;
width: 260px;
height: 90px;
overflow: hidden;
        /*background: url('imgs/dcc_logo.jpg') no-repeat top left;*/
        text-indent: -5000px;
}
    #header h1 a:hover {
        /*background: url('imgs/dcc_logo_over.jpg') no-repeat top left;*/
}
    #header #sectors-thumbs {
margin: 10px 30px 0 0;
width: 360px;
height: 100px;
overflow: hidden;
float: right;
}
    #header #sectors-thumbs span {
width: 120px;
height: 100px;
overflow: hidden;
display: block;
float: left;
text-align: left;
text-indent: -5000px;
}
    #header #sectors-thumbs span.management {
background: url('imgs/management.jpg') no-repeat top left;
}
    #header #sectors-thumbs span.management.active {
background: url('imgs/management_active.jpg') no-repeat top left;
}
    #header #sectors-thumbs span.marketing {
background: url('imgs/marketing.jpg') no-repeat top left;
}
    #header #sectors-thumbs span.marketing.active {
background: url('imgs/marketing_active.jpg') no-repeat top left;
}
    #header #sectors-thumbs span.communication {
background: url('imgs/communication.jpg') no-repeat top left;
}
    #header #sectors-thumbs span.communication.active {
background: url('imgs/communication_active.jpg') no-repeat top left;
}

/*
 * NAV BAR
 */
    #nav-bar {
padding: 0 30px 10px 30px;
height: 25px;
background: url('imgs/navbar.jpg') no-repeat;
}
    #nav-bar li {
display: inline;
}
    #nav-bar li a {
        /*text-transform: uppercase;*/
        display: block;
float: left;
height: 25px;
width: 135px;
line-height: 25px;
text-align: center;
color: #222;
        /*letter-spacing: 1px;*/
        font-size: 12px;
text-transform: uppercase;
background: url('imgs/navbar_btn.gif') no-repeat top left;
}
    #nav-bar ul.sectors-nav li a {
float: right;
width: 120px;
background-image: url('imgs/navbar_sector_btn.gif');
}
    #nav-bar li a:hover {
color: #444;
background-position: bottom left;
}
    #nav-bar li a.active {
color: #2cc6bc;
background: #000 url('imgs/navbar_btn_active.gif') no-repeat top left;
}
    #nav-bar ul.sectors-nav li a.active {
background-image: url('imgs/navbar_sector_btn_active.gif');
}
    
    
/*
 * CONTENT
 */
    #content {
letter-spacing: 1px;
min-height: 500px;
overflow: hidden;
background: url('imgs/content.jpg') no-repeat bottom center;
line-height: 16px;
padding: 30px 45px;
}
    #content.home,
    #content.knowhow,
    #content.references {
padding: 20px 180px;
}
    #content p {
margin-bottom: 7px;
}
    #content h3 {
text-transform: uppercase;
color: #f60;
font-weight: normal;
font-size: 12px;
margin-bottom: 3px;
}
    #content .first-part {
border-bottom: 1px solid #000;
padding-bottom: 7px;
}
    #content .second-part {
border-top: 1px solid #555;
padding-top: 7px;
}
    #content .third-part {
background: #444;
border: 1px solid #000;
padding: 10px;
margin-top: 10px;
}
    #content.home .domain {
font-weight: bold;
color: #3cc;
}
    .references h2 {
text-align: left;
}
    
    #content.references h3 {
color: #3cc;
}
    #content.references .sector {
padding: 7px 0;
border-top: 1px solid #555;
border-bottom: 1px solid #000;
}
    #content.references ul {
margin-left: 0;
}
    #content.references li {
display: inline;
padding-left: 12px;
margin-right: 5px;
background: url('imgs/ref_bullet.gif') no-repeat 0 1px;
}
    
/*-- SECTORS --*/

    #content.sector {
line-height: 18px;
padding: 10px 25px 140px 25px;
}
    #content.com-int {
padding-bottom: 80px;
background: url('imgs/content_com_int.jpg') no-repeat bottom center;
}
    #content.com-ext {
padding-bottom: 10px;
background: url('imgs/content_com_ext.jpg') no-repeat bottom center;
}
    #content.management {
background: url('imgs/content_management.jpg') no-repeat bottom center;
}
    #content.marketing {
padding-bottom: 160px;
background: url('imgs/content_marketing.jpg') no-repeat bottom center;
}
    .sector-left {
float: left;
width: 380px;
}
    .sector-left p {
margin-bottom: 7px;
}
    #content .sector-left h3 {
text-transform: none;
}
    #content .under {
border-bottom: 1px solid #000;
}
    #content .ontop {
padding-top: 7px;
border-top: 1px solid #555;
}
    #content .onboth {
padding-top: 7px;
border-top: 1px solid #555;
border-bottom: 1px solid #000;
}
    #content.communication .sector-left {
line-height: 16px;
}
    .com-switch {
width: 380px;
height: 22px;
overflow: hidden;
margin-bottom: 15px;
}
    .com-switch a {
font-size: 12px;
color: #ccc;
width: 190px;
height: 20px;
line-height: 20px;
padding-top: 2px;
text-align: center;
overflow: hidden;
letter-spacing: 0;
float: left;
text-transform: uppercase;
}
    .com-switch a.com-int {
background: url('imgs/com_int_btn.gif') no-repeat top left;
}
    .com-switch a.com-ext {
background: url('imgs/com_ext_btn.gif') no-repeat top left;
}
    .com-switch a.com-int:hover,
    .com-switch a.com-ext:hover {
color: #fff;
background-position: bottom left;
}
    .com-switch a.com-int.active {
background: url('imgs/com_int_active.gif') no-repeat top left;
color: #f60;
}
    .com-switch a.com-ext.active {
background: url('imgs/com_ext_active.gif') no-repeat top left;
color: #f60;
}
    
    #content h2 {
text-transform: uppercase;
color: #f60;
letter-spacing: 1px;
font-size: 14px;
font-weight: normal;
margin-bottom: 7px;
}
    #content.sector h3 {
color: #3cc;
letter-spacing: 1px;
font-size: 14px;
font-weight: normal;
margin-bottom: 3px;
}
    #content #screen {
width: 500px;
height: 400px;
float: right;
background: #444;
}
    
#content .push-back {
border: 1px solid #111;
padding: 10px;
background: #333 url('imgs/pushed_back.gif') repeat-x bottom left;
color: #fff;
}

    #content.contact {
padding: 50px 150px 0 150px;
}
    #content.contact h2 {
margin-left: 105px;
}
#content.legal,
#content.legal h2 {
    font-size: 10px;
}

.form-wrapper {
overflow: hidden;
padding: 15px 10px 0 10px;
border: 1px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #212121 url('imgs/contact_form.gif') repeat-x top left;
}
.form-row {
overflow: hidden;
margin-bottom: 20px;
}
.form-cell {
overflow: hidden;
width: 300px;
float: left;
}
.form-row label {
text-align: right;
float: left;
width: 80px;
padding: 5px 10px 0 0;
}
.form-row input.text, .form-row textarea {
padding: 7px 5px;
background: #9fd5d1 url('imgs/textfield.gif') repeat-x top left;
float: left;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.form-row input.text {
width: 198px;
}
.form-row textarea {
width: 498px;
height: 100px;
}
.form-row br {
clear: left;
}
.form-row ul.errors {
margin: 5px 0 0 90px;
font-size: 10px;
font-style: italic;
color: #666;
}
.form-row input.submit {
background: #999 url('imgs/submit.gif') repeat-x top left;
float: left;
width: 200px;
height: 30px;
line-height: 30px;
margin-left: 90px;
border: none;
}


#footer {
letter-spacing: 1px;
text-align: center;
height: 30px;
line-height: 30px;
background: url('imgs/footer.gif') repeat-x top left;
color: #777;
font-size: 10px;
}
#footer a {
color: #777;
}