html, body 
{
   margin:0;
   padding:0;
   height:100%; /* 100 % en hauteur */
}

html>body #wrap {height:100%;} /* 100 % en hauteur */

#wrap 
{
   width:40em;
   margin:0 auto;
}
* {
 font-family: "Times New Roman", Comic Sans MS,Arial, Verdana, serif; 
 font-size : 1em;
}

body {
 background-color : #ffffff;
 background-image: url('fond.jpg');
 background-attachment: fixed;	 /* Le fond restera fixe */
 background-repeat: repeat;  /*   Le fond ne se répète pas */
 margin:0;
 padding-right:2em;
 padding-left: 0.5em;
 

}
#imagefixe
{
 
   border: 1px solid green;
   width: 230px;
   height: 148px;
   background-image: url('TN_10.jpg');
   position: fixed;
   left: 2%;
   bottom:1.5%;


}
#principal{
	height:100%;
}
#logo {
 position: relative ;
 float:left;
 margin-right:20px;
 margin-bottom :0;
 text-indent:0;
 z-index :10;
}
#logo img {
 border:0;
 position: relative;
 top:10px;

padding-right:10px;
padding-left:0;
padding-bottom:10px;
padding-top:0px;
  top: 0;
  left: 0;
}




#contenu {
	color : black;
	padding-top : 50px;
	padding-left:10px;
	padding-right: 10px;
	margin-left:270px;
	text-indent:40px;
	clear : both;
 }
p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
   color: #3300CC; /* En bleu */
}

#liste ul {
font-size:0.8em;
margin-left:20px;
margin-top:0px;
padding-left: 0px;

}

#contenu h1 {
font-size : 25px;
text-align: right;

}
#contenu h2 {
font-size : 20px;
text-align: center;

}
#contenu hr {
height: 3px;
}

.envaleur  	/* correspond à p class, il faut # pour un id */
{
color:#330099;
font-size: 1.3em; 
font-style:italic;
font-weight:bold;
}

#pied {
font-size : 1.3em;
margin-left:250px;
margin-top:20px;
text-align:center;
}