body {
   background: #fbf9f9;
}

.p0{ padding: 0; margin: 0;}
.p0a{ padding: 0; margin-bottom: 4px;}
.p1{
   padding: 0;
   margin: 0;
   color: red;
}
td.descro_top {vertical-align: top;}
td.descro_bottom {vertical-align: bottom;}

/* Firdion */
span.a{display: inline; /* the default for span */}
.pa { font-family: "Wellfleet";} /* Titre : American Typewriter */
.pb { font-family: Helvetica, Arial, sans-serif; font-weight: 400;} /* Corps de texte : Helvetica */
.pc { font-family: "URW Chancery L";} /* Corps de texte - commentaire : équivalent American Typewriter */
.pd { font-family: Verdana, sans-serif;} /* Corps de texte */
.pe { font-family: "Pinyon Script", serif;  font-weight: 300; font-style: normal;} /* Birthstone  écriture manuscrite*/


/* thumbail ------- https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img ------------------------------- */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position:fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  margin-top: 65px; /* Location of the box */
  padding-top: 100px; /* Location of the box */
  left: 0; top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
.modal-content { margin: auto;  display: block;  width: 100%;  max-width: 1200px;} /* Modal Content (image) */
.modal-content, #caption {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s; animation-name: zoom;animation-duration: 0.6s;} /* Add Animation */
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
.close { position: absolute; top: 05px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;} /* The Close Button */
.close:hover,.close:focus {color: #bbb;  text-decoration: none;  cursor: pointer;}
@media only screen and (max-width: 1200px){.modal-content { width: 100%; }} /* 100% Image Width on Smaller Screens */
/* thumbail ------------------------------------------------------------------------------------------------------------- */

.container {
   display: flex;
   align-items: flex-end;
}