'use strict';

class SaintPaulHorsLesMurs extends React.Component 
{
  constructor(props) 
  {
    super(props);
  }

  render() 
  {
    return (
      <section id="content">
        <div className="grid-1">
          <div className="text-center font-bold">
            Saint-Paul-Hors-les-Murs
          </div>
          <div className="text-justify">
            C'était la plus vaste basilique de Rome avant la reconstruction de <Link to='/vatican'>Saint-Pierre</Link> au XVI<sup>e</sup> s.. Un terrible incendie la ravagea en 1823. On décida de tout reconstruire au lieu de restaurer. Les belles fresques de P.Cavallini en firent les frais. La basilique actuelle a conservée les dimensions de celle du IV<sup>e</sup> s., plusieurs de ses trésors et son superbe cloître roman, épargné par les flammes.
          </div>
        </div>
        <div className="grid-2">
          <div className="text-center">
            <img src="images/stpaul.jpg" height="300" alt="Saint-Paul-Hors-les-Murs" />
          </div>
          <div>
            <div className="text-justify">
              Cette immense basilique (200/60 m.) de structure byzantine a une architecture très particulière : elle comporte une nef centrale et 4 latérales.Son plafond à caissons (recouvert de stuc) étant de plus très lourd, des colonnes massives de marbre (d'un seul bloc) sont nécessaires pour le soutenir. Au dessus de celles-ci se trouvent 264 médaillons représantant les Papes dont une dizaine vide. Les Romains, par superstition, pensent que la fin du monde aura lieu lorsque les derniers médaillons seront remplis.
            </div>
          </div>
        </div>
        <div className="grid-2">
          <div>
            <div className="text-justify">
              Mais l'intérieur de la basilique n'est pas sa seule richesse. En effet la façade XIXe s. est aussi à considérer, representant Jérusalem, les 4 fleuves et Bethléem, ainsi que le cloître des bénédictins. Ce dernier est le coeur du monastère. On y trouve 4 palmiers traditionnels autour d'une fontaine.
            </div>
          </div>
          <div className="text-center">
            <img src="images/stpaul2.jpg" height="300" alt="Saint-Paul-Hors-les-Murs" />
          </div>
        </div>
        <div className="grid-1">
          <div className="text-center">
            <Link to='/'>Retour à la page d'accueil</Link>
          </div>
        </div>
      </section>
    );     
  }
}