h1, h2, h3, div, p {
  font-family: "Poppins";
}

.card-body {
  padding: 1.2rem 1rem;
}

.banner--stick.transparent,
.banner--stick:not(.navbar-dark) {
  border-bottom: 1px solid rgba(221, 221, 221, 0.6666666667);
}

.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  width: 50px;
  height: 50px;
}
.spinner .path {
  stroke: #111111;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.button-loading {
  background-color: #111111 !important;
  border-color: #111111 !important;
}

label:hover {
  cursor: pointer;
}

.ribbon {
  position: absolute;
  left: 10px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #75cf65;
  background: linear-gradient(#75cf65 0%, #75cf65 100%);
  box-shadow: 0 3px 10px -5px rgb(0, 0, 0);
  position: absolute;
  top: 19px;
  left: -21px;
}

.ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #75cf65;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #75cf65;
}

.ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #75cf65;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #75cf65;
}

img.screenshot {
  width: 100%;
  border-radius: 20px;
  -webkit-filter: brightness(50%);
  transition: all 1s ease;
}

img.screenshot:hover,
img.screenshot.allume {
  -webkit-filter: brightness(100%);
}

.footer-petits-liens {
  font-size: 14px;
  opacity: 0.5;
}

.pricing-avis .fas {
  color: #ffd43b;
}

.pricing-avis .avis {
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
}

.sticky-sidebar {
  top: 120px !important;
  margin-bottom: 120px;
}

.svg-fill-white,
.svg-stroke-white {
  fill: #cacaca;
}

.cgu h3 {
  font-size: 17px;
  opacity: 0.6;
  margin-bottom: 2px;
  margin-top: 24px;
}

.alert-icon i {
  top: 10px;
}

.page_404 {
  width: 100%;
}

.popular.card-price {
  position: relative;
}

.menu_username {
  color: #3f78e0;
  font-weight: 500;
}

#deconnexion {
  margin-right: 20px;
}

#deconnexion i {
  font-size: 14px;
}

.techno-framework-pris-en-compte {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 15px;
}

.techno-framework-pris-en-compte img {
  height: 30px !important;
  width: auto;
}

@media screen and (max-width: 768px) {
  .techno-framework-pris-en-compte {
    margin-bottom: 15px;
  }
  .hp-techno {
    max-width: 100px;
  }
  .responsive-reverse {
    transform: scaleX(-1);
  }
}
#hp-typing div.ot-text-ani,
#hp-typing span.typer {
  font-size: 24px !important;
}

@media screen and (max-width: 768px) {
  #hp-typing div.ot-text-ani,
  #hp-typing span.typer {
    font-size: 16px !important;
  }
}
.octf-btn {
  text-transform: none !important;
}

.rotation-90 {
  transform: rotate(90deg);
}

.octf-btn {
  text-transform: none !important;
}

.form-check-input,
input.form-control,
textarea.form-control,
select.form-control {
  border: 1px solid rgba(8, 60, 130, 0.5) !important;
  color: #333;
}

.sondage-subscription-fin select.wpcf7-form-control,
.sondage-subscription-fin textarea.wpcf7-form-control,
.sondage-subscription-fin input[type=text].wpcf7-form-control {
  padding: 8px 40px 8px 20px !important;
  margin-top: 6px !important;
  color: #333 !important;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #333;
}

.sondage-subscription-fin textarea.wpcf7-form-control {
  padding: 20px !important;
  width: 100%;
}

.sondage-subscription-fin label {
  margin-bottom: 12px;
}

#hp-typing h2 {
  font-size: 24px !important;
  font-family: "Roboto" !important;
}

@media screen and (max-width: 768px) {
  #hp-typing h2 {
    font-size: 16px !important;
  }
}
#content {
  margin-top: 90px;
}

ol ::marker {
  font-size: 150%;
  color: #3f78e0;
  font-family: "DM Serif Display";
  font-weight: 400 !important;
}

.display-7 {
  font-size: 18px;
}

div.form-fond-bleu label {
  color: #fff;
  width: 100%;
}

div.form-fond-bleu input[type=text],
div.form-fond-bleu input[type=email] {
  width: 100%;
}

div.form-fond-bleu input.wpcf7-submit {
  background-color: white;
  border: none;
  border-radius: 50px;
  padding: 5px 20px;
  font-weight: bold;
}

div.form-fond-bleu input.wpcf7-submit:hover {
  background-color: #dfe9f9;
}

.ot-pricing-table__title {
  text-transform: none !important;
}

#guides {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 10px;
  margin-bottom: 50px;
}

#guides::before {
  display: none;
}

@media screen and (max-width: 1024px) {
  #guides {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 728px) {
  #guides {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 500px) {
  #guides {
    grid-template-columns: 1fr;
  }
}
.guide {
  border: 1px solid #f3f3f6;
  box-shadow: 4px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #f8f8f8;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.guide h2 {
  font-size: 20px;
}

.guide.guide-lie h3 {
  font-size: 16px;
}

.guide.guide-lie .lien {
  margin-left: 0px;
}

.guide:hover {
  box-shadow: 8px 4px 15px rgba(0, 0, 0, 0.3);
}

