body {
  background-color: #99CCCC;
  font-size: 1.0em;
  margin: 0;
  padding: 0;
}

#conteneur {
  background-color: #0099AA;
  position: absolute;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  margin-top: 20px;
  padding-bottom: 40px;
  border: #000000 1px solid;
}

#title {
  height: 130px;
}

#navigation {
  height: 30px;
  color:white;
  font-size: 0.8em;
  text-align: center;
  padding: 0.4em;
}
#contenu {
  margin: 20px;
}

p {
	margin:0px 
}

a.navigation {
  color: #FFFFFF;
  padding: 0.1em;
  text-decoration:none;
  border-bottom:1px solid  #FFFFFF    
}

a.navigation:hover {
  color: #FFFFFF;
  padding: 0.1em;
  text-decoration:none;
  border:1px solid  #FFFFFF    
} 

/* image */
.imagecentre {
  margin-top:1em;
  text-align:center;
  margin-bottom:1em;
  padding:0em;    
}
.imagecentre p {	
  background-color: #0099AA;
  color:#FFF; 
  font-size:0.8em;
  font-weight:normal; 
  font-family:caption; 
}
.imagecentre img {	
  border:1px solid  #000
}  
  
/* Titres */

h1  {
  font-size: 2.0em;
}
h2  {
  font-size: 1.6em;
}
h3  {
  font-size: 1.2em;
}

/* listes */
ul {
	margin-top:0.2em;
	margin-bottom:0.2em;
	padding-left:2.0em;
  list-style-position: inside;
	list-style-type:circle;	
}

/** Format Doc **/

p.page {
	font-weight:bold;	
	color:#FFF;
	font-size:1.4em;
	font-family:caption;
	margin-bottom:0.8em
}

#doc .etape {
  display: table;
  width: 100%;
}
#doc h1 {
  color: #FFF;
  font-style:none;
  margin-top:20px; 
  border-bottom: 1px solid #FFF;
} /* voir aussi H1 */
#doc h2 {
  color: #FFF;
  margin-bottom: 1em;
  margin-top: 0.5em;
  text-align:center;
  text-decoration:underline;
}

/** Encadrés **/

.encadre, .encadrejaune, .encadrejaunepale, .encadrevert, .encadrevertpale, .encadrebleupale{
  padding:0.5em;
  margin:2em;
  border:1px solid #FFF;	
}
.encadrejaune {
  background-color:#EE2;
}
.encadrejaunepale {
  background-color:#FFD;
}
.encadrevert {
  background-color:#DED;
}
.encadrevertpale {
  background-color:#EFE;
}
.encadrebleupale {
  background-color:#EEF;
}