/*
 * THEATRE KLEBER-MELEAU
 * default.css
 *
 * (c) 2005 Le Petit Atelier de Génie logiciel, http://www.petit-atelier.ch/
 * $Id: default.css 55 2005-09-26 11:16:08Z Oliv $
 */

body, th, td { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; }

/* Containers */

body.mainLayout { margin: 10px 4%; padding: 0px; background-color: #E8E8E8; }
table#mainContainer { }

/* common */
#headL, #headM, #headR { background-image: url("../img/head-bg.gif"); background-repeat: repeat-x; vertical-align: top; }
/* #footL, #footM, #footR  { background-image: url("../img/foot-bg.gif"); background-repeat: repeat-x; vertical-align: bottom; background-color: #FFF; padding-bottom: .75em; } */
#footL, #footM, #footR  { background-color: #FFF; vertical-align: bottom; padding-bottom: .1em; }

#headM, #headL, #headR,
#affL1, #affL2, #affM1, #affM2, #affR { background-color: #FFCC66; }

#titleL, #titleR, #titleLA, #titleRA,
#bannL, #bannR,
#bodyL, #bodyM, #bodyR { background-color: #FFFFFF; }

#bannR, #titleR, #bodyM, #footM { padding-left: 4px; }
#affM1, #affM2, #homeM { padding-left: 4px; }

/* normal.dwt */
#titleL, #titleR, #titleLA, #titleRA,
#bodyL, #bodyM, #bodyR,
#bannL, #bannR { vertical-align: bottom; margin: 0; }

#bannL { padding-left: 185px; } /* 181px + 4px */

#titleL, #titleR { vertical-align: bottom; padding: 3em 0 1.5em 0; }

#bodyL, #bodyM, #bodyR { vertical-align: top; }
#bodyM { padding-right: 20px; }
#bodyR, #footR { padding-left: 10px; }

/* home.dwt */
#homeL, #homeM, #homeR { background-color: #FFFFFF; }
#affL2, #homeL { padding-left: 20px; }

/* Text elements */
p, ul, ol, li, h1, h2, h3, h4 { line-height: 1.5em; margin-top: .5em; margin-bottom: 0; }

img { border: 0px; }
img.float-right { float: right; margin-left: 0.5em;  margin-right: -20px; }
img.float-left { float: left; margin-right: 0.5em; }

a:visited { color: #880000; text-decoration: none; } /* !NN ne prend pas couleur en compte */
a, a:active { color: #CC0000; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: underline; }
a.big:hover { text-decoration: none; }
a.nav:hover, a.navCurr:hover { text-decoration: none; }
a.external { background: url("../img/link-out.gif") center right no-repeat;	padding-right: 13px; }

pre { background-color: #F0F0F0; }

h1, .h1 { font-size: 300%; font-weight: bold; color: #000; line-height: 1.2em; margin: 0; }
h2, .h2 { font-size: 140%; font-weight: bold; color: #000; margin-top: 1em; }
h3, .h3 { font-size: 100%; font-weight: bold; color: #999; margin-top: 1em; }
h4, .h4 { font-size: 100%; font-weight: bold; color: #CCC; }
h5 { font-size: 100%; font-style: italic; margin-top: .5em; }

ul { padding-left: 1.5em; }
ul li { list-style: url("../img/list.gif") outside square; }

td#affM1 h1, td#affM1 h2 { color: #FFF; }
td#affM1 p { color: #000; }
td#titleR h1, td#titleR h2, td#affM1 h1, td#affM1 h2 { margin: 0; padding: 0; }

.hat { background-color: #999; color: #FFF; padding-left: .25em; padding-right: .25em; }

.nospace, .nospace-before { margin-top: 0; }
.nospace, .nospace-after { margin-bottom: 0; }
.space, .space-before { margin-top: 1em; }
.space, .space-after { margin-bottom: 1em; }

.shift-down {	position: relative;	bottom: -0.2em;	left: -1px; }
.shift-up { position: relative; top: -0.2em; }

.big { font-size: 140%; }
.name { color: #333; }
.soft, .legend { color: #999; }
.legend { font-size: 90%; }

strong, .strong { font-weight: bold; }

/* Table elements */
table tr td.colsep { background-image: url("../img/colsep.gif"); background-position: center; background-repeat: repeat-y; }

/* Print vs screen fine-tuning */

@media screen {
	td#bannL * { visibility: hidden; } /* mask hierarchical navigation on screen */
}

@media print {
  body.mainLayout { margin: 0px; background-color: #FFF; } /* remove background color (when printing on Firefox with 'Print Background' option) */
	td#headL *, td#headM *, td#headR *,
	td#footL *, td#footM *, td#footR * { visibility: hidden; } /* mask page header and footer */
}

/* eof */