div#container {
  max-width: 1200px;
  margin: 20px auto;
  min-height: 400px;
  border: px 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: 5px 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;
}

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

@media (max-device-width: 600px)
{div#container main div#TEXTE p
{font-size: 16px;width:95%; margin: 5px auto;}}