Edit in JSFiddle

<div class="bloc_fichexo1">
<span id="titre_fichexo1">Un joli titre ici.
<div id="soustitre_fichexo1">Et un petit sous-titre pour faire beau.</div></span>
<div class="bloc2_fichexo1">
<div class="mo_fichexo1">
<div class="image_fichexo1"><img src="https://www.aht.li/3165959/Opqe2.png" style="width: 100px;height: 100px;" /></div><div class="titre2_fichexo1">Nom créature ou objet</div><span id="descri_fichexo1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. 
</span>
</div>
<div class="mo_fichexo1">
<div class="image_fichexo1"><img src="https://www.aht.li/3165959/Opqe2.png" style="width: 100px;height: 100px;" /></div><div class="titre2_fichexo1">Nom créature ou objet</div><span id="descri_fichexo1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. 
</span>
</div>
<div class="mo_fichexo1">
<div class="image_fichexo1"><img src="https://www.aht.li/3165959/Opqe2.png" style="width: 100px;height: 100px;" /></div><div class="titre2_fichexo1">Nom créature ou objet</div><span id="descri_fichexo1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. 
</span>
</div>
<div class="mo_fichexo1">
<div class="image_fichexo1"><img src="https://www.aht.li/3165959/Opqe2.png" style="width: 100px;height: 100px;" /></div><div class="titre2_fichexo1">Nom créature ou objet</div><span id="descri_fichexo1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. 
</span>
</div>
<div>
</div>

.bloc_fichexo1{
  width: 500px;
  margin:0 auto;
}

#titre_fichexo1{
  display:inline-block;
  width: 494px;
  height: 55px;
  margin: auto;
  background: #a3a3c7;
  font-size: 25px;
  text-align: center;
  color: #DEDEDE;
  text-shadow: 1px 1px 1px #333333;
  text-transform: uppercase;
  line-height : 40px;
border:1px solid white;
outline:5px solid #a3a3c7;
}

#soustitre_fichexo1 {
  font-size: 11px;
  line-height : 0px;
}

.bloc2_fichexo1 {
margin: auto;
margin-left: -5px;
width: 500px;
height: 500px;
padding: 4px;
margin-top: 15px;
background: #DEDEDE;
border-bottom: 10px solid #a3a3c7;
}

.mo_fichexo1 {  width:495px;
 margin:0 auto;}


.image_fichexo1{
  float:left;
  margin-bottom: 10px;
  width: 100px;
  height: 100px;
  background: #a3a3c7;
}

.titre2_fichexo1{
  float:right;
  width: 375px;
  height: 18px;
  background: #a3a3c7;
  font-size: 12px;
  line-height : 18px;
  text-align: center;
  color: #DEDEDE;
  text-shadow: 1px 1px 1px #333333;
  text-transform: uppercase;
border:1px solid white;
outline:3px solid #a3a3c7;
}

#descri_fichexo1{
   display:inline-block;
float: right;
margin-bottom: 10px;
padding: 5px;
  width: 370px;
  height: 70px;
  background: #a3a3c7;
  font-size: 12px;
  text-align: justify;
  color: black;
  overflow: auto;
}