body {
	background: white ;
 	color: black; margin: 0; padding: 0;
}


/************** Elements de la page ************************/
div#main {
	margin: 0 10em 0 1em;
	padding: 0;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding-bottom: 4em;
}
div#main p {margin: 1em 3em 1em 0.5em;}



/************** MENUS *******************/

ul.menu{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid silver;
	font-size: 1em;
	font-family: sans-serif;
}

ul.menu li {
	list-style-type: none;
  	border: 1px solid silver;
	border-width: 1px 1px 0 3px;
  	position: relative;
	margin: 0;
	padding: 0;
}

ul.menu ul {
	display: none;
}

ul.menu li:hover > ul {
	display: block;
	position: absolute;
	top: -1px;
	left: 100%;
}

ul.menu li a {
	display: block;
	padding: 5px 7px;
	text-decoration: none;
  	background: #FFF;
}


ul.menu li.sub > a {
	font-weight: bold;
	background: #FFE;
}

/** Menu principal **/


ul.menu ul {
	width: 10em;
}


/* Menu de navigation */
#rttop{
	background-color: #FFE;
	position: absolute;
	position: fixed;
	top: 0;
	bottom: 0em;
	right: 0;
	width: 10em;
	margin: 0;
	padding: 0;
	border: 1px solid silver;
	border-width: 0 0 0 1px;
	font-family: Arial, sans-serif;

}

a.still{
	color: black;
}
#rtnv {
	background-color: #FFE;
	position: absolute;
	position: fixed;
	top: 6em;
	bottom: 0;
	right: 0;
	width: 10em;
	margin: 0;
	padding: 0;
	border: 1px solid silver; border-width: 0 0 0 1px;
	font-family: Arial, sans-serif;

}
#rtnv > ul {
	width: 10em;
	margin-left: -1px;
	font-size: 85%;
}
#rtnv ul {
	border: 1px solid silver;
	border-width: 0 0 0 1px;
}
#rtnv ul li {
	border-width: 1px 0;
	border-color: #FFE;
	padding: 0 0 0 5px;
	line-height: 1.25em;
}
#rtnv ul ul {
	border-width: 0 1px 1px 1px;
	border-color: gray silver gray gray;
}
#rtnv ul ul li {
	border-color: #FEFEFC;
}

#rtnv li > a {
	background-color: transparent; padding: 3px;
}
#rtnv li:hover {
	background-color: #FFD;
}
#rtnv li.sub:hover {
	margin-left: -10.2em;
	border: 1px solid gray;
	background:#FFD;
}
#rtnv li.sub:hover > a {
	color: #330;
}
#rtnv li.sub:hover > ul {
	top: 1.75em; left: -1px;
	background: #FEFEFC;
}

#rtnv h4 {
	padding-left:0%;
	font-size:90%;
	color: #555577;
	text-align: center;
}


#pageinfo{

	background-color: #FFE;
	font-size: 80%;
	position: absolute;
	position: fixed;
	bottom: 2em;
	width: 12em;
	right: 0em;
	/*border-top: 1px solid silver;*/
	/* border-width: 0 0 0 1px;*/
	font-family: Arial, sans-serif;

	text-align:center;
}
/* ********************************************************* */
/* Mise en page */
h1 {

	margin: 0;
	/*padding: 1em 0.25em 0;*/
	padding-top: 4em;
	padding-bottom: 0em;
	padding-right: 1em;
	font: bold 2.5em Arial, sans-serif;

	line-height: 0.8em;
	border-bottom: 1px solid silver;
	text-align: right;
	color: #555577;
	letter-spacing: 2px;
}

h2{
	padding-top: 2em;
	border-bottom: 1px solid silver;
}
h3{
	padding-top: 1em;
	padding-left: 2em;
}
h4 {
	padding-left: 2em;
	font-size: 90%;
	}

div.back
{

}
p.back{
	padding-top: 8em;
	text-align: right;
	font-style: italic;

}
p.citation{
	text-align: right;
	font-style: italic;
	/*font-family:cursive;*/
	font-family: sans-serif;
	margin:1em;
	width:60%;
}

hr {

	border-bottom: none;
	border-top:solid thin;
	color: silver;
}

img {border-style:none;}
/* *********** Les dates des news ***** */

div.layoutnews
{
	/*background: red;*/
	/*border: solid green;*/
}

div.newsitem
{
	border: solid black 1px;
	margin: 1em;
	margin-bottom: 2em;
	background-color: #EEF;

}
div.newsitem P:first-line
{

}
div.newsitem div.date
{
	float: left;
	/*width: 100px; height: 70px; */
	width: 15%;
	font-weight: bold;
   	text-align: right;
	background: white; color: black;
	border: solid black 1px;
	border-width: 0 1px 1px 0;
   	padding: 0 10px 5px 0;
	margin: -1px 25px 10px -1px;

}
/* *** Les images de backgrounds ** */

div.floatingimage
{
	float: left;
	padding: 0.5em;
}
div.floatingimage p
{
	text-align: center;
	/*display: none;*/

}
/* *** Les images de Chelles ** */

div.floatingimage160
{
	float: left;
	padding: 0.5em;
	width: 160px;
	/*height: 160px;*/
	text-align: center;
}
div.floatingimage160 p
{
	text-align: center;
	/*display: none;*/
}
div.floatingimage120
{
	float: left;
	padding: 0.5em;
	width: 120px;
	/*height: 160px;*/
	text-align: center;
}
div.floatingimage120 p
{
	text-align: center;
	/*display: none;*/
}
div.spacer {
  clear: both;
  }

div.floatingscaledimage1 img
{
	float: left;
	clear: left;
	padding: 1em;
	width: 4em;
}