#head {min-height: 278px;}
.head-cs1 {background-image: url('i/backgrounds/home-cs1.jpg');}
.head-cs2 {background-image: url('i/backgrounds/home-cs2.jpg');}
.head-cs3 {background-image: url('i/backgrounds/home-cs3.jpg');}
.head-cs4 {background-image: url('i/backgrounds/home-cs4.jpg');}

#head .midget {width: 1px; top: 1px; background-position: -9999px -9999px; overflow: hidden; position: absolute;}

#head .curve2 {display: block; overflow: hidden; width: 442px; height: 80px; position: absolute; z-index: 2; right: 0; bottom: 0;}
html>body #head .curve2 {background: url('i/backgrounds/header-mask2.png') 0 0 no-repeat;}
#head .arrow {display: block; width: 24px; height: 48px; left: 475px; top: 77px; overflow: hidden; position: absolute;}
html>body #head .arrow {background: url('i/backgrounds/home-arrow.png') 0 0 no-repeat;}

#baseline {text-indent: -9999px; margin: 52px 0 0 41px;}
.i18n-fr #baseline {width: 301px; height: 69px; background: url('i/backgrounds/baseline-fr.gif') 0 0 no-repeat;}
.i18n-en #baseline {width: 310px; height: 69px; background: url('i/backgrounds/baseline-en.gif') 0 0 no-repeat;}
.scripted #baseline {float: left;}

#head .cat {width: 437px;}
#head .cat h2 {font-size: 18px; font-weight: normal; line-height: 1; float: left; width: 320px; /*padding-bottom: 26px; */background-position: 0 100%; background-repeat: no-repeat;}
#head .cat h2 a {padding-bottom: 26px; width: 100%; display: block;}

#head .cat h2 em {display: none;}
#head .cat p {text-align: center; margin-right: 18px; top: -16px; color: #333;}
.scripted #head .cat {margin-bottom: 0; min-height: 107px;}
.i18n-fr #head .cat-cs1 h2,
.i18n-fr #head .cat-deco .deco-1 {background-image: url('i/backgrounds/cat-cs1-fr-x.png');}
.i18n-fr #head .cat-cs2 h2,
.i18n-fr #head .cat-deco .deco-2 {background-image: url('i/backgrounds/cat-cs2-fr-x.png');}
.i18n-fr #head .cat-cs3 h2,
.i18n-fr #head .cat-deco .deco-3 {background-image: url('i/backgrounds/cat-cs3-fr-x.png');}
.i18n-fr #head .cat-cs4 h2,
.i18n-fr #head .cat-deco .deco-4 {background-image: url('i/backgrounds/cat-cs4-fr-x.png');}
.i18n-en #head .cat-cs1 h2,
.i18n-en #head .cat-deco .deco-1 {background-image: url('i/backgrounds/cat-cs1-en-x.png');}
.i18n-en #head .cat-cs2 h2,
.i18n-en #head .cat-deco .deco-2 {background-image: url('i/backgrounds/cat-cs2-en-x.png');}
.i18n-en #head .cat-cs3 h2,
.i18n-en #head .cat-deco .deco-3 {background-image: url('i/backgrounds/cat-cs3-en-x.png');}
.i18n-en #head .cat-cs4 h2,
.i18n-en #head .cat-deco .deco-4 {background-image: url('i/backgrounds/cat-cs4-en-x.png');}

.cat-deco {display: block; width: 250px; position: absolute; left: 41px; top: 2.5em; margin-top: 85px;}
.cat-deco span,
.cat-deco a {display: block; height: 25px; width: 250px; background-position: 0 100%; background-repeat: no-repeat;}


.scripted #head .cat {display: none;}
#page .head-cs1 .cat-cs1,
#page .head-cs2 .cat-cs2,
#page .head-cs3 .cat-cs3,
#page .head-cs4 .cat-cs4 {display: block;}




