body{
	behavior: url(csshover.htc);
	background-image: url(images/fond.gif);
	max-width: 1024px;
	font-family: "Comic Sans MS", cursive;
	font-size: x-small;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
} /* WinIE behavior call */
a {
}	
#container {
	margin: 0px auto;
	padding: 0 0 0 0;
	width: 66em;
	min-widht: 640px;
	max-width: 960px;
	
}


/* =header
-------------------------- */
#header   { margin: 0 0 0; padding: 0 0 10px; position: relative }
#logo {
	position: absolute;
	top: 13px;
	left: 0px;
	border: none;
	
}
#bande {
	float: right;
	margin: 5px 5px 2px 0;
	right: 0px;
	padding: 0;
}

/* =barre
-------------------------- */


#barre   { margin: 0 0 1px; padding: 0; clear: both }
#barre ul  { margin: 0; padding: 0 }
#barre li  { font-size: 120%; line-height: 20px; background: #bbb url("images/fondl-40.gif"); white-space: nowrap; list-style: none; margin: 0 0 0 1px; padding: 0 0 0 16px; float: left }
#barre a  { color: #333; font-weight: bold; text-decoration: none; background: #ddd url("images/fond.gif"); display: block; margin: 0; padding: 0 16px 0 0; width: 0.1em; float: left }
html>body #barre a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#barre a {float: none;}            /* End IE5-Mac hack */
#barre a:hover {
	color: rgb(62%,35%,22%);
}
#barre #current, #barre #current a {
	color: #990000;
	font-weight: bold;
	vertical-align: top;
}
.traith  { margin: 0; padding: 0; border-top: 1px solid #8c8c8c }

/* =menu
-----------------------------------*/

 
div#menu {
	width: 9em;
	margin: -1px 0 0 -1px;
	float: left;
	position: relative;
	clear: left;
	font-size: 110%;	
}
div#menu ul {
	margin: 0;
	padding: 0;
	width: 9em;
	background: white;
	border: 1px solid #AAA;
}
div#menu li {
	position: relative;
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #222;
}
div#menu li:hover {
	background: #ebb,}
div#menu li.submenu {background: url(images/submenu.gif) 95% 50% no-repeat;}
div#menu li.submenu:hover {
	background-color: #EDD;
	
}
div#menu li a {
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	width: 8.5em;
	font: 110%; bold;;
}
div#menu>ul a {
	width: auto;
}
div#menu ul ul {position: absolute; top: 0; left: 9em;
  display: none;}
div#menu ul.level1 li.submenu:hover ul.level2, 
div#menu ul.level2 li.submenu:hover ul.level3 {
	display:block;
	z-index: 100;
}
/* =main
-----------------------------------*/

#main {
	color: #333333;
	margin: 1em  1em 1em 9em;
	padding: 1em 1em 1em 1em;
}


.imageg {
	float: left;
	clear: left;
	margin: 5px 5px 0 0;
	
}
.imaged {
	float: right;
	margin: 5px 0px 5px 5px;
}

