body	{
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:1em;
	background : #ffffff;
	}

#page {
	color:#505040;
	background:#ffffff;
	font-size : 0.8em;
	}
		

/* =================================================================
	Entete
/* ============================================================= */

#entete	 	{
		background:#fcfdf3;
		border-bottom-color:#226592;
		border-bottom-style:solid;
		border-bottom-width:1px;
		}



#imgentete img
	 	{
		margin:2px 0px 2px 0px;
		}
#txtentete
	 	{
		text-align: left;
		vertical-align:bottom;
		padding:5px 0px 5px 3px;
		width:100%;
		color:#226592;
		}

#txtentete h3
	 	{
		font-size: 200%;
		display:inline;
		}

/* =================================================================
	Texte
/* ============================================================= */
#page .section 	{
		margin: 0 0 2em;
		}

#page .section li {
		list-style-image:url(/icones/fleche2.png);
		text-align:justify;
		}

#page .section ul {
		padding-left:3em;
		}


#page h4.titre, #page h5.soustitre
		{
		margin: 0;
		padding: 0;
		font-family: Arial, Verdana, sans-serif;
		}

#page h4	{
		color: #226592;
		font-size: 1.2em;
		text-align: left;
		line-height: 1.5em;
		padding: 5px 25px 0 0;
		margin: 0 0 -1px 0;
		clear:both;
		}

#page h4.titre 	{
		border-bottom: 1px solid #226592;
		}

#page h4.saut 	{
		clear:both;
		}

#page h4.titre a
		{
		text-decoration: none;
		color: rgb(15%,30%,15%);
		}

#page h4.titre a:hover
		{
		border-top: 1px dotted rgb(50%,61%,48%);
		}

#page h4.titre a:hover:before
		{
		color: rgb(50%,61%,48%);
		}

#page h5.soustitre
		{
		font-size: 1em;
		line-height: 1.2em;
		text-align: justify;
		padding: 0 0 5px 0px;
		margin: 0 0 0 45%;
		color: #226592;
		}

#page p 	{
		line-height: 1.4;
		text-align:justify;
		}

/* ==============================================================
        3. LES LIENS
/*  ============================================================= */


#lien 		{
		margin: 0;
		padding: 0;
        	text-align: right;
		}

#lien #ext
	 	{
		display: inline;
		padding: 0 0.5em;
		list-style: none;
		font-weight: bold;
		color:blue;
		}

#lien #ext a
	 	{
		display: inline;
		padding: 0 0.5em;
		list-style: none;
		font-weight: bold;
		color:green;
		text-decoration: none;
		}

#lien #ext a:hover
		{
		border-color: #000 #CCC #CCC #000;
		font-weight: bold;
		text-decoration: none;
		color:red;
		}


/* ==============================================================
        Menu page
/*  ============================================================= */
/* boutons gris avec petite image */
.nav 	{
	margin: 0; 
	padding: 0;
	}
.nav li {
	list-style: none; 
	float: left;
	font-size: 10px; 
	line-height: 18px; 
	white-space: nowrap;
	}
.nav  a {
	display: block; 
	float: left; 
	padding: 0 7px 2px 20px;
	text-decoration: none; 
	font-weight: bold;
	border: 1px solid;
	margin-right:1px;
	border-color: #fbffde #226592 #226592 #fbffde;
	background: #fbffde url(/icones/tab-bumps.gif) 2px 50% no-repeat;
	color: #226592;
	width: .1em;
	}
.nav a {
	width: auto;
	}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.nav a {
	float: none;
	}            /* End IE5-Mac hack */
.nav a:hover {
	background-color: #226592; 
	color: #fbffde;  
	border: 1px solid;
	border-color: #000 #CCC #CCC #000;
	}
.nav a:visited {
	border: 1px solid;
	border-color: #fbffde #226592 #226592 #fbffde;
	}

.nav a.current {
	color: #fbffde;
	border: 1px solid;
	background: #226592 url(/icones/opened_folder.gif) no-repeat; 
	padding-left:25px;  
	border-color: #000 #CCC #CCC #000;
	}