div#container{
max-width:1200px;
background-image:url('../images/ciel_bleu.png');
  margin: 20px auto;
  min-height: 400px;
  border: 0px solid #426;
  display: table;
}

div#container main {
  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: 10px auto;
  margin: auto;
  max-width: 1200px;
  width: 94%;
  min-height: 60px;
  text-align: center;
}

div#container main section div#titre {
  font-size: 30px;
font-weight: bold;
font-style:italic;
color:0f0;
padding: 30px 0px 20px 0px;
text-align:center;
}

div#container main p{
color: #008;
max-width:1200px;
font-size:24px;
font-style:italic;
font-weight:bold;
padding:0px;
margin:0 px;
float:center;
text-align:center;
}

.poème{
text-align = center;
color:#005
}


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

/* tablets */
@media (min-device-width: 900px)
and (max-device-width: 1024px)
{
div#container section div#titre
{font-size: 24px}
div#container div#TEXTE p
{font-size: 20px}
}

/* smartphones */
@media (max-device-width: 800px)
{
div#container section div#titre
{font-size: 30px}
div#container div#TEXTE p
{font-size: 20px}
}