body {
	background: #ffffe5 ;
	font-family: sans-serif ; font-size: 12px ;
	width: 100% ;
	margin: 0 ; padding: 0 ;
	}
/*****************************************************************************\
*                                                                             *
*                                 TITRE                                       *
*                                                                             *
\*****************************************************************************/
#titre {
	font-size: 10pt ;
	text-align: center ;
	border: 0 ;
	background: url(../../../IMAGES/ICO/cw3_crabsworld.png) ;
	background-repeat: no-repeat ;
	background-position: 0px 0px ;
	}
#titre_projet {
	margin: 0 0 0 80px ;
	padding: 10px 0 20px 80px ;
	background: url(../ico.png) ;
	background-repeat: no-repeat ;
	background-position: 0px 0px ;
	}

#titre h1 {
	font-weight: bold ; font-size: 180% ; font-family: serif ;
	text-align: center ;
	margin: 0 0 0.3em 0 ; padding: 0 ;
	color: #187833 ;
	}
#titre p {
	font-style: italic ; font-family: serif ; font-size: 10pt ;
	text-align: center ;
	margin: 0.3em 0 1.0em 0 ; padding: 0 ;
	color: #187833 ;
	}
#titre div.ancre { position: relative ; top: -15px ; }
.invisible { color: #e6e6d2; }

a:visited, a:link {
	color : green ;
	text-decoration: none ;
	font-weight: bold ;
	}
a:hover {
	text-decoration: underline ;
	color : green ;
	font-weight: bold ;
	}
a.dossier_open { color: #000000 ; }

#navigation {
	position : absolute ;
	top: 110px ; left: 10px ; width: 200px ;
	}
#navigation div.dossier {
	margin: 0 0 0 5px ;
	padding: 0 0 0 9px ;
	border: 2px solid #ffffe5 ; /* cadre couleur de fond pour IE */
	border-left: 2px solid green ;
	}
#navigation p { margin: 0 ; padding: 0 ; line-height : 120%; }
#navigation p.racine { margin: 0.2em 0; font-size: 90%; text-align: center;}
#navigation p.racine a { font-weight: normal; }

#contenu { margin: 2em 20px 2em 220px ; line-height : 120%; }
#contenu p { margin: 1px 20px ; padding: 0 ; }
#contenu p.info {  text-align: center; margin: 2em 0 ; font-style: italic; }
#contenu div.repertoire { margin-left: 20px ; }
#contenu p img { vertical-align: middle ; }
#contenu p.haut { text-align: center; margin: 2em 0 ; }
#contenu div.chemin {
	margin: 0.5em 0 ; padding: 0.2em 1em ;
	border: 1px solid green ;
	}
#contenu pre {
	margin: 0.5em 1em ;
	padding : 0.5em ; border : 1px solid green ; background : #fffff0 ;
	}

#contenu div.entrees { font-size: 85% ; text-align: justify  ;
	border: 1px solid green ;
	}
#contenu span.entree { font-weight: bold ; font-style: italic; padding: 0 1em ;}
#contenu a.entree { font-weight: normal ; font-style: italic; padding: 0 1em ; }

img.icon { margin: 0px 4px 6px ; padding: 0; border: 0 ; }
span.target { float: right; font-weight: bold ; }

.num    { color:#2928ff; }
.esc    { color:#ff00ff; }
.str    { color:#ff0000; }
.dstr   { color:#818100; }
.slc    { color:#838183; font-style:italic; }
.com    { color:#838183; font-style:italic; }
.dir    { color:#008200; }
.sym    { color:#000000; }
.line   { color:#555555; }
.kwa    { color:#000000; font-weight:bold; }
.kwb    { color:#830000; }
.kwc    { color:#000000; font-weight:bold; }