.projects {width: 400px; margin: 0 0 0 41px;}
.scripted .projects {width: 368px; margin: -8px 232px 0 0; float: right; display: none; color: #fff; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; position: relative; z-index: 9; line-height: 1.2;}
.scripted .projects .prev {display: block; width: 45px; height: 160px; position: absolute; left: 0; top: 0; overflow: hidden; text-indent: -9999px;}
html>body .scripted .projects .prev {background: url('i/backgrounds/home-prev.png') 0 0 no-repeat;}
.scripted .projects .next {display: block; width: 45px; height: 160px; position: absolute; right: 0; top: 0; overflow: hidden; text-indent: -9999px;}
html>body .scripted .projects .next {background: url('i/backgrounds/home-next.png') 0 0 no-repeat;}
.scripted .projects .inner {width: 283px; min-height: 141px; padding: 0 40px 0 45px; text-shadow: 0 0 0 #fff;}
.scripted .projects .projects-t,
.scripted .projects .projects-b {display: block; line-height: 10px; overflow: hidden; height: 10px;}
.scripted .projects a {color: #fff;}
.scripted .projects h3 {font-size: 1.498em; line-height: 1.1; font-weight: normal; margin-bottom: 12px;}
.projects h3,
.projects h3 * {font-family: 'Trebuchet MS',arial,verdana,sans-serif;}

.scripted .head-cs1 .projects-cs1 {display: block; background: url('i/backgrounds/home-projects-r-cs1.png') 0 0 repeat-y;}
.scripted .head-cs1 .projects-r-cs1 {background: none;}
.scripted .head-cs1 .projects-r-cs1 .inner {background: url('i/backgrounds/home-projects-r-cs1.png') 0 0 repeat-y;}
.scripted .head-cs1 .projects-r-cs1 > .projects-t {background: url('i/backgrounds/home-projects-r-cs1-t.png') 0 0 no-repeat;}
.scripted .head-cs1 .projects-r-cs1 > .projects-b {background: url('i/backgrounds/home-projects-r-cs1-b.png') 0 0 no-repeat;}

.scripted .head-cs2 .projects-cs2 {display: block; background: url('i/backgrounds/home-projects-r-cs2.png') 0 0 repeat-y;}
.scripted .head-cs2 .projects-r-cs2 {background: none;}
.scripted .head-cs2 .projects-r-cs2 .inner {background: url('i/backgrounds/home-projects-r-cs2.png') 0 0 repeat-y;}
.scripted .head-cs2 .projects-r-cs2 > .projects-t {background: url('i/backgrounds/home-projects-r-cs2-t.png') 0 0 no-repeat;}
.scripted .head-cs2 .projects-r-cs2 > .projects-b {background: url('i/backgrounds/home-projects-r-cs2-b.png') 0 0 no-repeat;}

.scripted .head-cs3 .projects-cs3 {display: block; background: url('i/backgrounds/home-projects-r-cs3.png') 0 0 repeat-y;}
.scripted .head-cs3 .projects-r-cs3 {background: none;}
.scripted .head-cs3 .projects-r-cs3 .inner {background: url('i/backgrounds/home-projects-r-cs3.png') 0 0 repeat-y;}
.scripted .head-cs3 .projects-r-cs3 > .projects-t {background: url('i/backgrounds/home-projects-r-cs3-t.png') 0 0 no-repeat;}
.scripted .head-cs3 .projects-r-cs3 > .projects-b {background: url('i/backgrounds/home-projects-r-cs3-b.png') 0 0 no-repeat;}

.scripted .head-cs4 .projects-cs4 {display: block; background: url('i/backgrounds/home-projects-r-cs4.png') 0 0 repeat-y;}
.scripted .head-cs4 .projects-r-cs4 {background: none;}
.scripted .head-cs4 .projects-r-cs4 .inner {background: url('i/backgrounds/home-projects-r-cs4.png') 0 0 repeat-y;}
.scripted .head-cs4 .projects-r-cs4 > .projects-t {background: url('i/backgrounds/home-projects-r-cs4-t.png') 0 0 no-repeat;}
.scripted .head-cs4 .projects-r-cs4 > .projects-b {background: url('i/backgrounds/home-projects-r-cs4-b.png') 0 0 no-repeat;}

.scripted .project {width: 283px; display: none;}
.scripted .current {display: block;}

/* 
----- */
#navigation {margin-bottom: 10px;}


/* 
----- */
#content .main {width: 438px; float: left; margin: 0 0 0 290px;}
#content .related {float: left; width: 248px; margin: 0 0 0 4px;}
#content .related2 {float: left; width: 286px; margin: 0 0 0 -980px;}

/*.tags .newBtn {clear: left;}*/

#page .tags {display: table-cell; display: inline-block; margin-bottom: 0;}

.newSeparator {display: block; height: 1px; margin: 0.15em 0 1em 0; overflow: hidden; background: #EFEFEF; line-height: 1px;}

.content .meta {text-transform: uppercase; font-size: 0.95em; color: #666; line-height: 1.1;}
.content h2 {line-height: 1.2; margin: 0 0 0.3em 0; font-weight: normal; font-size: 1.332em; color: #906;}

.cs1 h2,
.cs1 h2 a {color: #0d8ccf;}
.cs2 h2,
.cs2 h2 a {color: #f4a600;}
.cs3 h2,
.cs3 h2 a {color: #96bf0d;}
.cs4 h2,
.cs4 h2 a {color: #c90000;}

.news h2,
.news h2 a {color: #906;}

.content blockquote * {font-family: 'Trebuchet MS',arial,FreeSans,verdana,sans-serif;}

.mores {display: block;}
.more {float: right; font-size: 0.95em; display: block; background: url('i/backgrounds/arrow.gif') 100% 50% no-repeat; padding: 4px 24px 4px 0;}

.projectSearch {background: #858575; color: #fff; padding: 19px; font-size: 0.915em; margin: 0 0 5px 0;}
.projectSearch h2 {text-transform: uppercase; font-weight: normal; font-size: 1.091em; margin: 0 0 0.8em 0; color: #fff; font-family: arial,FreeSans,verdana,sans-serif;}
.projectSearch button {color: #fff;}
.projectSearch label span {display: block; margin-bottom: 0.3em;}
.projectSearch label input {border: none; width: 140px; padding: 1px 2px;}
.projectSearch .more {background-image: url('i/backgrounds/searchform-btn.gif'); color: #fff; margin: 1.5em 0 0 0;}

.support {background: #906; color: #fff; padding: 19px; margin: 0 0 5px 0; font-size: 0.915em;}
.support h2 {text-transform: uppercase; color: #fff; font-weight: normal; font-size: 1.091em; margin: 0 0 0.8em 0; color: #fff; font-family: arial,FreeSans,verdana,sans-serif;}


.support .buttons {list-style: none; margin: 0;}
.support .buttons li {list-style: none; margin: 0;}
.support .button {display: block; text-decoration: none; color: #fff; margin: 0 0 4px 0; background: #7a2c61 url(i/backgrounds/button2-a.gif) 0 0 no-repeat; text-shadow: 0 0 0 #C03E00; font-size: 0.95em;}
.support .button span {display: block; background: url(i/backgrounds/button2-b.gif) 100% 0 no-repeat;}
.support .button span span {background: url(i/backgrounds/button2-c.gif) 100% 100% no-repeat;}
.support .button span span span {background: url(i/backgrounds/button2-d.gif) 0 100% no-repeat; padding: 6px 12px 10px 13px; text-align: center; font-family: 'Trebuchet MS',arial,verdana,sans-serif;}
.support a.button:hover {color: #efefef;}

.left .text,
.right .text {display: inline-block; display: table-cell; display: table-row;}

.inset {padding: 14px; margin: 0 0 5px 0; color: #fff;}
.inset a {color: #fff;}

.inset-cs1 {background: #0d8ccf url('i/backgrounds/inset-1.png');}
.inset-cs2 {background: #f4a600 url('i/backgrounds/inset-2.png');}
.inset-cs3 {background: #96bf0d url('i/backgrounds/inset-3.png');}
.inset-cs4 {background: #c00 url('i/backgrounds/inset-4.png');}
.inset-cs1 .meta,
.inset-cs2 .meta,
.inset-cs3 .meta,
.inset-cs4 .meta {color: #000;}
.inset-cs1 h2,
.inset-cs2 h2,
.inset-cs3 h2,
.inset-cs4 h2 {color: #fff;}

.inset .more {color: #fff;}
.inset .more:hover {color: #ececec;}

.inset-cs1 .more {background-image: url('i/markers/more-i1.png');}
.inset-cs2 .more {background-image: url('i/markers/more-i2.png');}
.inset-cs3 .more {background-image: url('i/markers/more-i3.png');}
.inset-cs4 .more {background-image: url('i/markers/more-i4.png');}



.inset .rounded {-moz-border-radius: 0 8px 8px 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -14px; clear: left; margin-bottom: 0; padding-left: 14px;}
.inset .roundFix .r1,
.inset .roundFix .r4 {display: none;}




/* Floats
----- */
#head:after,
#content:after,
.mores:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}