/* ============================================== */
/* (c) Julien RICHETTI pour ANDRE BONDET, 2008    */
/* ============================================== */

.ref,
.ref TD,
.ref TH,
.ref CAPTION {
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}

.ref, TABLE.ref {
	background-color : white;
	border: 1px solid black;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	caption-side: top;
}

.ref CAPTION {
	font-size: 125%;
	background: #00B0E0 url(img/bleu.png) repeat-x;
	border: 1px solid black;
	font-weight: bold;
	letter-spacing: 1px;
}

.ref TBODY TH,
.ref THEAD TH {
	text-align: left;
	font-weight: bold;
	padding-right: 16px;
	width: 100px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid silver;
}

.ref THEAD TH,
.ref THEAD TD {
	background-color: #F0F0F9;
	border-bottom: 1px solid black;
	border-top: hidden;
	font-weight: bold;
}

.ref TBODY TD,
.ref THEAD TD {
	border-left: 1px solid silver;
}

.ref TBODY TD {
	border-top: 1px solid silver;
}

.ref A { color: #069; text-decoration: none; cursor: help; }
.ref A:hover { color: red; text-decoration: none; }

.high { background-color: #FFC; font-weight: bold; }

.asterix { 
	background-image: url(img/note.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* ============================================== */
.cadre {
	border: 1px solid black;
	padding: 3px;
}
.legende { 
	border: none;
	border-collapse: collapse;
}

.legende CAPTION,
.legende TH,
.legende TD {
	color: black;
	padding: 1px;
	margin: 0px;
}

.legende CAPTION {
	background-color: #E9E9E0;
	border: 1px solid #F9F9F0;
	text-align: center;
	line-height: 20px;
	caption-side: bottom;
}

.legende TH {
	text-align: right;
	font-weight: normal;
	width: 74px;
	background-color: #E9E9E0;
	border: 1px solid #F9F9F0;
	padding-right:8px;
}

.legende TD {
	text-align: left;
	font-weight: bold;
	padding-left: 8px;
}

/* ============================================== */

#overDiv {
	position: absolute;
	visibility: hidden;
	background-color: #F9F9F0;
	font-size: 90%;
	color: black;
	padding: 0px;
	margin:	0;
}

#overDiv IMG {
	margin: 10px;
	border: none;
}

/* ============================================== */

IMG.coloris { border: 1px solid black; margin-top: 2px; margin-bottom: 2px; }
IMG.prof { margin-left: 0; margin-right: 20px; margin-top: 0px; margin-bottom: 60px; }
TABLE IMG.prof { margin: 0px; margin-left: 20px;}

TABLE.horiz IMG.prof { margin: 10px; margin-bottom: 20px;}

TABLE.horiz {
	border-collapse: separate;
}

TABLE.horiz TR TD {
	text-align: center; 
	vertical-align: bottom;
	/*
	border: 1px solid white;  malheureusement le transparent ne marche pas sous IEX */
}

TABLE.horiz .forme {
	background-color: white;
	border: 1px solid gray; 
	padding: 4px;
	margin: 0px;
	width: 80px;
	font-size: 90%;
}

/* ============================================== */

.note, .notabene {
	display: block;
	clear: both;
	font-size: 90%;
	padding: 0px;
	margin: 0;
	padding-bottom: 10px;
}

.notabene {
	padding-left: 20px;
	background: transparent url(img/note.gif) no-repeat top left;
	width: 280px;
}

/* ============================================== */

H1 {
	display: block;
	width: 100%;
	background: transparent url(img/logo.gif) no-repeat center right;
	margin: 0px;
	margin-bottom: 0px;
	padding-bottom: 15px;
	padding-top: 30px;
	padding-left: 0;
	padding-right: 0px;
	font-size: 16pt;
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: 1px solid gray;
	border-collapse: collapse;
}

H2 {
	font-size: 110%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	margin-top: 1em;
}

P { 
	text-align: justify;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
}

LI { margin-bottom: 0.5em;}
OL { list-style: lower-alpha; }
OL UL { list-style: disc; padding-left: 1em; padding-top: 0.5em; }
A IMG { border: 0;}

HR {
	border: none;
	border-top: 1px solid gray;
	height: 1px;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ============================================== */
/*
#footer {
	display: block;
	clear: both;
	text-align: center;
	margin: 0px;
	margin-top: 60px;
	padding: 20px;
	font-family: arial, sans-serif;
	font-size: 11px;
	border-top: 1px solid gray;
}
#footer A { color: navy; text-decoration: none; }
#footer A:hover { color: red; text-decoration: none; }
*/
/* ============================================== */

#menu {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 40px;
	height: 24px;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background: white url(img/clair.png) repeat-x;
}

#menu UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	height: 24px;
	width: 100%;
}

#menu UL LI {
	float: left;
	padding: 0;
	margin: 0;
	height: 24px;
	width: 16.6%;
}

#menu UL LI A {
	display: block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	padding: 0;
	margin: 0;
	color: #666;
	text-decoration: none;
	border-left: 1px solid gray;
}

#menu UL LI A:hover {
	color: white;
	background: #00B0E0 url(img/bleu.png) repeat-x;
}

#menu UL LI#unique {
	width: 100%;
}

/* ============================================== */

#popsom {
	border: 1px solid black;
	font-size: 90%;
	background: #F6F6F0;
	width: 20em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#popsom A { 
	display: block; 
	color: black;
	text-decoration: none;
	line-height: 1.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

#popsom A:visited {
	color: gray;
	text-decoration: none;
}

#popsom A:hover {
	color: white;
	background: black;
	text-decoration: none;
}

#popsom HR {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}