body {background:url(/images/body-bg.jpg) center top repeat #121210;color:#fff;font-family:Arial, Helvetica, "Lucida Grande", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", serif;color:#c71010;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {background-color:#232117;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 a:hover, h3 a:hover, h5 a:hover {border-bottom:2px solid #c71010;}
h2 a:hover, h4 a:hover, h6 a:hover {border-bottom:2px solid #47d7d9;}
h1 {font-size:30px;line-height:35px;margin-bottom:18px;color:#47d7d9;}
h2 {font-size:24px;margin-bottom:18px;line-height:29px;}
h3 {font-size:18px;margin-bottom:18px;line-height:18px;color:#47d7d9;}
h4 {font-size:16px;line-height:18px;}
h5 {font-size:14px;line-height:18px;color:#47d7d9;}
h6 {font-size:14px;line-height:18px;}
p {font-size:14px;line-height:18px;margin-bottom:18px;}
ul {font-size:14px;line-height:18px;margin-bottom:18px;}
a {color:#47d7d9;}
a:active {color:#c71010;}
cite {display:block;text-align:right;padding-right:95px;}

.wrapper {width:960px;margin:0 auto;position:relative;background:url(/images/wrapper-bg.png) -10px -20px no-repeat;}
.clearfix {clear:both;}
#header {padding-bottom:30px;}
#logo {margin-top:20px;float:left;}
#header .featured {float:right;margin-top:28px;}
#header .featured img {margin-left:40px;}
#header .featured img#premier-jet {position:relative;top:14px;margin-right:20px;}
#header .featured img#logo-desjardins {position:relative;bottom:20px;left:10px;}
#header .featured img#logo-bibli {position:relative;top:-15px;}

#aside {width:220px;float:left;}
#nav {font-family:Georgia, "Times New Roman", serif;float:left;font-size:22px;line-height:36px;font-weight:bold;padding:18px 20px;background:url(/images/black-50.png) center center repeat;}
#nav a {color:white;text-decoration:none;display:block;}
#nav a:hover {color:#c71010;}
#nav ul a:hover {color:#47d7d9;}
.accueil #nav .accueil a,
.photos #nav .photos a,
.reglements #nav .reglements a,
.contact #nav .contact a,
.presente-par #nav .presente-par a,
.livres #nav .choix {color:#47d7d9;}
.un-tour-en-arkadie #nav .un-tour-en-arkadie a,
.lhomme-trafique #nav .lhomme-trafique a,
.la-memoire-du-lac #nav .la-memoire-du-lac a,
.le-passager #nav .le-passager a,
.la-rive-noire #nav .la-rive-noire a,
.les-exiles #nav .les-exiles a {color:#c71010;}
#nav ul {padding-left:20px;margin-bottom:0;}

#content {padding:36px 40px 20px 40px;margin-bottom:40px;width:640px;background:url(/images/content-bg.jpg) center top repeat-y #504c3b;float:right;-moz-box-shadow:0 0 20px 3px black;-webkit-box-shadow:0 0 20px 2px black;box-shadow:0 0 20px 2px black;}
#content ul {list-style-type:disc;padding-left:40px;}
.player {margin:18px 0 18px;}

#footer {background:url(/images/black-50.png) center center repeat;height:420px;margin-bottom:40px;text-align:center;position:relative;}
#footer img {position:absolute;}
#footer .un {top:30px;left:70px;}
#footer .deux {top:100px;left:360px;}
#footer .trois {top:90px;left:685px;}
#footer .quatre {top:250px;left:100px;}
#footer .cinq {top:260px;left:365px;}
#footer .six {top:245px;left:715px;}

/* Livres */
blockquote {margin-top:14px;padding-left:45px;float:left;background:url(/images/left-quote.png) left top no-repeat;font-style:italic;}
.citation {background:url(/images/right-quote.png) right bottom no-repeat;padding-right:35px;width:280px;}
.couverture {float:left;margin:0 30px 4px 0;width:250px;font-size:12px;font-style:italic;}
.auteur {float:left;margin:0 30px 4px 0;width:170px;font-size:12px;font-style:italic;}
.accueil .citation {width:auto;}
.accueil blockquote {margin-top:0;}
.accueil blockquote small {font-size:12px;}

/* Contact */
.contact h1 {margin-bottom:32px;}
.contact h2 {margin-bottom:4px;}
.contact p {margin-bottom:28px;}
