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

div#container section div#titre{
font-size: 22px;
padding:12px;
font-weight: bold;
font-style:italic;
color:#060;
text-align:center;
}


div#container div#TEXTE p{
color: black;
width:85%;
font-size:20px;
background-color:#efe;
padding:8px 25px;
margin:0px auto;
text-align:justify;
}

div#container div#TEXTE {
margin:0px auto 20px auto;
}


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 section div#titre
{font-size: 24px;width:95%;}
div#container div#TEXTE p
{font-size: 18px;width:95%;}
}

/* smartphones */
@media (max-device-width: 767px)
{
div#container section div#titre
{font-size: 24px;width:95%;}
div#container div#TEXTE p
{font-size: 18px;width:95%;}
}