/* Date */

#date {position: absolute; top: 156px; left: 50%; margin-left: 140px; border: solid; border-width: 1px 1px 3px; border-color: #555 gray black; padding: .1em 0; color: black; background: url(/img/opacity-70.png); font: .75em/1.0 Arial, sans-serif;}
#date dt {padding: 0 .5em .1em; border-bottom: 1px dotted gray; margin-bottom: .3em;}
#date dd {padding: 0 .5em; color: #03c; text-transform: uppercase; line-height: .9;}
#date span {display: block;}
#date .j {font: bold 1.9em/.9 Times, serif; color: red;}
#date .m {font-weight: bold;}
#date .a {color: black; font-size: .85em; padding-top: .4em; line-height: 1.0;}

/* Strip */

#strip {margin: 0;}
#strip img {border: 2px solid black;}
#strip a:hover {background-position: 0;}
#strip a:hover img {border-color: #024;}

/* Texte */

#texte {width: 498px; margin: 0 auto .5em; color: black; background: url(/img/opacity-90.png); border: 1px solid gray; font-family: Arial, sans-serif; font-size: .8em;}
#texte h3 {margin: 0; font-size: 1em; color: white; background: #005; padding: .2em 1em;}
#texte a {padding: .1em 0; display: block; color: white; background: #005 url(/img/croix.png) no-repeat right center; text-decoration: none; width: 100%;}
#texte a:hover {color: #ccc;}
#texte dl {padding: .5em; text-align: justify;}
#texte dl dd {padding-left: 1em;}
#LordCanard .popup {margin: 0 0 0 -250px; position: absolute; left: 50%;}
#LordCanard .hidden {left: 0; top: -999px; width: 1px; height: 1px; overflow: hidden;}

/* Navigation */

#nav h3, #nav span {position: absolute; left: 0; top: -999px; width: 1px; height: 1px; overflow: hidden;}

#nav ul {width: 390px; margin: 0 auto; overflow: auto;}
#nav li, #nav li a {float: left; width: 76px; height: 73px; background: url(/img/navigation.jpg) 0 73px repeat-y;}
#nav li {margin: 1px; display: inline;}
#nav .p a {background-position: 0 219px;}
#nav .r a {background-position: 0 365px;}
#nav .s a {background-position: 0 511px;}
#nav .d a {background-position: 0 657px;}
#nav .p a:hover {background-position: 0 146px;}
#nav .r a:hover {background-position: 0 292px;}
#nav .s a:hover {background-position: 0 438px;}
#nav .d a:hover {background-position: 0 584px;}
#nav .n a {background-position: 0 803px; text-decoration: none; padding-top: 8px; height: 65px; font-size: 1.2em;}
#nav .n a:hover {background-position: 0 730px; color: #77829c;}

/* Liste */

#liste {margin-top: 1em;}
#liste ul {width: 100%; white-space: nowrap; overflow: auto; background: #9ca9c9; border: solid black; border-width: 7px 0 1px; height: 90px; padding-top: 10px;}
#liste li {display: inline;}
#liste li.f, #liste li.l {padding: 0 10px; font-weight: bold;}
#liste img {padding: 3px; border: 1px solid black; background: #c3cce4; vertical-align: middle;}
#liste strong img {background: #4d4d86;}
#liste a {text-decoration: none;}
#liste a:hover {background-position: 0;}
#liste a:hover img {background: #005;}