/* RESET ------------------------------------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted rgb(0,0,0); cursor: help; }


/* BODY ------------------------------------------------------------------ */

body {
font: 87.5%/1.428 "Trebuchet MS", Helvetica, Arial, sans-serif; }

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }


/* HEADINGS ----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
font-weight: normal; }

h2 {
font-size: 2.285em;
line-height: 1.2;
color: rgb(0,0,0); }

.top h2 { font-size: 1.8571em; }

h2 + p, h2 + ul, h2 + ol, h2 + div, h3 + img, h2 + table {
margin-top: 2em; }

h2 + h2, h3 + h2, h4 + h2, h5 + h2 {
margin-top: 1em; }

h2 + p.credits {
margin-top: 0 }

h3 {
font-size: 1.357em;
line-height: 1.2;
font-weight: bold;
color: rgb(0,0,0); }

h3 + p, h3 + ul, h3 + ol, h3 + div, h3 + img {
margin-top: 1em; }

h2 + h3, h3 + h3, h4 + h3, h5 + h3 {
margin-top: 1em; }

h3 + .article, table + .article {
margin-top: 3em; }

h4 {
font-size: 1.142em;
line-height: 1.2; }

h4 + p, h4 + ul, h4 + ol, h4 + div, h4 + img {
margin-top: 0.5em; }

h2 + h4, h3 + h4, h4 + h4, h5 + h4 {
margin-top: 1.5em; }

h5 {
font-size: 1em;
line-height: 1.2;
font-weight: bold; }

h5 + p, h5 + ul, h5 + ol, h5 + div, h5 + img {
margin-top: 0; }

h2 + h5, h3 + h5, h4 + h5, h5 + h5 {
margin-top: 2em; }


/* LINKS ----------------------------------------------------------- */

a, a:visited {
outline: none;
color: rgb(182,60,56);
text-decoration: none; }

a:hover, a:focus {
text-decoration: underline; }

p + a.thumbRef {
margin-top: 1.5em; }

.header .nav ul li a, .header .nav ul li a:visited {
font-family: "American Typewriter", Georgia, serif;
text-transform: uppercase;
text-align: center;
display: block;
height: 50px;
background: url(/images/assets/button_right.png) no-repeat right 0;
padding-right: 10px;
line-height: 52px;
color: rgb(0,0,0); }

.header .nav ul li.here a, .header .nav ul li a:hover, .header .nav ul li a:focus {
color: rgb(182,60,56);
text-decoration: none; }

.subnav .nav ul li a, .subnav .nav ul li a:visited {
font-family: "American Typewriter", Georgia, serif;
font-size: 1.142em;
line-height: 1.125;
text-align: center;
display: block;
padding: 0 10px 12px;
background: url(/images/assets/button_bottom.png) no-repeat 0 bottom;
color: rgb(0,0,0); }

.subnav .nav ul li.here a, .subnav .nav ul li.parent_here a, .subnav .nav ul li a:hover, .subnav .nav ul li a:focus {
color: rgb(182,60,56);
text-decoration: none; }

.aside .nav ul li a, .aside .nav ul li a:visited {
font-family: "American Typewriter", Georgia, serif;
display: block;
font-weight: bold;
line-height: 1.357;
color: rgb(0,0,0); }

.aside .nav ul li.here a, .aside .nav ul li.parent_here a, .aside .nav ul li a:hover, .aside .nav ul li a:focus {
color: rgb(182,60,56);
text-decoration: none; }

ul.press a {
padding-left: 25px;
background: url(/images/assets/zip.png) no-repeat 0 0; }

.article h2 a {
padding-right: 60px;
background: url(/images/assets/resistance.jpg) no-repeat right 8px; }

.article h3 a {
padding-right: 60px;
background: url(/images/assets/resistance.jpg) no-repeat right 3px; }


/* TYPOGRAPHY ----------------------------------------------------------- */

.content-main p {
text-align: justify; }