.blocg     { width: 45%; height: 550px; float: left; border-top: 4px solid #cc9988; border-bottom: 4px solid #cc9988 }
.blocd      { margin-left: 55%; height: 550px; border-top: 4px solid #cc9988; border-bottom: 4px solid #cc9988 }
.blocu { width: 100%; height: 550px; border-top: 4px solid #cc9988; border-bottom: 4px solid #cc9988 }
.blocu h10 { font-size: 16px; font-weight: bold }
.blocu h20 { font-size: 14px; font-weight: bold }
.blocu li  { font-size: 11px; list-style-image: url("images/aiguilles24.gif"); list-style-position: outside }
.blocv { width: 100%; border-top: 4px solid #cc9988; border-bottom: 4px solid #cc9988 }
.blocv li { font-size: 11px; list-style-image: url("images/aiguilles24.gif"); list-style-position: outside }
.blocv p { font-size: 11px }
.blocv td { font-size: 11px }
.blocv table.result { border: solid 2px #454545; border-collapse: collapse }
.blocv table.result td { font-size: 11px; border: inset 1px #8c8c8c }
.blocv table.result th { font-size: 12px; border: inset 1px #8c8c8c }
#main p {
	text-align: justify;
	text-indent: 2em;
	width: auto;
	font-size: 120%;
}
#main ul {
	margin: 0 0 6px 0;
}
#main li  { font-size: 120%; text-indent: 10px; list-style: url("images/aiguilles24.gif") inside; padding: 5px 0 0 }

.plus {
	margin: 12px 150 0 0;
	padding: 0;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
#plusp {
}

.plus h2 {
	font-size: 150%;
	color: #999999;
	padding: 4px 0 0 0;
	margin: 0;
}
.plus h3 {
	font-size: 110%;
	padding: 4px 0 0 0;
	margin: 0;
	
}
#main h1 {
	font-size: 160%;
	height: auto;
	margin: 15px;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
}
.imgcolg {
	clear: left;
	height: auto;
}
#pied {
	clear: both;
}
#main h2 {
	font-size: 140%;
	text-align: left;
	text-indent: 20px;
	margin: 30px 0 0 0;
	padding: 0px;
}
#main h3 {
	font-size: 110%;
	font-style: italic;
	text-indent: 35px;
	margin: 0px;
	padding: 0px;
}
#logopl {
	position: absolute;
	left: 90px;
	top: 20px;
	border: none;
}
h1 a {
	text-decoration: none;
}
.blochid  { display: none; margin: 20px 0 0; padding: 5px 0 0; width: 300px; height: 500px; float: left; overflow: auto }
.blochid h1  { font-size: 16px; font-weight: bold }
.blochid h2  { font-size: 14px; font-weight: bold }
.blochid li { list-style-image: url("images/aiguilles24.gif"); list-style-position: outside }
.latin {
	font-style: italic;
}
img {
	border: none;
}
#imgfotr {
	float: right;
}
.footer {
	width: 100%;
	position: relative;
	clear: both;
}
#footerl {
	clear: both;
	position: absolute;
}
.gloss span {display: none;}

a .gloss:hover span {
	display: block;
	position: absolute;
	width: 8em;
	padding: 1em;
	margin: 1em;
	z-index: 100;
	color: #CCCCCC;
	background: black;
	font: normal Verdana, sans-serif;
	text-align: center;
}
	.gloss {
	text-decoration: none;
	cursor: help;
	border-bottom: dotted 1px;
}
.entete {
	font-weight: bold;
}
#bread {
	float: right;
	margin: 0 2px 2px 0;
	font-size: small;
	clear: both;
}
#texte {
	margin: 1em 1em 1em 10em;
}
.element {
	margin: 1em 1em 2em 1em;
}
#afotr {
	float: right;
}
#afotl {
	vertical-align: middle;
}
dt {
	font-weight: bold;
}
#bloc { text-align: center }
#blocs     { background-image: url("images/fond.gif"); padding-top: 5px; clear: both }
#blocs p {
	text-align: justify;
	margin: 0;
	padding: 0;
}
.comment { font-size: 11px; text-align: left; margin: 0 0 5px; padding: 0 }
.rep  { font-size: 11px; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 5px; border-top: 1px solid #c1c1c1 }
.ident  { color: #454545; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 12px; text-align: right; margin: 0 0 0; padding: 0 }
.topic { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url("images/fond2.gif"); margin: 0 0 5px; padding: 4px; border: solid 1px #c1c1c1 }
ul.menulocal   { list-style: none inside; display: block; margin: 0; padding: 4px; float: right; border-bottom: 4px solid #c98 }
ul.menulocal li   { font-weight: bold; background-image: url("images/pucemenu.gif"); background-repeat: no-repeat; background-position: 0 4px; list-style: none url("images/cale.gif"); margin: 0; padding: 0 0 0 15px }
ul.menulocal li a { color: #333; text-decoration: none }
ul.menulocal li a:hover { color: rgb(62%,35%,22%); text-decoration: none }