.hp-head .h1 {
  position: absolute;
  bottom: 15px;
  top: auto;
  width: 70%; }

@media (max-width: 850px) {
  .hp-head .h1 {
    top: 10vh;
    width: 95%; } }

.container-schema-approche-olivier-ermakastar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20vh; }

.desk-schema-approche-page {
  width: 80%; }

.mobile-schema-approche-page {
  display: none; }

@media (max-width: 850px) {
  .container-schema-approche-olivier-ermakastar {
    margin-top: 10vh; }
  .desk-schema-approche-page {
    display: none; }
  .mobile-schema-approche-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%; } }

.approche-content-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20vh; }

.container-item-approche {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px;
  border-radius: 15px;
  background-color: #121212;
  padding-bottom: 100px;
  margin-top: 15px; }
  .container-item-approche .h1 {
    padding-bottom: 50px;
    border-bottom: 1px solid #373737; }
  .container-item-approche .p {
    width: 35%;
    margin-left: 50%;
    margin-top: 50px; }

@media (max-width: 850px) {
  .approche-content-list-container {
    margin-top: 15vh; }
    .approche-content-list-container .p {
      width: 100%;
      margin-left: 0; } }