p.lettrine:first-letter { 
float: left;
font-size: 4em; 
font-weight: bold;
line-height: 1em;
margin-right: 4px; }

.intro + p, .intro + ul, .intro + ol, .intro + div, .intro + .article, .intro + table {
margin-top: 1.5em; }

p.credits, p.date, p.notes, p.legende {
font-size: 0.928em;
color: rgb(136,136,136); }

p.quote {
font-family: "American Typewriter", Georgia, serif;
font-style: italic;
color: rgb(136,136,136); }

#calendar .month {
font-size: 1.357em;
font-weight: bold; }

#calendar .days {
color: rgb(255,255,255);
height: 30px;
background-color: rgb(0,0,0); }

.footer p {
font-family: "American Typewriter", Georgia, serif;
color: rgb(182,60,56); }

li {
list-style-position: inside; }

li + li {
margin-top: 0.5em; }

ul.press li {
list-style: none; }

strong {
font-weight: bold; }

em {
font-style: italic; }

p + p, p + ul, p + ol, p + div {
margin-top: 1em; }

p + h2, ul + h2, ol + h2, div + h2, img + h2 {
margin-top: 2em; }

p + h3, ul + h3, ol + h3, div + h3, img + h3 {
margin-top: 1.5em; }

p + h4, ul + h4, ol + h4, div + h4, img + h4 {
margin-top: 1em; }

p + h5, ul + h5, ol + h5, div + h5, img + h5 {
margin-top: 1em; }

p + img, ul + img, ol + img, div + img, h2 + img {
margin-top: 1.5em; }

p + .article, ul + .article {
margin-top: 3em; }

p.breadcrumb + h2 {
margin-top: 0.4em; }

p.credits + p, p.credits + ul, p.credits + ol, p.credits + div {
margin-top: 2em; }

ol + p, ol + ul, ol + ol, ol + div {
margin-top: 1em; }

ul + p, ul + ul, ul + ol, ul + div {
margin-top: 1em; }

.article.group p strong {
font-weight: normal; }

/* MEDIAS -------------------------------------------------------------- */

img, a img {
border: 5px solid rgb(232,232,232); }

img.reference {
float: left;
margin-right: 0.8em; }

img + p,  img + ul, img + ol, img + div {
margin-top: 1.5em; }

img.reference + p,  img.reference + ul, img.reference + ol, img.reference + div {
margin-top: 1em; }

object {
display: block;
width: 490px;
border: 5px solid rgb(232,232,232); }

object + object {
margin-top: 1.5em; }

object + p.legende, script + p.legende {
margin-top: 0.5em; }

p.legende + object {
margin-top: 1.5em; }

.videos + h3, .videos + .article {
margin-top: 2em; }

.photos + h3, .photos + .article {
margin-top: 2em; }


/* LAYOUT -------------------------------------------------------------- */

#page {
position: relative;
width: 1180px;
margin: 0 auto; }


/* HEADER -------------------------------------------------------------- */

.header { 
position: relative;
height: 280px;
background: url(/images/assets/header.jpg) no-repeat 0 0; }

.header h1 {
width: 310px;
height: 70px;
position: absolute;
top: 20px;
left: 180px; }

.header .branding {
display: block;
width: 310px;
height: 70px;
text-indent: -50000px;
background: url(/images/assets/logo.jpg) no-repeat 0 0; }

.header .nav {
position: absolute;
top: 110px;
left: 190px; }

.header .nav.english {
left: 230px; }

.header .nav ul.englishNav {
margin-left: 50px; }

.header .nav ul li {
float: left;
margin-top: 0;
padding-left: 20px;
background: url(/images/assets/button_left.png) no-repeat 0 0;
list-style: none; }

.header .nav ul li a span {
position: relative;
left: -5px; }


/* CONTENT -------------------------------------------------------------- */

.content {
position: relative; }


/* SUBNAV -------------------------------------------------------------- */

