header .logo {
  margin-top: 90px;
}

header.home-page {
  height: 1527px;
}

header.secondary-nav h1 {
  line-height: 1em;
}

.courses-container .course-box > div,
.courses-container .course-box.with-progress div > div {
  padding-right: 15px;
}

.courses-container .course-box.with-progress div {
  padding-right: 35px;
}

.empty-course-info {
  margin-left: -18px;
}

.mail-preview.individual.unread h2 {
  padding-right: 139px;
}

.lesson .i-am-done {
  width: 316px;
}

.lesson .overwrite-answ {
  width: 595px;
}

.lesson .overwrite-answ .overwrite-line :last-child {
  float: none;
}

.activity.calculate-total p :last-child {
  float: none;
}

.activity.calculate-total p.result-line label {
  white-space: nowrap;
}

button.green-1 {
  width: 180px;
}

.width-400 {
  width: 480px;
}

.fr-width-100, .activity.fr-width-100 {
  width: 100%;
}

.fr-width-190, .activity.fr-width-190 {
  width: 190px;
}

.activity.calculate-total-big #items {
  width: 423px;
}

.fr-m-top-90, section.lesson p.fr-m-top-90 {
  margin-top: 90px;
}

.fr-m-bottom-115, section.lesson p.fr-m-bottom-115, .lesson figure.fr-m-bottom-115 {
  margin-bottom: 115px;
}

.fr-m-bottom-125, section.lesson p.fr-m-bottom-125, .lesson figure.fr-m-bottom-125 {
  margin-bottom: 125px;
}

.fr-m-bottom-210, section.lesson p.fr-m-bottom-210, .lesson figure.fr-m-bottom-210 {
  margin-bottom: 210px;
}

.fr-m-bottom-300, .lesson figure.fr-m-bottom-300 {
  margin-bottom: 300px;
}

.question-answer.qw::before {
  content: "Question :";
}

.question-answer.answ::before {
  content: "Réponse :";
}

.learn-container.container ul.fa-ul span.fr-multi-line {
  top: 0px;
  padding-top: 10px;
}

div.course-les-44.width-360 {
  width: 380px;
}

.lesson .overwrite-answ.course-les-44 .overwrite-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

ol.ol-step li:before  {
  content: "Étape " counter(stemNum) ":";
  width: 90px;
}
.row-flex-vcenter {
  margin-right: 17px;
}

.multiple-in-column.course-les-44 .col-2.row-flex-vcenter {
  padding-right: 30px;
}

.total-line-2 .row-flex-vcenter {
  margin-right: 0;
}

.total-line-2 .row-flex-vcenter>input {
  margin-right: 5px;
}

.devices-38-2 > div {
  width: 200px;
}

section.lesson figure[class*=flex].fr-c-gap-20 {
  column-gap: 20px;
}

.logos-flex2.bottom img.m-bottom-11 {
  margin-bottom: 0px;
}

/*-------- course 58 lesson 3 --------------------*/
.multiple-in-column.course-les-583 {
  width: 345px;
}

.multiple-in-column.course-les-583 .col-1 {
  padding-right: 20px;
}

.multiple-in-column.course-les-583 .container.input .col-1 {
  margin-left: 0;
  width: 151px;
}

.multiple-in-column.course-les-583 .container.input .col-1 input {
  margin-left: 0;
}

.multiple-in-column.course-les-583 .total-line.input .col-1 {
  padding-right: 14px;
}

@media screen and (max-width: 1220px) {
  header .logo {
    width: 180px;
    margin-top: 48px;
  }

  nav .mail-link .count-new {
    left: 51px;
  }

  nav .mail-link .count-new.more {
    left: 48px;
  }
  
  .courses-container .course-box div p {
    margin-top: 15px;
    line-height: 27px;
  }

  .courses-container .course-box > div, .courses-container .course-box.with-progress div > div {
    padding-right: 30px;
  }

  .courses-container .course-box.with-progress div {
    padding-right: 0px;
  }

  .lesson .example img {
    margin-left: 60px;
  }
  
  .activity.calculate-total-big #items {
    width: 56%;
  }
  
  #sm-lesson-3 .activity.calculate-total p {
    display: flex;
    justify-content: left;
  }
  
  #sm-lesson-3 .activity.calculate-total p.result-line span {
    width: 56%;
  }
  
  .activity.fr-width-100 label {
    white-space: nowrap;
  }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
    .definition-item, .drag-and-drop-match-parent .activity.drag-and-drop-match .definition-item {
        line-height: 1em;
        padding: 0px;
    }
}

@media screen and (max-width: 520px) {
    .definition-item, .drag-and-drop-match-parent .activity.drag-and-drop-match .definition-item {
        line-height: 1em;
        padding: 0px;
    }
}

@media screen and (max-width: 640px) {
  header nav a {
    letter-spacing: 0;
  }

  .width-400 {
    width: 100%;
  }

  .lesson figure.fr-mob-bottom-0 {
    margin-bottom: 0;
  }
  
  .learn-container.container ul.fa-ul span.fr-multi-line {
    padding-top: 0;
  }

  .lesson .example img {
    margin-left: auto;
  }
  
  .lesson .overwrite-answ {
    width: 100%;
  }
  
  #sm-lesson-3 .activity.calculate-total p.result-line span {
    width: 52%;
    line-height: 1.5em;
  }
}

@media screen and (max-width: 479px) {
  header .logo {
    width: 140px;
    margin-top: 30px;
  }

  header nav {
    margin-top: 45px;
  }

  header nav li.logout {
    top: 82px;
  }

  header.signed nav ul {
    margin-top: 137px;
  }

  .static header.secondary-nav a {
      float: none;
  }

  .lesson .i-am-done {
    width: 308px;
  }
  
  .width-360, div.activity.width-360, .width-400 {
    width: 100%;
  }
  
  .activity.calculate-total p :last-child {
    margin-left: 0;
  }
  
  #sm-lesson-3.lesson .overwrite-answ .overwrite-line label span {
    white-space: break-spaces;
  }
  
  .activity.calculate-total-big #items {
    padding-left: 25px;
    width: 46%;
  }
  
  .activity.calculate-total p,
  #sm-lesson-3 .activity.calculate-total p  {
    justify-content: space-around;
  }
  
  .activity.calculate-total .result-line,
  #sm-lesson-3 .activity.calculate-total p.result-line  {
    justify-content: end;
  }
  
  .dwo-columns.width-60 label {
    height: auto;
  }
  
  div.course-les-44.width-360 {
    width: 100%;
  }
    
  .activity.fr-width-100 label {
    white-space: normal;
  }

  .multiple-in-column.course-les-583 {
    margin-left: 0;
    width: 314px;
  }

  .multiple-in-column.course-les-583 .col-1 {
    padding-right: 13px;
  }

    .drag-and-drop-match-parent .activity.drag-and-drop-match .definition-item {
        font-size: 15px;
    }
}

@media screen and (max-width: 400px) {
    .term-slot {
        height: 150px;
    }
    .drag-and-drop-match-parent .draggable-item,
    .drag-and-drop-match-parent .activity.drag-and-drop-match .definition-item,
    .drag-and-drop-match-parent .droppable-target {
        height: 150px;
    }
}