html
{
	margin: 0px;
	padding: 0px;
}
body
{
	font-family: Arial, "Times New Roman",Times, sans-serif;
	background-color:#dedede;
	margin: 0;
	padding:0;
	color: #000;
}
h2, h3, h4, h5, h6{
	font-weight: normal;
}
#bando {

	margin : 0;
	height: 150px;
	background: #BFD4E8 url(bando.jpg) no-repeat;
	color: inherit;
	position: relative;
}
div#x-pos li
{
	margin: 0px;
	padding: 0px;
}
/*---------------------------------------------------------
Navigation bar
  --------------------------------------------------------*/
div#x-pos {
	font-size: 0.9em;
	border-bottom: 1px solid ;
	background-color:#005987;
} 
div#x-pos ul {
	margin:  0 0 0 20px;
	padding: 0;
	border-left: 1px solid ;
	border-left-color: #555;
	list-style-type: none;
	height: 1.5em;
}
div#x-pos li {
	height: 1.5em;
	float: left;
}
div#x-pos li a {
	display: block;
	padding: 0 1em;
	border-right: solid 1px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.8em;/*Pourquoi?? ca marche!!*/ 
	margin-bottom: 0;
	background-color: #005987;
	border-right-color: #555;
	color: #FFF;
}
div#x-pos li a:hover {
	background-color: #555;
}
/*----------------------------*/

p, blockquote, li, h2, h3, dd, dt
{
	font-size: 0.9em;
	font-weight: normal;
}
h1.art-page-title {
	font-size: 1.4em;
	font-weight:bold;
	margin-bottom:2em;
	text-align:center;
}
h1 {
	font-size: 1.1em;
	padding-top:1em;
	font-weight:bold;
}
body.category #content h2.cat-h2 ,h2 {
	font-size: 1.1em;
	background:url("icons/puce2_h2.png") no-repeat left;
	vertical-align:middle;
	padding-left:1em;
}
 h3,h4
{
}
h3 {
	color: #6b4794;
	font-size: 1em;
	font-weight:bold;
}
h4 {
	margin-left:2em;
	font-size: .8em;
	color: #6b4794;
}
a {
	text-decoration: none;
	color: red;
}
a:hover {
	color:#3c61bf;
}
a.exit {
	padding: 0 12px 0 0;
}
a.exit:link {
	background: url("blank.png") no-repeat 100% 0;
	color:#7583a9;
}
a.exit:visited {
	background: url("blank.png") no-repeat 100% 0;
	color: #18507C; 
}
a.exit:hover {
	background: url("blank.png") no-repeat 100% 0;
	color: #18507C;
	background-color: #C3D4DF;
}
h1
{
	margin: 0px;
}

hr
{
	display: none;
}

pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}
tt {
        font-size:1.2em;
	color: #444444;
	border-bottom: 1px dashed;
}
.indent1 {
	padding-left:1em;
}
.indent2 {
	padding-left:2em;
}
.indent3 {
	padding-left:3em;
}
ol li.current a
{
	text-decoration: none;
	color: #000;
}
table,td,th {
        font-size: 10pt;
        text-align:center;
        border-color:red;
        border-collapse:collapse;
        border-style:solid;
        border-width:3px;
	padding:.5em 1em .5em 1em;
}
#easy-access, #easy-access a
{
	color: #000;
}

#easy-access a:hover, #easy-access a:focus
{
	color: #000;
}

body.category #content h2, h2.restitle
{
    padding-bottom: 4px;
    padding-left: 17px;
    background-position:  0% 40%;
    background-repeat: no-repeat;
	font-weight: bold;
    background-image: url("icon_pg.gif");
    font-size: 1em;
    font-style: italic;
	border-bottom: 1px solid silver;
}
.flottant {
	float:left;
	padding:2em 1em 0 0;
}
#menuright ul {
	list-style-image:url("icons/puce_file.png");
}
/*#menuright ul li {
	padding-left:1em;
}*/
.col-content {
}

#menuright ul li a {
	text-decoration: none;
	display: block;
	color: #CD1010;
	margin: 1px;
	padding: 2px;
	text-decoration: none;
	border: 1px solid white;
	font-weight: bold;
}
#menuright ul li a:hover {
	text-decoration: none;
	color: #555;
	background-color: #d8e0ed;
	border: 1px solid #7f9bc6;
}
.col-content ul li.art-current a {
	color:#000;
}
#content h2 a 
{
	color: #000;
}

