body {
margin:5px 0 0 0;
padding:0;
background-color:#FFFFFF;
}

.corps{
margin:0 auto;
/*margin:20px 10px 10px 20px;*/
width:800px;
text-align:center;
}

h1{
margin:20px 0 0 0;
padding:20px 0 0 0;
font-size:20px;
color:#4c4f70;
}

.texteindex0{
text-align:left;
color:#4c4f70;
margin:15px 0 0 0; 
}

.texteindex{
text-align:left;
color:#4c4f70;
}

.texteindex1{
text-align:left;
color:#4c4f70;
margin:5px 0 0 0; 
}

div.figure {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.3em 0.3em 0 0.3em;
  padding: 0.3em 0.3em 0 0.3em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  color:#4c4f70;
 }
 
 div.figure2 {
  float: left;
  width: 25%;
  border: thin silver solid;
  margin: 0.3em 0.3em 0 0.3em;
  padding: 0.3em 0.3em 0 0.3em;
  width:280px;
}
div.figure2 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  color:#4c4f70;
 }
 
 
  div.figure3 {
 float: right; 
  border: thin silver solid;
  margin: 0.7em 0.3em 0 0.3em;
  padding: 0.7em 0.3em 0 0.3em;
  width:410px;
 
}
div.figure3 p {
  text-align: center;
  font-style: italic;
  text-indent: 0;
  color:#4c4f70;
 }

div.figure3 img{
border:0px;
}


.pied{
margin-top:15px 0 0 0;
padding:0 0 0 0;
border-top:2px solid #545c71;
}

.pied li{
display:inline;
}

.pied a{
color:#8a6876;
}


.fin{
clear:both;
}

.google{
text-align:left;
float:left;
margin:15px 15px 0 0;
}

#eol{
margin:10px 0 0 0;
text-align:justify;
color:#4c4f70;
float:left;
}

#img-eol{
margin:-20px 0 0 0;
}