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

div#container div#main section div#image .img-fluid{
height:100%;
width:100%;
float:center;
position:relative;
top:0px;
}

div#container div#main section div#image_1 {
width:30%;
float:right;
}

div#container div#main {
  width: 100%;
  min-height: 250px;
  float: center;
  padding: 0;
  margin:0;
}

div#container div#main h1 {
  float: center;
  font-weight: bold;
font-size:32px;
  color: #915;
  text-align: center;
  padding: 0px auto;
  margin: 20px auto 0px auto;
}

div#container div#main section h2 {
  font-size: 26px;
  font-weight: bold;
  width:100%;
  margin:20px auto 20px auto;
  color: #006;
  text-align: center;
}

div#container div#main section {
  float: center;
  width: 85%;
  padding: 0px auto;
  margin:20px auto ;
  text-align: justify;
font-size: 22px;
}



div#container div#main {
  width: 100%;
  border: 0px solid #000;
  float: center;
  padding: 0px;
  margin:0px;
}


div#container div#main section img
{
  border-radius: 80px;
 width: 80%;
}

div#container div#main section a {
  text-decoration:none;
}

div#container div#main h1 a {
  text-decoration:none;
}


div#container div#main section a:hover {
  background-color:#ccc;
}

div#container div#main h1 a:hover {
  background-color:#ccc;
}


div#container div#main section a img{
width:6%;
border-radius:0px;
}


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


div#container div#main p{font-size:26px;}

/* Adjust font size for small screens */
@media (max-width: 980px) {
div#container section div#sous-titre,
div#container div#main p
 {
        font-size: 28px;
    }
}