#texte-intro h2 {
  padding-bottom: 0 !important;
}
/**
 * BANNIERE
 */

.banniere-mc {
  background: url('../images_mc/fond_mc_process.webp') no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#banniere .filtre {
  color: #fff;
  background: #012e47c9;
  background-size: cover;
}

/**
 * ERREUR CONNEXION
 */

.btn-mc {
  color: #333;
  border: 1px solid #ccc;
  padding: 10px 16px;
  outline: none;
}
.btn-mc:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/**
 * PRINCIPE 
 */

#principe {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.5;
}
#principe .workflow img {
  margin-top: 5vh;
  display: inline-block;
  max-width: 600px;
  width: 80%;
}

@media only screen and (min-width: 767px) {
  #principe .about {
    padding: 4vh 5%;
  }
}

/*
#principe .acteurs {margin-top: 2%;}
#principe .acteurs h3{letter-spacing: -1.5px;}
#principe .acteurs img {width: 80px;height: 90px;display: inline-block;}
*/

/**
 * GAINS 
 */

#gains .about {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  padding: 4vh 2vh;
  text-align: justify;
}
#gains img {
  max-width: 500px;
  width: 80%;
}

@media only screen and (min-width: 767px) {
  #gains .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #gains .about {
    max-width: 700px;
  }
}

/**
 * VISUALISATION 
 */

#visualisation .about {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  padding: 4vh 2vh;
  text-align: justify;
}
#visualisation img {
  max-width: 500px;
  width: 80%;
}

@media only screen and (min-width: 767px) {
  #visualisation .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #visualisation .about {
    max-width: 700px;
  }
}

/**
 * PDF
 */

#pdf .about {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  padding: 4vh 2vh;
  text-align: justify;
}
#pdf img {
  max-width: 500px;
  width: 80%;
}

@media only screen and (min-width: 767px) {
  #pdf .content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #pdf .about {
    max-width: 700px;
  }

  #pdf .description {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5;
    text-align: justify;
    padding: 4vh 2vh;
  }
  #pdf .summary {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5;
    padding: 4vh 2vh;
    text-align: justify;
  }
}

/**
 * save time
 */

#save-time .about {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  text-align: justify;
}
#save-time img {
  max-width: 500px;
  width: 80%;
}

@media only screen and (min-width: 767px) {
  #save-time .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/**
 * profile
 */

#profile .about {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  padding: 4vh 2vh;
  text-align: justify;
}
#profile img {
  max-width: 500px;
  width: 80%;
}

@media only screen and (min-width: 767px) {
  #profile .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #profile .about {
    max-width: 700px;
  }
}

/**
 * VIDEOS
 */

#videos h3 {
  font-weight: bold;
  letter-spacing: -1.5px;
  font-size: 28px;
  margin-bottom: 2%;
}

/**
 * APPLICATIONS
 */

#application .text {
  height: 300px;
  padding: 15px 0;
}
#application h3 {
  line-height: 1.5;
  position: absolute;
  top: 50%;
  letter-spacing: -1.5px;
  width: 100%;
}
#application .text:hover,
#application .text:hover h3 {
  background-color: #046197 !important;
  color: white;
}

@media only screen and (min-width: 992px) {
  #application .live {
    border: none;
    border-right: solid 1px #8a8c8f;
  }
}

@media only screen and (max-width: 992px) {
  #application .content {
    padding: 30px;
  }
  #application .text {
    height: 230px;
  }
  #application .live {
    border: none;
    border-bottom: solid 1px #8a8c8f;
  }
}

#application .live {
  background: url('../images_mc/logo_mc_live2.png') no-repeat 50% 15px;
  background-size: 80% auto;
  background-color: #f0f0f0;
}

#application .live:hover {
  background: url('../images_mc/logo_mc_live.png') no-repeat 50% 15px;
  background-size: 80% auto;
}

#application .process {
  background: url('../images_mc/logo_mc_process2.png') no-repeat 50% 15px;
  background-size: 80% auto;
}

#application .process:hover {
  background: url('../images_mc/logo_mc_process.png') no-repeat 50% 15px;
  background-size: 80% auto;
}

/**
 * LIVE, PROCESS
 */
@media only screen and (min-width: 767px) {
  #live .content,
  #process .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #live .text,
  #process .text {
    max-width: 700px;
  }
}

#live .text,
#process .text {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  text-align: justify;
  padding: 0 4vh 2vh;
}

#live img,
#process img {
  max-width: 500px;
  width: 80%;
}
#live h3,
#process h3 {
  font-weight: bold;
  letter-spacing: -1.5px;
  font-size: 28px;
  margin-bottom: 2%;
}
#right-arrow {
  animation: slide 2s ease-in-out infinite;
  margin-left: 15%;
  position: absolute;
}

@keyframes slide {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
}

/**
 * NFC
 */

@media only screen and (min-width: 767px) {
  #definition .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #definition .text {
    max-width: 700px;
  }
  #definition .content .image {
    padding: 0;
    max-width: 450px;
  }
}

#definition img {
  width: 100%;
}
#definition .content {
  padding: 6vh;
}
#definition .content h3 {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: -1.5px;
}

#definition .content .text {
  line-height: 1.5;
  text-align: justify;
  padding: 30px;
  background-color: #046197;
  color: white;
  font-size: 18px;
}

#nfc .text {
  background-color: #f0f0f0 !important;
  color: black !important;
}

#avantages,
#loto {
  background-color: #f0f0f0;
  padding-bottom: 10vh !important;
}

#loto img {
  max-width: 500px;
  width: 80%;
}

#avantages .text,
#loto .text,
#loto-definition .text {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  text-align: justify;
}

#loto,
#loto-definition {
  background-color: transparent;
  padding-bottom: 10vh !important;
}

#loto-definition ol > li {
  padding-top: 10px;
}

.pd_0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.color-blue {
  color: #046197 !important;
}

.content-flex {
  display: flex;
  align-items: center;
}

ul {
  padding-inline-start: 40px;
}