/*\*//*/
  @import "ie5mac.css";
/**/

html, body {margin:0; padding:0;}

body { font-family: Arial, Verdana, sans-serif;font-size:10pt;}

#csst {float:right;margin-right:0.8em;}

p  {margin: 1em;}

h1 { margin:0; padding: 0.1em 0 0 0.4em;font-size:225%;}
h2 { padding:0 .5em 0.2em .5em; margin: 0;font-size:175%;}

.pub h6 {text-align:center;}
pre a {text-decoration:none;}
ul.horz {padding:0;}

ul {list-style:square;}
li.spip {margin:0.8em;}

ul.horz li{
	list-style:none;
	display:inline;
}
.hidden, .invisible { display:none;}

.clear { clear: both; }


/****************** Main page structure *****************/


#outer {
border-left: 1px solid #000; /*** Critical left divider dimension value ***/
border-right: 1px solid #000; /*** Critical right divider dimension value ***/
margin-left: 200px;    /*** Critical left col width value ***/
margin-right: 200px;    /*** Critical right col width value ***/
}

#float-wrap {
float: left;
width: 100%;
margin: 0 -1px 0 0;
display: inline;
}

#center {
float: right;
width: 100%;
position: relative; /* Needed for IE/win */
margin: 0 0 0 -1px;
display: inline;
}

#left {
float: left;
position: relative; /* Needed for IE/win */
width: 200px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
margin-left: -201px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
display: inline;
}

/* \*/
* html #left {margin-right: -2px;}
/* */

#right {
float: right; 
position: relative; /* Needed for IE/win */
width: 200px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
margin-right: -201px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
display: inline;
}

#container-left {margin-right: 3px;} /*** Critical left divider dimension value ***/

#container-right {margin-left: 3px;} /*** Critical right divider dimension value ***/


/*************** Column top and bottom elements *****************/


#header {width: 100%;}
#header a, .menu li {padding-right:1em;}

/*#frech {opacity:0.3; z-index:100;}
#frech:hover {opacity:1;} */
#recherche form {display:inline;}
#recherche {position:absolute;right:5px; top:5px; height:20px;}

#menu, .menu {margin:0; padding:0.2em 0; width:100%; font-size:85%;}
#menu ul, .menu ul {margin:0 1em;padding:0; z-index:1;}
#menu a, .menu a {z-index:1;text-decoration:none;}

#bas_de_page {
	font-size:xx-small;
	text-align:center;
	width:50%;
	margin:auto;
}


/************** Special Fixes *************/

/* Prevents long urls from breaking layout in IE */
#outer {word-wrap: break-word;}

/* \*/
* html #outer, * html #outer a, * html #container-left, * html #container-right {height: 1%;}
/* */

/* \*/
* html #outer p {margin-right: -0px;}
/* */

#left {margin-right: -1px;}
				/*** Margin fixes for IE5/win ***/
#right {margin-left: -1px;}

hr {display:block; margin: 0; height: 0; font-size: 0; line-height: 0; visibility:hidden; clear:both;} /*** This element clears the cols without bugs in Gecko ***/
 
#center, #container-left, #container-right {overflow: visible;}

/************** couleur et bordure *************/

body {background:white; color:black; border-top:2px solid #633;border-right:1px solid white;border-left:1px solid white;border-bottom: 1px solid white;}
a {color: #900; background:transparent; font-weight:bold;}
a:hover {background: #900; color:white; text-decoration:none;}
a img {border: none;}

#center {background: white; border:none;}
#outer {background: white;border:none;}
#header {background:#900 url("/css/image/haut.jpg") top right; color:white; border-bottom: 1px solid #999;}
#header a {color:#633;}
#header a:hover {color:white;}
#menu, .menu {background:white url("/css/image/barre.gif"); color:black; border-top: 2px solid #633; border-bottom: 1px solid #633;}
#frech {background-color:white; border:.1em solid #633;}
#srech {width:2em;}
#bas_de_page {border-top:1px solid #ccc; color:#666;}

#container-center {padding: 1em;border:none;text-align:justify;}
#container-left {padding:0.5em;}
.pub {text-align:center; font-size:x-small;margin:1em 0;}
#mot {margin-top:2em;}
#mot li {font-size:x-small;margin-bottom:.5em;}
#liste-a-lire, #message {border:2px solid #ccc;margin:2em 0; background:#f9f9f9;}
#liste-a-lire h4, #message h4 {background:#eee url("/css/image/gris.gif");text-align:center;padding:0.5em 0;}
#liste-a-lire h5 {font-size:x-small;background:#eee;text-align:center;margin:0;}
#liste-a-lire * {font-size:small;padding:0.1em;}
#liste-a-lire ul {margin-bottom:.5em;list-style:none;margin:0.2em;padding:0.5em 0.1em;}
#liste-a-lire li * {font-size:x-small;}
#liste-a-lire li {margin:0.2em 0;}
#container-right {text-align:center;font-size:x-small;}

#editorial {
	/*border-top:3px solid #eee; 
	border-bottom:3px solid #ccc; 
	border-left:3px solid #ddd; 
	border-right:3px solid #ddd; 
	background:#fafafa;*/
	border:3px solid #ddd;
	}
#editorial h3 {margin:0;padding:0.5em;}
#editorial .contenu {padding:1em;}
#editorial .une {margin:0;}


.pub h6 {color:#999;}
.date {color:#999;}
.box {border: 1px solid #ccc; margin:1em 0; padding:0.5em;}
.gris {background:#eee;}
.rouge {background:#900; color:white;}
#container-left .box {border:1px solid #eee; margin:1em 0; padding:0;}
#container-right .box {border:1px solid #eee; margin:1em; padding:0;}
.extrait {font-size:smaller;}
.spip_surligne {background:#fee;}

.pagination {text-align:right;font-size:smaller;color:#999;margin-top:2em;}
.pagination a {text-decoration:none;}


table.document {margin:0 .5em .5em .5em; padding:.3em;border:1px solid #ddd;text-align:center; background:#eee;}
table.document td {font-size:smaller;text-align:center;}


.chapo {
	line-height: 1.4em;
	margin: 2em;
	font-weight:bold;
	font-style:italic;
}

.ps {
	padding-top: 0.6em;
	margin-top: 0.6em;
	border-top: 1px dashed #404040;
}
.notes {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
}

p.date, .signature {text-align:right;margin:0;padding:0;}
p.date {font-size:x-small;}
h4 {margin:0;padding:0;}
.logger {margin:2em 1em;}