html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
a img {border: none}
address {font-style: normal;}
html {background:#333 url('img/bg_html.png')}
body {width: 864px; margin:58px auto 72px auto; border: 8px solid #4c4c4c; margin-top: 58px; position: relative; background-color:#333; padding-top: 28px; padding-bottom:41px}
#access-nav {position: absolute; left: -9999px}
#nav{ position: absolute; top: 28px; height: 85px; left: 46px}
#nav h1 {position: absolute; width: 161px; height: 202px; left: -188px; top: 405px; background:transparent url(img/bg_footer-trans.png) no-repeat 0 0; text-indent: -9999px}
#nav h2 {position: absolute; left: -9999px}
#nav #logo {width: 128px; height: 200px; position: absolute; top: -8px; left: -127px}
#logo a {display: block; height: 180px; width: 110px}
#content {margin: 160px 27px 0 43px}
#aside {display: none;}
body.layout-2cols #aside {display: block; width: 150px; float: left}
body.layout-2cols #main {margin-left: 164px}
#footer {position: relative; top: 6.8em}
#footer .address {position: absolute; left: -9999px}
#content {min-height: 500px}
body {font: 75%/1.5 Arial, Helvetica, sans-serif; color: #ccc}
a, a:hover, a:visited {color: #ccc}
a:hover {text-decoration:none}
#nav {font-family: 'Trebuchet MS', Helvetica, sans-serif; font-weight: bold}
#nav a {text-transform: uppercase; text-decoration: none}
#content {}
#aside{}
#aside #coordonnees, #aside #coordonnees a {color: #999; font-weight: bold}
#coordonnees dd.adr a.url {text-transform: uppercase; text-decoration: none; cursor: default}
#main {}
#main h1, #main h2 {font-family: 'Arial Black', Gadget, sans-serif; font-weight: normal}
#main h1 {color: #666; text-transform: uppercase; font-size: 175%; padding-top: 4px; overflow: hidden}
#main h2 {color: #fff; background-color: #262626; padding: 12px; font-size: 116.67%}
#main h3 {color: #fff; background-color: #262626; padding: 12px; font-size: 116.67%; font-weight: normal}
.mkd-content {font-size: 108.34%; line-height: 1.385}
#presentation {font-size: 108.34%; line-height: 1.385}
#news {}
#news h2 {font-size: 100%}
#news h2 .date {color: #999}
#news .mkd-content {font-size: 13px; line-height: 1.385}
#projects {line-height: 1.3; color: #fff}
#project ul li {color: #fff}
#project ul strong {font-weight: normal; font-family: 'Arial Black', Gadget, sans-serif; color: #b2b2b2}
#footer {font-size: 91.67% ; color: #8c8c8c}
#footer .homemade {color: #666}
#footer a {color: #8c8c8c; text-decoration: none}
#footer a:hover {color: #ccc}
#nav {}
#nav-about {float: left; width: 110px; height: 85px; padding-top: 1px; background: transparent url(img/bg_nav.png)}
#nav-about a {display: block; height: 26px; padding: 0 10px; margin-top: 1px; line-height: 27px}
#nav-projects {width: 640px; height: 85px; margin-left: 160px; padding-top: 1px; background: transparent url(img/bg_nav.png)}
#nav-projects li {display: inline}
#nav-projects a {display: block; width: 290px; padding: 0 10px; margin-left: 1px; margin-right: 9px; float: left; height: 26px; margin-top: 1px; line-height: 27px}
#n-agence a:hover, #n-contact a:hover, #n-partenaires a:hover {color: #fff}
#n-agence a:hover, #n-agence a:active, #n-agence a:focus, body.agence #n-agence a {background-color: #9c9c9c}
#n-contact a:hover, #n-contact a:active, #n-contact a:focus, body.contact #n-contact a {background-color: #808080}
#n-partenaires a:hover, #n-partenaires a:active, #n-partenaires a:focus, body.partenaires #n-partenaires a {background-color: #595959}
#n-cat1 a:hover, #n-cat1 a:active, #n-cat1 a:focus, body.cat1 #n-cat1 a {color: #e56f35; background-color: #841414}
#n-cat2 a:hover, #n-cat2 a:active, #n-cat2 a:focus, body.cat2 #n-cat2 a {color: #756830; background-color: #eac81f}
#n-cat3 a:hover, #n-cat3 a:active, #n-cat3 a:focus, body.cat3 #n-cat3 a {color: #606825; background-color: #bbc445}
#n-cat4 a:hover, #n-cat4 a:active, #n-cat4 a:focus, body.cat4 #n-cat4 a {color: #cacc83; background-color: #6f823a}
#n-cat5 a:hover, #n-cat5 a:active, #n-cat5 a:focus, body.cat5 #n-cat5 a {color: #c0fcfa; background-color: #6798ad}
#n-cat6 a:hover, #n-cat6 a:active, #n-cat6 a:focus, body.cat6 #n-cat6 a {color: #e0dce5; background-color: #8f8fad}
#content {}
#aside{}
#aside #coordonnees {width: 110px; margin-top: 74px}
#coordonnees h1, #coordonnees dt.adr, #coordonnees dt.email {position: absolute; left: -9999px}
#coordonnees a {text-decoration: none}
#coordonnees dd.postal-code, #coordonnees dt.tel {float: left; margin-right: 1ex}
#aside #coordonnees .street-address, #aside #coordonnees .adr.country-name {margin-top: 1em; padding-top: 0.7em; background: transparent url(img/bg_nav.png) no-repeat}
#aside #coordonnees .adr.country-name {text-indent: -9999px; line-height: 0}
#aside #coordonnees dd.email {display: block; font-size: 11px; font-weight: normal; margin-top: 1.5em}
#main{}
h1 .square {display: block; float: left; width: 27px; height: 27px; background-color: #768961; margin-right: 10px; margin-top: -4px; text-indent: -9999px; line-height: 0}
body.cat1 h1 .square {background-color: #841414;}
body.cat2 h1 .square {background-color: #eac81f;}
body.cat3 h1 .square {background-color: #bbc445;}
body.cat4 h1 .square {background-color: #6f823a;}
body.cat5 h1 .square {background-color: #6798ad;}
body.cat6 h1 .square {background-color: #8f8fad;}
h1 .bt.back {position: relative; bottom: 3px; font: 61.9%/1.5 Arial, Helvetica, sans-serif; color: #999; text-transform: none; text-decoration: none; padding: 1px 13px 1px 6px; margin-bottom: 2px; margin-left: 30px; background-color: #171717}
h1 .bt.back span {color: #fff; padding-right: 6px}
h1 a:hover.bt.back {background-color: #666666; color: #333}
.article .section .part {margin: 1em 0 1em 12px}
.mkd-content ul, .mkd-content ol, .mkd-content p, .mkd-content h2, .mkd-content h3 {margin-bottom: 1.5em}
.mkd-content ol {margin-left: 18px}
.mkd-content ol li {list-style: outside square}
.mkd-content.part ul, .mkd-content.part ol, .mkd-content.part p {margin-right: 12px}
.mkd-content.part ul {margin-left: 18px}
.mkd-content.part li {list-style: outside square}
.mkd-content h2 {margin-top: 29px; margin-left: -12px}
#presentation {width: 628px; background-color: #cecece; color: #333; margin-bottom: 2.2em; overflow:hidden}
#presentation h1{ position: absolute; text-indent:-9999px}
#presentation .col1, #presentation .col2 {margin: 12px 12px 18px 12px; width: 282px}
#presentation .col1 {float: left}
#presentation .col2 {margin-left: 334px}
#slideshow {height: 236px; overflow: hidden; background-color:#262626}
#news{}
#news .section {margin: 1em 0 1.5em 0; overflow: hidden}
#news .mkd-content {display: block; width: 418px; margin: 1.5em 20px 0 12px; float: left}
#news img {display:block; margin-top: 1.5em; display: block; width: 178px}
#projects {display: block; margin-top: 29px; width: 101%; overflow:hidden}
#projects li {display: block; width: 150px; height: 144px; margin-right: 10px; margin-bottom: 18px; float: left; background-color: #1a1a1a}
#projects li a {display: block; line-height: 0; overflow:hidden}
#projects li img {width: 150px; height: 90px}
#projects li a:hover img {position: relative; top: 9px}
#projects li dd {margin: 4px 6px 1px 6px}
#projects li.empty {text-indent: -9999px}
#project {margin-top: 29px; width: 101%; overflow:hidden}
#project-description {width: 293px; margin-right: 27px; float: left; background-color: #474747}
#project-description .header {background-color: #262626; margin-bottom: 8px}
#project-description h3 {margin-top: -24px; background-color: transparent}
#project-description .mkd-content, #project-description .attachments {padding: 12px}
#project-description .attachments {margin-bottom: 2em}
.bt.file {font-size: 108.34%; line-height: 1.385; color: #999; background: transparent url(img/bg_bt-file.png) no-repeat}
.bt.file a {background-color: #171717; border-top: 1px dotted #797979; border-bottom: 1px dotted #797979; text-decoration:none; padding: 2px 13px 2px 6px; margin-bottom: 2px; margin-left: 23px}
.bt.file span {color: #fff; padding-right: 6px}
.bt.file a:hover{ background-color: #666666; color: #333}
#project-images {width: 480px; padding-bottom: 10px; overflow: hidden}
#project-images li {width: 110px; height: 82px; background-color: #000; float: left; margin-right: 10px; margin-top: 23px; overflow: hidden}
#project-images li a {display: block; line-height: 0}
#project-images li a:hover img {opacity:1; margin-top: 9px}
#project-images li.large {width: 470px; height: 352px; margin-top: 0}
#project-images li.empty {height: 82px; text-indent: -9999px}
#contact-us {}
#contact-us .nav, #contact-us .bt.top {position:absolute; left: -9999px}
#contact-us #coordonnees {margin-top: 29px; overflow: hidden}
#contact-us .one {display: block; width: 350px; float: left}
#contact-us .two {margin-top: 4em}
#contact-us #coordonnees a.fn, #contact-us #coordonnees .country-name, #contact-us #coordonnees .email {display: block; margin-bottom: 1.5em}
#contact-us #coordonnees .email {margin-top: 1.5em}
#contact-us #coordonnees dt.adr.map {position: static}
#contact-us #coordonnees a {text-decoration: underline}
#contact-us #coordonnees a:hover {text-decoration: none}
#contact-us #coordonnees dd.adr a.url {font-weight: bold; text-decoration: none}
#contact-us #contact {}
#contact-us #contact legend {display:none;}
#contact-us #contact fieldset {margin-top: 1.5em}
#contact-us #contact li {overflow: hidden; margin-bottom: 1em}
#contact-us #contact label {display: block; width: 100px; float: left; font-weight:bold}
#contact-us #contact input, #contact-us #contact textarea {width: 400px}
#contact-us #contact textarea {width: 404px; height: 200px}
#contact-us #contact input#contact_submit {margin-left: 102px; margin-bottom: 1em}
#contact-us #contact p.infos {font-style: italic; margin-top: 1.5em; font-size: 91.67%}
#footer{ text-align: right}
#footer p {display: inline; background-color: #141414; padding: 2px 5px}
.flash-messages {text-align:center; margin:0 auto 5px; color: #333; padding:5px}
.flash-messages p {margin:8px}
.flash-messages.error {border-left: 7px solid red; background-color: #fdd; color: red}
.flash-messages.warning {border-left: 7px solid #fffaaa; background-color: #ffffcc}
.flash-messages.notice {border-left: 7px solid #1FDF00; background-color: #BBFFB6}
.flash-messages ul {text-align:left; margin-left: 18px; margin-top:1em}
.flash-messages ul li {line-height: 1; list-style: outside square}
#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer}
#lbCenter, #lbBottomContainer {position: absolute; text-align: center; width: 100%; margin-top: -10px !important; left: 50% !important; z-index: 9999; overflow: hidden; background-color: #fff}
.lbLoading {background: #fff url(img/loading.gif) no-repeat center}
#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none}
#lbPrevLink {left: 0}
#lbPrevLink:hover {background: transparent url(img/prevlabel.gif?20090202) no-repeat 0 15%}
#lbNextLink {right: 0}
#lbNextLink:hover {background: transparent url(img/nextlabel.gif?20090202) no-repeat 100% 15%}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(img/closelabel.gif?20090202) no-repeat center; margin: 5px 0; outline: none}
#lbCaption, #lbNumber {margin-right: 71px}
#lbCaption {font-weight: bold}