.guide .photo {
  background-size: cover;
  height: 250px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.guide .contenu {
  padding: 15px;
  text-align: left;
}

.guide .description {
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 26px;
}

.guide .lien {
  background-color: #3f78e0;
  padding: 15px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  margin-top: auto;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
}

.guide .lien:hover {
  background-color: rgba(63, 120, 224, 0.7333333333);
}

.footer-mentions {
  text-align: center;
  font-size: 12px;
}

.footer-mentions a,
.footer-mentions .elementor-widget-container {
  color: rgba(255, 255, 255, 0.2);
}

blockquote {
  font-size: 14px !important;
}

div.ot-testimonial__inner.card-body {
  padding: 20px;
}

div.ot-acc-item.background {
  background-color: #fafafa !important;
}

.single-post {
  background-color: #fefefe;
}

.guide-details .photo {
  height: 500px;
  background-size: cover;
}

.guide-single {
  background: #fff;
  margin-bottom: 40px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0 0 1.25rem rgba(30, 34, 40, 0.04);
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.guide-single .contenu {
  padding: 30px;
}

.guide-single .contenu h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.guide-single .contenu h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.guide-single .titre {
  background-color: rgba(63, 120, 224, 0.7333333333);
  border-radius: 8px;
}

.guide-single .titre h1 {
  color: #fff;
}

.blockquote-details .tname {
  font-weight: bold;
}

body.page-template-page_boxed #content {
  max-width: 800px;
  margin: 100px auto 0px auto;
}

.sondage-subscription-fin {
  border: 1px solid #3f78e0;
  border-radius: 10px;
  padding: 20px;
  background-color: rgba(63, 120, 224, 0.2);
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  footer#site-footer > div > section > div {
    flex-direction: column;
  }
  footer#site-footer > div > section > div > div.elementor-col-25 {
    width: 100% !important;
  }
  footer#site-footer > div > section > div > div.elementor-col-25 > div > div.elementor-widget-heading {
    margin-top: 40px !important;
  }
}
.fonctionnement-titre .title-circle {
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
  padding: 4px;
  background: rgba(63, 120, 224, 0.2);
  border: 3px solid #3f78e0;
  color: #000;
  text-align: center;
  font: 32px Arial, sans-serif;
}

.fonctionnement-titre {
  display: flex;
  align-items: baseline;
}

.fonctionnement-titre h2 {
  margin-left: 12px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #e2626b;
  background-color: #e2626b;
  color: #ffffff;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  background-color: #46b450;
  color: #fff;
}

ul.mobile_mainmenu > li.menu-mobile-creer-test {
  margin-top: 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .ot-pricing-table__inner {
    padding: 20px 20px;
    margin-right: auto;
    margin-left: auto;
  }
}
.article-gauche {
  padding-right: 50px !important;
  width: 400px;
  background-color: #fff;
}

.article-gauche.sticky {
  position: fixed;
  top: 100px;
}

.auteur {
  font-size: 13px;
  margin-top: 25px;
}

.auteur img {
  width: 50px;
  height: 50px !important;
  margin-right: 16px;
}

.auteur .biographie {
  margin-top: 16px;
}

body.single-post .post-box .post-inner {
  overflow: unset;
}

body.single-post .infos {
  display: flex;
  padding-bottom: 36px;
  font-size: 13px;
  -moz-column-gap: 50px;
       column-gap: 50px;
}

body.single-post .table-matiere-titre {
  font-size: 24px;
  font-family: "DM Serif Display";
  font-weight: 400 !important;
}

body.single-post .table-matiere {
  margin-top: 32px;
}

body.single-post .table-matiere-liste {
  counter-reset: list-number;
  list-style-type: none;
  padding-left: 0px;
  margin-top: 8px;
}

body.single-post .table-matiere-liste li:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin-right: 6px;
  margin-bottom: 0px;
  width: 17px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background-color: rgba(63, 120, 224, 0.7333333333);
  border-radius: 50%;
  color: #fff;
}

body.single-post .table-matiere-liste a {
  color: #000;
  font-size: 13px;
}

body.single-post .table-matiere-liste a.current {
  font-weight: 900 !important;
  color: #3f78e0;
}

body.single-post .guide-bloc-cta {
  background-color: #3f78e0;
  color: #fff;
  border-radius: 15px;
  padding: 15px;
  bottom: 60px;
  width: 350px;
  z-index: 2000;
  display: flex;
  cursor: pointer;
}

body.single-post .guide-bloc-cta.sticky {
  position: fixed;
}

body.single-post .guide-bloc-cta:hover {
  box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.35);
}

body.single-post .guide-bloc-cta a {
  color: #fff !important;
}

body.single-post .guide-bloc-cta .bouton {
  background-color: #fff;
  padding: 8px;
  border-radius: 10px;
  color: #3f78e0;
  font-size: 14px;
  font-family: Manrope, sans-serif;
  font-weight: bold;
  margin-top: 16px;
  width: -moz-fit-content;
  width: fit-content;
}

body.single-post .guide-bloc-cta .titre {
  font-family: "DM Serif Display";
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 24px;
}

body.single-post .guide-bloc-cta .illustration {
  width: 100px;
  margin-right: -15px;
}

.auteur-responsive {
  display: none;
}

@media screen and (max-width: 768px) {
  .row-revert-responsive {
    flex-direction: column-reverse;
  }
  .article-gauche.sticky {
    position: relative;
  }
  body.single-post .guide-bloc-cta {
    position: relative;
    bottom: auto;
  }
  .table-matiere {
    display: none;
  }
  .auteur .biographie {
    margin-bottom: 32px;
  }
  body.single-post .infos {
    display: flex;
    padding-bottom: 16px;
    font-size: 13px;
    flex-direction: column;
  }
  .guide-details {
    padding-bottom: 100px;
  }
  .auteur-responsive {
    display: block;
    font-size: 13px;
    padding-bottom: 28px;
  }
  .auteur-responsive img {
    width: 30px;
    height: 30px !important;
    margin-right: 8px;
  }
}/*# sourceMappingURL=custom.css.map */