.subnav {
float: left;
width: 270px;
padding-top: 200px;
margin-left: 70px;
background: url(/images/assets/subnav_top.jpg) no-repeat 0 0; }

.subnav .nav {
padding: 0 40px 135px;
margin-left: 2px;
background: url(/images/assets/subnav_bottom.jpg) no-repeat 0 bottom; }

.subnav .nav ul {
min-height: 255px;
position: relative;
top: -105px; }

.subnav .nav ul li {
width: 188px;
margin-top: 0;
padding-top: 12px;
background: url(/images/assets/button_top.png) no-repeat 0 0;
list-style: none; }


/* CONTENT-MAIN -------------------------------------------------------------- */

.content-main {
float: left;
width: 500px;
min-height: 260px;
padding: 10px 10px 0;
margin-top: -30px;
margin-bottom: -130px; }


/* ASIDE -------------------------------------------------------------- */

.aside {
float: left;
width: 320px; }

.aside .tools {
position: relative;
height: 60px;
padding-right: 100px;
background: url(/images/assets/language.jpg) no-repeat 0 0; }

.aside .tools .french {
display: block;
width: 90px;
height: 23px;
position: absolute;
left: 85px;
top: 23px;
text-indent: -50000px;
background: url(/images/assets/switch.jpg) no-repeat 0 0; }

.aside .tools .english {
display: block;
width: 90px;
height: 23px;
position: absolute;
left: 45px;
top: 23px;
text-indent: -50000px;
background: url(/images/assets/switch.jpg) no-repeat right bottom; }

.aside .nav {
padding-top: 80px;
background: url(/images/assets/aside_top.jpg) no-repeat 0 0; }

.aside .nav ul {
padding: 10px 100px 45px 0;
background: url(/images/assets/aside_bottom.jpg) no-repeat 0 bottom; }

.aside .nav ul li {
padding: 0 40px;
margin-top: 0;
margin-bottom: 10px;
text-align: center;
list-style: none; }

.aside .contact {
display: block;
width: 220px;
height: 200px;
text-indent: -50000px;
background: url(/images/assets/contact.jpg) no-repeat 0 0; }

.aside .contact.here {
background-position: 0 bottom; }

/* FOOTER -------------------------------------------------------------- */

.footer {
clear: both;
height: 360px;
width: 990px;
position: relative;
left: 80px;
background: url(/images/assets/footer.jpg) no-repeat 0 0;
z-index: -5000; }

.footer p {
width: 790px;
position: absolute; 
top: 261px;
left: 110px;
text-align: center; }


/* ARTICLE -------------------------------------------------------------- */

.article {
padding: 3.5em 0 1.5em;
background: url(/images/assets/fil.jpg) no-repeat 0 top; }

.article.top {
padding-top: 0;
padding-bottom: 2em;
background: none; }

.article.odd {
clear: both;
float: left;
width: 240px;
margin-right: 10px;
border: none;
background: url(/images/assets/fil-small.jpg) no-repeat 0 top; }

.article.even {
float: left;
width: 240px;
margin-left: 10px;
border: none;
background: url(/images/assets/fil-small.jpg) no-repeat 0 top; }


/* CALENDAR ----------------------------------------------------------- */

#calendar {
width: 500px;
border: 1px solid rgb(0,0,0); }

#calendar td, #calendar th {
text-align: center; }

#calendar th {
height: 30px; }

#calendar td {
border-top: 1px solid rgb(232,232,232);
border-right: 1px solid rgb(232,232,232); }

#calendar td.days {
border: none;
background-color: rgb(0,0,0); }

#calendar td.calendarToday {
background-color: rgb(204,204,204); }

#calendar td.calendarBlank {
color: #bbb; }

#calendar .event_link {
margin-bottom: 5px; }

#calendar .event_link {
display: block;
width: 10px;
height: 10px;
margin-left: auto;
margin-right: auto;
text-indent: -50000px;
background-color: rgb(182,60,56); }

#calendar + .article {
border: none; }