#page
{
	background-color:#fff;
	width:95%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#banner
{
	margin: 0px;
	padding: 0.5em;
	border: none;
	text-align: center;
}
#footer a, #banner h1 a
{
	text-decoration: none;
	border: none;
	color: #000;
}
ol.tree
{
	margin: 0;
	padding: 0;
}
ol.tree li
{
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}

ol.tree li:before
{
	/*content: '\00bb  ';ne fonctionne pas sous ie*/
}

ol.tree li a {
	color:red;
}
#content img
{
	/*border-width: 1px;
	border-color: #ccc;
	border-style: solid;*/
	border:none;
	vertical-align:middle;
	margin: 0px;
}

p.modified
{
	font-size: 0.6em;
	margin: 0 1em -0.5em 1em;
	text-align: right;
}

#footer img, div.col-content img
{
	border: none;
}

#footer
{
	background-color:#005987;
	text-align: right;
}

#banner h1
{
	font-style: italic;
	border: none;
}

#banner h2
{
	border: none;
	text-align: right;
	margin-right: 5em;
}



#footer
{
	padding: 0.5em;
	clear: both;
	border: none
}

div.col-content
{
	padding: 1em 10px;
}

div.col-content h2
{
	padding-bottom: 0;
	margin-bottom: 0.2em;
}

div.col-content li
{
	list-style: none;
}

div.col-content ol li
{
	list-style-type: decimal;
	/*background:url("icons/file.png") no-repeat;
	padding-left:2em;*/
	margin-left: 1.2em;
}

div.col-content a
{
	font-weight:bold;
	text-decoration: none;
}

div.col-content ul, div.col-content ol, div.col-content p
{
	margin-top: 0;
	margin-left: 7px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #fff;

}
input[type=text],input[type=password] {
	border: 1px solid #999;
}
#q  {
	background: #fff url(icons/search.png) no-repeat;
	background-position: 3px center;
	padding-left:16px;
	width:80px;
}
#login,#passwd  {
	background: #fff;
	background-position: 3px center;
	padding-left:2px;
	margin-right:16px;
	width:80px;
}
input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}
#menuright input[type=image] {
	padding-right:1em;
}

input[type=submit]:hover 
{
	background: #999;
	color: #fff;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
#mainfloat
{
	float: left;
	width: 72%;
	margin-top:20px;
	border-right:1px dotted silver;
	min-height:600px;
	position:relative; 
}
#mainfloat img {
	border:none;
}
#content
{
	float: right;
	width: 95%;
}

#menuleft
{
	margin-right: 73%;
	text-align: right;
}
#menuright
{
	margin-left: 72%;
}
#menuright h2{
	font-size: 1em;
	color: inherit;
	margin: 1em 0 0 0;
	background: url("icons/puce_h2.png") no-repeat left;
	padding: 0 0.2em 0 1.3em;
	border-bottom: 1px solid silver;
}
/* */
#content, #menuleft, #menuright
{
	padding: 6px;
	border: none;

}
/* VERTICAL PADDING ABOVE COLUMNS */
#banner
{ 
	margin-bottom: 0px; 
}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright h2
{ 
	/*position: relative; modif 15/10/2007*/
}

#comments blockquote{
	margin: 1em 0;
	padding: 1ex 1em;
	background: #ebdfc7;
	color: #864132;
	-moz-border-radius: 10px;
}
a.info {
	position:relative;
	border-bottom:0px dashed #808080;
	text-decoration:inherit;
	border-bottom: 1px dashed;
	font-weight:normal
	color:#363D47;
}
a:hover.info {
	text-decoration: none;
 	background: none;
}
a.info span {display: none;}
a:hover.info span {
	display: inline;
	position:absolute; 
	top:0em;
	left:5em;
	z-index:20px;
	background-color: #C3D4DF;
	color: #000;
	border:1px solid #000;
	width:200px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	padding:2px 4px;
	/*font-family:"Times New Roman", Times, serif;*/
}


.panorama-nav {
	margin-top:0px;
	/*text-align:center;*/
	padding-left:260px;
}
.zoom {
width:600px;
}
.zoom:hover {
width:auto;
height:auto;
}
blockquote p {
	font-size:12px;
}
a.lien1 {
	background-color:#6389d8;
	color:white;
	padding:0 1em 0 1em;
}
pre.hide {
	display: none;
	margin-bottom: 5px;
}
pre.visible{
	padding:5px;
	border:1px solid #acd373;
	background:#fafff3;
	margin-bottom: 10px;
}
span {
	color:blue;
}