div#container{
max-width:1200px;
  margin: 20px auto;
  min-height: 400px;
  border: 0px solid #426;
  display: table;
}


div#container main {
  background-color: #dee;
  padding: 0px auto;
}

div#container div#image .img-fluid{
height:100%;
padding:0;
margin:0;
width:100%;
position:relative;
top:0px;
}

div#container main section {
  float: center;
  padding: 0px auto;
  margin: 0px auto;
  max-width: 1200px;
  width: 90%;
  min-height: 60px;
  text-align: center;
}

div#container main section div#date {
  float: center;
  width:90%;
  margin:20px auto 10px auto;
  font-size: 30px;
  font-weight: bold;
  color: #b22222;
  font-weight: bold;
}

div#container main section div#titre {
  font-size: 26px;
  width:90%;
  margin:10px auto;
  font-weight: bold;
  font-style: italic;
  color: #800000;
  text-align: center;
}

div#container main section div#sous-titre {
  font-size: 20px;
  font-style: italic;
  width:90%;
  margin:10px auto;
  font-weight: bold;
  color: #0000ff;
  text-align: center;
padding:10px auto 0px auto;
}

div#container main div#TEXTE {
  float: center;
  padding: 0px auto;
  margin: 0px auto;
  width: 100%;
}

div#container main div#TEXTE p {
  color: black;
  width:80%;
  margin:10px auto;
  font-size: 20px;
  text-align: justify;
}

div#container main div#TEXTE p.poème {
  text-align: center;
  position: center;
  margin: 10px auto;
  color: #005;
  font-style: italic;
font-weight: bold;
  font-family: cursive;
  font-size: 21px;
}


div#container main div#iframe
{margin:0;
padding:0;
height:30px;
position:relative;
width:100%;
bottom:0;
}

/* tablets */
@media (min-device-width: 768px)
and (max-device-width: 1024px)
{
div#container main div#TEXTE p,
div#container main div#TEXTE p.poème,
div#container main section div#sous-titre
{font-size: 18px;}

}

/* smartphones */
@media (max-device-width: 700px)
{
div#container main div#TEXTE p,
div#container main div#TEXTE p.poème,
div#container main section div#sous-titre
{font-size: 18px; width:95%;}
div#container main section div#date
{font-size:22px;width:95%;}
div#container main section div#titre
{font-size:22px;width:95%;}
}