/*----------------------------------------------------------------------------
  Copyright 2007/2010 Muppet's T.T. Auderghem (http://www.muppetsauderghem.be) 
  Author : Frédéric SCHOLER, web architect (frederic.scholer@latribu.com) 
===========================================================================*/

html, body {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #DFDFDF; vertical-align: middle; font-size: 100%; background-color: #292929;}
/*  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { html, body {font-size: large;} } 
Hack for Opera, but these media-device properties will be probably supported by Firefox in the future
font-size correctly rendered in Opera 10.10 => commented */

/*-----------------------------------------------------------------------
  Structure #page {float: left; width: 96%; margin: 2%;}
-------------------------------------------------------------------------*/
#page {position: relative; margin: 0 auto; width: 960px; border: 20px solid #292929; background-color: #292929;}
#header {color: #FFF9BF; background-color: #4A4A4A; font-size: 80%; -moz-border-radius: 1em 1em 0 0; border-radius: 1em 1em 0 0;}
#main {clear: both; float: left; width: 65%; margin-top: 2em; margin-bottom: 3em; line-height: 1.6;}
#gotop {font-size: large; position: absolute; top: 5.5em; right: 32.5%;}
html>body #gotop {position: fixed;}
#right {float: right; width: 31%; margin-top: 0; margin-bottom: 3em;}
.info {margin: 0; padding: 0; border: 2px solid #FFF9BF;}
.links {padding: 0; border: 3px solid #682D38; border-top: 0; margin-top: 1em; -moz-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em;}
#footer1 {clear: both; font-size: 80%; border-top: 2px solid #682D38; border-bottom: 2px solid #682D38; padding: 0.3em 0; margin-bottom: 1.5em;}
#footer2 {font-size: 80%; margin-bottom: 1.5em;}
.col2 {background-color: #4A4A4A; float: left; width: 45%; padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; margin-bottom: 1.5em; border-right: 1px solid #4A4A4A; border-left: 1px solid #949494;}
.col3 {background-color: #4A4A4A; float: left; width: 30%; padding: 0.3em 0 0.3em 0.6em; margin-top: 0.5em; margin-bottom: 1.5em; border-right: 1px solid #4A4A4A; border-left: 1px solid #949494;}
.col4 {background-color: #4A4A4A; float: left; width: 23%; padding: 0.3em 0 0.3em 0.6em; margin-top: 0.5em; margin-bottom: 1.5em; border-right: 1px solid #4A4A4A; border-left: 1px solid #949494;}
.clear {clear: both; display: block; font: 1px/0 serif; content: "."; height: 0; visibility: hidden;}

/*-----------------------------------------------------------------------
  Links & Nav
-------------------------------------------------------------------------*/
a, a:active, a:visited {color: #FFF9BF; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
.extended a, .extended a:active, .extended a:visited {color: #682D38; text-decoration: underline;}
.commentadmin a, .commentadmin a:active, .commentadmin a:visited {color: #682D38; text-decoration: underline;}
.extended a:hover, .commentadmin a:hover {text-decoration: none;}
#gotop a, #gotop a:active, #gotop a:visited {color: #682D38; text-decoration: none;}
#gotop a:hover {color: #FFF9BF;}

/*-----------------------------------------------------------------------
  Headings & Lists
-------------------------------------------------------------------------*/
h2 {color: #BF6A79; padding-top: 0; margin-top: 0;}
h3 {padding: 0; margin-top: 0; margin-bottom: -0.5em;}
.col2 h3 {margin-top: 1.5em;}
.extended h3 {color: #4A4A4A; margin-bottom: 1em;}
.c1 {color: #BF6A79;}
.c1b {color: #BF6A79; font-weight: bold;}
.c2 {color: #4A4A4A;}
.c3b {color: #DFDFDF; font-weight: bold;}
.c4 {color: #949494;}
strong {color: #BF6A79;}

.comment {background-color: #4A4A4A; color: #DFDFDF; padding: 1em; margin: 2em 0 -0.7em 0; font-size: 90%; -moz-border-radius: 1em 0 1em 0; border-radius: 1em 0 1em 0;}
.commentadmin {background-color: #DFDFDF; color: #4A4A4A; padding: 1em; margin: 2em 0 -0.7em 0; font-size: 90%; -moz-border-radius: 1em 0 1em 0; border-radius: 1em 0 1em 0;}
del {text-decoration: line-through; color: gray;}

abbr {cursor: help; position: relative;}
abbr span {display: none; position: absolute; top: -12px; right: -140px; -moz-border-radius: 0.5em; border-radius: 0.5em;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {abbr span {top: inherit; right: inherit;}}
/* Hack for Opera, but these media-device properties will be probably supported by Firefox in the future */
abbr:hover {background: none; border: 0; z-index: 100;}
abbr:hover span {display: block; visibility: visible; text-align: center; width: 120px; padding: 0.5em; margin: 0; background-color: #FFF9BF; color: #4A4A4A; border: 1px dotted #949494;}

.small {font-size: 80%;}
.cadre {display: block; border : 1px solid #BF6A79; padding: 0.5em; margin: 1em 0 0.5em 0; text-align: center;}
.error  {font-size: 80%; background-color: #BF6A79; font-weight: bold; padding: 0.2em 0.4em 0.4em 0.3em;}
.extended {background-color: #DFDFDF; color: #4A4A4A; font-size: 90%; padding: 1.5em; margin-bottom: 0.5em; line-height: 1.3;}
.quoted {background-color: #4A4A4A; color: #DFDFDF; font-size: 90%; padding: 0.5em 1em; margin-bottom: 1em; line-height: 1.3;}
.comment strong, .commentadmin strong, .extended strong {color: #4A4A4A;}
hr {color: #FFF9BF; background-color: #FFF9BF; border: 0; height: 1px; margin: 0.2em 0; padding: 0;}
.extended hr {color: #4A4A4A; background-color: #4A4A4A; border: 0; height: 1px; margin: 1.5em 0; padding: 0;}
li {margin-left: -1.5em;}
#right h4 {margin: 0; background-color: #682D38; color: #DFDFDF; padding: 0.5em; font-size: 80%;}
#right ul {margin: 0; padding: 0;}
#right li {margin: -1px 0.5em 0 0.5em; padding: 0.5em 0; font-size: 80%; border-top: 2px solid #682D38; list-style-type: none;}
#right li:first-child {border: 0;}
textarea {width: 97%; border: 0; background-color: #DFDFDF; color: #4A4A4A; padding: 0.5em; font-size: 90%; font-family: Arial, Helvetica, sans-serif;}
.left_label {width: 60%; float: left; padding: 0.3em 0 0.1em 0; text-align: right; font-size: 80%;}

/*-----------------------------------------------------------------------
  Tables & Cells
-------------------------------------------------------------------------*/
.h1 {background-color: #DFDFDF; color: #4A4A4A; border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; font-weight: bold;}
.d1 {background-color: #4A4A4A; color: #DFDFDF; border-top: 1px solid #4A4A4A; border-bottom: 1px solid #949494;}
.f1 {color: #4A4A4A; font-size: 90%; padding: 0.5em 0 0 0;}
#weeks {font-size: 80%; line-height: 2;}
.ghost {text-align: center; color: #BF6A79;}
.ghost:hover {color: #FFF9BF;}
.current {text-align: center; color: #FFF9BF; font-weight: bold;}
.hidden {display: none; visibility: hidden;}

/*-----------------------------------------------------------------------
  Menu de navigation globale (Root=horizontal, Secondary=vertical)
-------------------------------------------------------------------------*/
ul#navmenu {margin: 0; border: 0 none; padding: 0; width: 100%; /*For KHTML*/ list-style: none;}

ul#navmenu li {margin: 0; border: 0 none; padding: 0; line-height: 1em; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative;}

ul#navmenu ul {margin: 0; border: 0 none; padding: 0; width: 270px; list-style: none; display: none; position: absolute; top: 1.6em; left: 0;}

ul#navmenu ul:after /*For IE 7 lack of compliance*/ {clear: both; display: block; font: 1px/0 serif; content: "."; height: 0; visibility: hidden;}

ul#navmenu ul li {width: 270px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/}

/* Root Menu */
ul#navmenu a {border: 1px solid #949494; padding: 0.3em 0.6em; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #4A4A4A; color: #DFDFDF; font-weight: bold; font-size: 80%; text-decoration: none; height: auto !important; height: 1%;/*IE*/}

/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {background: #DFDFDF; color: #4A4A4A;}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float: none; background: #4A4A4A; color: #DFDFDF; padding: 0.3em 0.6em;}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {background: #DFDFDF; color: #4A4A4A;}

ul#navmenu li:hover ul, ul#navmenu li.iehover ul {display: block;}

/*-----------------------------------------------------------------------
  Printing Rules
-------------------------------------------------------------------------*/
@media print 
{
	@page {size: portrait;}
	html, body, #page {background : white;	color: #1F1F1F; margin: 0; padding: 0; border: none; font-family: Arial, sans-serif; font-size: 12pt;}
	#main {float: none; width: 100%; margin: 0; background: transparent;}
	#header, #navmenu, #right, #footer2, #comment_form {display: none;}
	#footer1 {margin-top: 2em; margin-bottom: 1em; font-size: 8pt; page-break-before: avoid;}
	h1, h2, h3, h4 {page-break-after: avoid;}
	.extended, li {page-break-inside: avoid;}
	a, a:visited {color: blue; text-decoration: underline;}
	.current, .c1 {color: #BF6A79;}
	hr {color: #BF6A79; background-color: #BF6A79; page-break-before: avoid;}
	.col2, .col3, .col4 {color: white;}
	table a, table a:visited, .col2 a, .col2 a:visited, .col3 a, .col3 a:visited, .col4 a, .col4 a:visited {color: #FFF9BF; text-decoration: none;}
}