/**
 * IMPORTS
 */
@import url(reset.css);
@import url(text.css);
@import url(jScrollPane.css);

@import url(skin.css);
@import url(projects-headers.css);

/**
 * POSITIONS
 */
#container { width: 960px; margin: 0 auto; }

#header { width: 960px; height: 160px; }
#header a { display: block; width: 960px; height: 160px; line-height: 160px; }
#header blockquote { display: none; }

#footer { clear: both; margin-bottom: 2em; padding: 0.55em 0; }
#footer p { margin: 0; }

#main { padding: 0 10px; }

#compass, #compass ul { list-style-type: none; margin: 0; }

#compass { height: 25px; position: relative; }
#compass li { margin: 0; float: left; text-align: center; line-height: 25px; position: relative; }
#compass li a { display: block; }

#compass ul { position: absolute; z-index: 6000; top: 25px; width: 230px; }
#compass ul li { width: auto; float: none !important; text-align: left; }
#compass ul li a { padding: 0.3em 1em; }

.quote { float: left; clear: left; width: 400px; }

#compass ul.subprojects { left: 230px; top: 0; }

h2 { height: 60px; text-align: right; margin: 0 0 1em; padding: 355px 10px 0; }

#actus { margin-top: 150px; }

.actu dt, .actu dd { margin: 0.4em; }
.actu dd { margin-top: 0.8em; }

.actu .thumbnails { float: left; width: 128px; height: 128px; }
.actu .thumbnails ul { list-style-type: none; position: relative; }
.actu .thumbnails li { margin: 0; position: absolute; top: 0; left: 0; }

.actu .shortdesc p { margin-bottom: 0.8em; }
.actu .shortdesc p.last { margin-bottom: 0; }

#edito { margin-left: 470px; width: 460px; margin-top: 100px; }
#edito h2 { height: auto; padding: 0; }

#missions { padding: 0 10px; }

.mission { width: 450px; margin: 1em 0 3em !important; }
/*.mission dt { margin: -0.56em 0 0.56em 0.8em; } */
.mission dd { margin: 0.5em; }
.mission dd p.last { margin-bottom: 0; }

#contact { float: right; width: 300px; margin: 0 10px 0 3em; }

.blockinfo { float: right; width: 580px; text-align: justify; margin-right: 10px; }

.widget-panel { float: left; width: 310px; margin-left: 10px; }

.dlpanel { float: left; clear: left; margin: 5px; width: 300px; }
.dlpanel h3 { padding-bottom: 0.3em; margin-bottom: 0.8em; }
.dlpanel.next-child h3 { margin-top: 4em; }

.dlfiles dt { padding: 0.2em 0.4em; }
.dlfiles dd { padding: 0.4em; margin-bottom: 1.58em; }
.dlfiles dd p { margin-bottom: 0.3em; } 

.thumbs { list-style-type: none; }
.thumbs li { float: left; margin: 5px; }

.widget { margin-bottom: 4em; }

#lightbox { position: absolute; top: 50%; left: 50%; }

#projects { clear: both; padding-top: 5em; }
#projects dt.title { margin: 0 10px 1em; padding: 3em 0 0.4em; clear: both; }
#projects dd.longdesc { float: right; width: 580px; margin-right: 10px; }

.agenda dt { margin-bottom: 0.6em; }
.agenda dd { margin: 0 0 2em 2em; }

/**
 * TEXT & FONTS
 */
#header { text-align: right; }

#compass a { text-decoration: none; }

#footer p { text-align: center; font-size: 0.8em; }
#footer p a { text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

h2 { font-size: 55px; }

.actu { font-size: 0.95em; }
.actu dt { font-weight: bold; font-size: 1.16em; }
.actu dd { text-align: justify; }

.actu .shortdesc p.link { text-align: right; }
.actu .shortdesc p.link a { font-weight: bold; text-decoration: none; }
.actu .shortdesc p.link a:hover { text-decoration: underline; }

#edito h2 { font-size: 2em; }

.mission dt { font-weight: bold; font-size: 1.58em; }

.dlpanel h3 { font-size: 1.2em; text-align: right; }
.dlfiles dt { font-weight: bold; }
.dlfiles dd { font-size: 0.8em; line-height: 1.38em; }
.dlfiles dd p.last { text-align: right; }
.dlfiles dd p.last a { text-decoration: none; font-weight: bold; }
.dlfiles dd p.last a:hover { text-decoration: underline; }

#projects dt.title { font-weight: bold; font-size: 1.6em; text-align: right; }
#projects dd.longdesc { text-align: justify; }

.agenda dt { font-weight: bold; font-size: 1em; }
.agenda dt .title { font-size: 1.2em; }
.agenda dd { text-align: justify; font-size: 0.9em; }
