div#cadre
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1em;
}

div#cadre div#cadre_prolog
{
  width: 100%;
  padding: 6px 12px;
}

div#cadre div.cadre_panel
{
  display: block;
  width: 100%;
  margin-bottom: 4%;
  padding: 5% 10%;
}

div#cadre div.cadre_panel:nth-child(odd)
{
  background-color: rgba(200,200,200, .5);
}

div#cadre div.cadre_panel div.cadre_image_box
{
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
  width: 45%;
  max-width: 300px;
  margin: 0px 2em .8em 0px;
}

div#cadre div.cadre_panel div.cadre_image_box img
{
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 250px;
}

div#cadre div.cadre_panel div.cadre_image_box div.image_caption
{
  margin-top: 12px;
  font-size: .9em;
  text-align: center;
}

@media screen and (max-width: 600px)
{
  div#cadre div.cadre_panel div.cadre_image_box
  {
    float: none;
    width: 90%;
    margin: 0px auto 20px auto;
  }

  div#cadre div.cadre_panel
  {
    padding: 5% 0;
  }
}