* {
  margin: 0px;
  padding: 0px;
}



body {
  background: black;
  font-size: 14px;
  padding: 0px;
  font-family: sans-serif;
}

#photo {
  margin: 0px 0px 0px 0px;
  border: 1px  black;
  border-style: none none none none;
  padding: 0px;
  background: white;
  align-self: start;  /* avoids stretching in flex-box */
}

.container{
  display: flex;
  flex-wrap: wrap;   /* This you may want to keep or remove, depending on whether you prefer the picture to go on a new line on small screens or not */
  justify-content: space-between;
  background: white;
  border: 1px black;
  border-style: none none none none;
   align-items: center; 
 grid-template-columns: 1fr 1fr 1fr;
 column-gap: 5px;
}


img {
  max-width: 100%;
  max-height:100%;
}

.text {
  font-size: 70px;
}

.titre {
  display: block;
  padding: 20px;
  background: white;
} 

#content img {
  float: left;
}


.unit {

display: flex;
align-items: center;
justify-content: center;
padding: 0%;


}

.text {

font-size: 14px;

padding-left: 10px;

}
.bloc {
  clear: both;
  margin: 0px;
  padding: 20px;
  border: 1px black;
  border-style: none none dashed none;
  background: white;
}

.titre {
  clear: none;
  height: 210px;
  margin  : 0px 241px 0px 0px ;
  padding: 20px;
  border: 1px black;
  border-style: none none dashed none;
  background: white;
}


li {
  margin: 8px 0px;
}

h4 {
  font-size: 28px;
  color: #20293F;
  margin-bottom: 0px;
}

h3 {
  font-size: 20px;
  color: #20293F;
  margin-bottom: 20px;
}

a {
  color: #5575AB;
  font-weight: bold;
  text-decoration: none;
}

a span.author {
  font-weight: normal;
}

a span.publi {
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

.adresse  {
  margin: 20px;
  font-style: italic;
  line-height: 24px;
}

.section  {
  margin: 10px 40px ;
  line-height: 20px;
    background: white;
}

.titresection  {
  font-size: 16px;
  margin: 30px 20px 0px ;
  font-weight: bold;
  line-height: 16px;
}