body {
	background: #ffffe5 ;
	font-family: sans-serif ; font-size: 10pt ;
	width: 100% ;
	margin: 0 ; padding: 0 ;
	}
img.section { border: 2px solid green; }
a img { border: 0; vertical-align: middle; }

/*****************************************************************************\
*                                                                             *
*                                 TITRE                                       *
*                                                                             *
\*****************************************************************************/
#titre {
	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: #ffffe5; }

/*****************************************************************************\
*                                                                             *
*                                FICHIERS                                     *
*                                                                             *
\*****************************************************************************/
#fichiers {
	position: absolute ;
	width: 15% ; left: 1% ; right: auto ; top: 120px ;
	border: 2px solid green ;
	padding-bottom: 0.5em ;
	background: #f5f5e0 ;
	}
#fichiers h1 {
	padding: 5px 0 ; margin: 0 ; margin-bottom: 0.5em ;
	border: 0 ; border-bottom: 2px solid green ;
	background: #b4b4a2 ; color: #fffff0 ;
	font-weight: bold ; font-size: 150% ; font-family: serif ;
	text-align: center ;
	}
#fichiers p {
	margin: 0.4em 1em ; padding: 0 ; text-align: center ;
	font-weight: normal ; font-size: 110% ;
	}
#fichiers a { color: #1d933e ; text-decoration: none ; }
#fichiers a:hover {  text-decoration: underline ; }

/*****************************************************************************\
*                                                                             *
*                                MANPAGES                                     *
*                                                                             *
\*****************************************************************************/
#manpages {
	position: absolute ;
	width: 15% ; left: auto ; right: 1% ; top: 120px ;
	padding-bottom: 0.5em ; border: 2px solid green ;
	background: #fffff0 ;
	}
#manpages h1 {
	padding: 5px 0 ; margin: 0 ; margin-bottom: 0.5em ;
	border: 0 ; border-bottom: 2px solid green ;
	background: #f5f5e0 ; color: #187833 ;
	font-weight: bold ; font-size: 140% ; font-family: serif ;
	text-align: center ;
	}
#manpages p {
	margin: 0.4em 0 0.4em 1em ; padding: 0 ;
	font-weight: normal ; font-size: 100% ;
	}
#manpages a { color: #1d933e ; text-decoration: none ; }
#fichiers a:hover {  text-decoration: underline ; }

/*****************************************************************************\
*                                                                             *
*                                CONTENU                                      *
*                                                                             *
\*****************************************************************************/
#contenu {
	width: 64% ; margin: 1em 18% 8em ; font-size: 100% ;
	/* border: 1px solid green ;
	background: #f5f5e0 ; */
	}
#contenu h2 {
/*
	font-weight: bold ; font-size: 160% ; font-family: serif ;
	text-align: center ;
	margin: 0 0 1.2em 0; padding: 0.2em 0 ;
	border: 0 ; border-bottom: 1px solid green ; border-top: 1px solid green ;
	background: #b4b4a2 ; color: #fffff0 ;
*/
	font-size: 150% ; color: #1d933e ; font-family: serif ;
	margin: 1em 0 0 0 ;
	padding: 0 0.3em 0 0 ;
	border-right: 2px solid #1d933e ;
	border-bottom: 2px solid #1d933e ;
	text-align: right ;
	}
#contenu h3 {
	font-weight: bold ; font-size: 130% ; font-family: serif ;
	text-align: justify ; text-decoration: underline ;
	margin: 0.8em 1em ; padding: 0 0 ;
	color: #1d933e ;
	}
#contenu h4 {
	font-weight: bold ; font-size: 110% ; font-family: serif ;
	text-align: justify ; text-decoration: underline ;
	margin: 0.6em 1.5em ; padding: 0 0 ;
	color: #1d933e ;
	}
#contenu div.section {
	padding: 0 0 2em 0 ; margin: 0 ;
	border: 0 ;
	}
#contenu div.etapes {
	margin: 10px 2em ;
	padding: 0.5em ;
	border : 2px solid green;
	/*background: #ffffe5 ;*/
	background: #f5f5e0 ;
	}
#contenu p {
	padding:0 ; border:0 ; margin: 0.5em 2em ; line-height: 120% ;
	text-align: justify ;
	}
#contenu div.etapes p { margin: 0 ; }
#contenu div.etapes p.info { margin-top: 0.3em ; }
#contenu div.etapes p.action { font-style: italic ; margin: 0 2em ; }

#contenu p.intro { font-style: italic ; text-align: justify }
#contenu p.centre { text-align: center }
#contenu p:first-letter { font-weight: bold ; }

#contenu pre {
	padding:0 ; border:0 ; margin: 2px 1em ;
	line-height: 120% ; font-size: 90% ;
	}
#contenu pre.cmd { font-weight: bold ; }
#contenu pre.listing {
	margin: 0 1em 0.8em ; padding : 0.2em 1em ;
	border : 1px solid green ; background: #fffff0 ;
	}
#contenu span.em { font-weight: bold ; }
#contenu span.EM { font-weight: bold ; text-decoration: underline ; }
#contenu tt { font-weight: bold ; }
#contenu ul { margin: 0.3em 2em 0.2em 2em ; }
#contenu li { margin-bottom: 0.2em ; text-align: justify; }
#contenu a { color: #1d933e ; text-decoration: none ; }
#contenu a:hover {  text-decoration: underline ; }

table.def {
	margin: 0.5em 2em 0 4em ;
	border: 0 ;
	border-collapse: collapse ;
	}
table.def td {
	vertical-align: baseline ;
	padding: 0.2em 0 ;
	}
table.def td.nom {
	font-weight: bold ;
	padding-right: 0.5em ;
	}
table.def td.colum {
	font-weight: bold ;
	padding-right: 0.5em ;
	}

/*****************************************************************************\
*                                                                             *
*                              BAS_DE_PAGE                                    *
*                                                                             *
\*****************************************************************************/
#bas_de_page {
	width: 64% ; margin: 0 18% 500px ; font-size: 100% ;
	border: 0 ;
	background: #ffffe5 ;
	text-align: center ; font-weight: bold ;
	}
#bas_de_page a { color: #1d933e ; text-decoration: none ; }
#bas_de_page a:hover {  text-decoration: underline ; }