/* En-tete a deux elements (marque, bouton), grande phrase alignee a gauche, accent petrole. */
body {
  background-color: #ffffff;
  color: #17262a;
  font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
}
.topline { border-bottom: 1px solid #d7e2e3; }
.word { font-weight: 700; font-size: 1.25rem; color: #0f5257; letter-spacing: .06em; }
.btn-petrol { color: #0f5257; border: 1px solid #0f5257; background: transparent; }
.btn-petrol:hover { color: #ffffff; background-color: #0f5257; }
.statement { font-size: clamp(1.5rem, 4.2vw, 2.4rem); line-height: 1.25; max-width: 680px; }
.foot { color: #5b6d70; text-decoration: none; }
.foot:hover { color: #0f5257; }
.sep { color: #b9c6c8; margin: 0 .6rem; }
.doc { max-width: 660px; }
.doc h2 { font-size: 1.05rem; color: #0f5257; margin-top: 1.8rem; }
.doc a { color: #0f5257; }