@font-face {
  font-family: Outfit, sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local("sans serif"), local("sans-serif"), local(Outfit);
  font-display: swap;
}
body::-webkit-scrollbar {
  width: 3px;
}
body {
  scrollbar-width: thin;
}
/******TITLES******/
h1 {
  color: #325AFE;
  font-family: Outfit, sans-serif;
  letter-spacing: 4px;
}
h2 {
  color: #121212;
  font-family: Outfit, sans-serif;
  letter-spacing: 2px;
}
h2 strong {
  color: #325AFE;
}
h3 {
  color: #325AFE;
  font-size: 1.5em;
  font-family: Outfit, sans-serif;
  letter-spacing: 2px;
}
h4 {
  color: #121212;
  font-family: Outfit, sans-serif;
  letter-spacing: 2px;
}
h5 {
  color: #121212;
  font-family: Outfit, sans-serif;
  letter-spacing: 2px;
}
h6 {
  color: #121212;
  font-family: Outfit, sans-serif;
  letter-spacing: 2px;
}
p {
  letter-spacing: 0.02em;
  line-height: 1.4;
}
a {
  color: #000000;
}
a:hover, a:focus {
  text-decoration: none;
  transition: 0.3s;
}
/******SCROLL******/
.scrollTop {
  background-color: #325AFE;
  color: #fff;
}
.scrollTop:hover {
  background-color: #325AFE;
  opacity: 0.8;
  color: #fff;
}
/******SCROLLBAR******/
::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #325AFE;
  border-radius: 15px;
}
/******BUTTONS******/
.btn {
  background: #325AFE;
}
.btn i {
  background-color: #325AFE;
}
.btn:hover {
  color: #fff;
}
.btn:after {
  background: rgba(60, 60, 60, 0.1);
}
/******Filtre recherche******/
.ui-menu-item {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ui-menu-item .ui-state-active {
  background-color: #ced4da2b !important;
  border: 1px solid #ced4da !important;
  color: #2b2b2b !important;
}
/******ERROR-PAGE******/
.error-content {
  --blob-color-1: #000000;
  --blob-color-2: #325AFE;
  --blob-color-3: #000000;
}
/******TOP-MENU******/
.page-article .affix-top, .page-product .affix-top, .seo-page .affix-top, .error .affix-top {
  background-color: #fff !important;
  box-shadow: 0px 5px 20px #00000012;
}
.page-article .affix-top .nav-link, .page-article .affix-top .dropdown-toggle, .page-product .affix-top .nav-link, .page-product .affix-top .dropdown-toggle, .seo-page .affix-top .nav-link, .seo-page .affix-top .dropdown-toggle, .error .affix-top .nav-link, .error .affix-top .dropdown-toggle {
  color: #325AFE;
}
.top-menu {
  /*information bar*/
}
.top-menu .information-bar {
  height: 50px;
  border-bottom: 1px solid #fff;
  padding: 10px 50px;
  color: #fff;
}
.top-menu .information-bar i {
  margin-left: 5px;
}
.top-menu .information-bar a {
  color: #fff;
}
.top-menu .information-bar + .affix-top {
  top: 50px;
}
.top-menu .affix-top {
  background-color: transparent;
}
.top-menu .affix-top li a {
  font-family: Outfit, sans-serif;
}
.top-menu .affix {
  background-color: #fff;
  box-shadow: 0px 5px 20px #00000012;
}
.top-menu .affix li a {
  font-family: Outfit, sans-serif;
  color: #325AFE;
}
.top-menu .error-navbar {
  background-color: #325AFE !important;
}
.top-menu .navbar-brand {
  font-family: Outfit, sans-serif;
}
.top-menu .active > a:first-child {
  border-radius: 5px;
  background-color: #325AFE !important;
  color: #fff;
}
.top-menu .dropdown-menu li a {
  color: #325AFE;
}
.top-menu .dropdown-menu li:first-child {
  border-top: 1px solid #325AFE;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .top-menu .affix-top {
    background-color: transparent;
  }
  .top-menu .affix-top .active > a:first-child {
    border-radius: 5px;
    background-color: #325AFE !important;
    color: #fff;
  }
  .top-menu .affix {
    background-color: #fff;
  }
  .top-menu .affix li {
    color: #325AFE;
  }
  .top-menu .affix .active > a:first-child {
    border-radius: 5px;
    background-color: #325AFE !important;
    color: #fff;
  }
  .top-menu .btn-call-to-action {
    color: #fff !important;
  }
}
@media (max-width: 992px) {
  .top-menu .affix .navbar-toggler, .top-menu .affix-top .navbar-toggler {
    background-color: #325AFE;
  }
  .top-menu .affix .navbar-nav li .nav-link, .top-menu .affix .navbar-nav li a, .top-menu .affix-top .navbar-nav li .nav-link, .top-menu .affix-top .navbar-nav li a {
    color: #325AFE;
  }
  .top-menu .affix .navbar-nav .dropdown-menu, .top-menu .affix-top .navbar-nav .dropdown-menu {
    background-color: rgba(50, 90, 254, 0.1);
  }
  .top-menu .affix .navbar-nav .navbar-toggler, .top-menu .affix-top .navbar-nav .navbar-toggler {
    background-color: #325AFE;
  }
  .top-menu .affix .navbar-nav .active a, .top-menu .affix-top .navbar-nav .active a {
    border-radius: 5px;
    background-color: #325AFE;
    color: #fff;
  }
  .top-menu .affix .social-network a, .top-menu .affix-top .social-network a {
    color: #325AFE;
  }
  .top-menu .affix .btn-call-to-action, .top-menu .affix-top .btn-call-to-action {
    color: #fff;
    width: fit-content;
    margin: auto;
  }
  .top-menu .navbar-toggler {
    background-color: #325AFE;
  }
}
/******LEFT-MENU******/
#sidebar {
  background-color: #fff;
}
.sidebar .sidebar-header strong {
  color: #757575;
  font-family: Outfit, sans-serif;
  letter-spacing: 4px;
  font-size: 1.5em;
}
.sidebar li a {
  font-family: Outfit, sans-serif;
}
.sidebar li .dropdown-toggle {
  color: #325AFE !important;
}
.sidebar li .nav-link:hover {
  color: #325AFE;
  padding-left: 25px;
}
.sidebar .active a:first-child {
  color: #325AFE;
}
.sidebar .social-network ul:before {
  background-color: #325AFE;
}
.sidebar .social-network ul li a {
  background-color: #325AFE;
  color: #fff;
}
.hamburger.is-open, .hamburger.is-closed {
  z-index: 9999;
}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom, .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
  background: #325AFE;
}
/******SLIDER******/
.slider-content h3 {
  color: #fff;
}
.slider-content img {
  max-width: 300px;
  height: auto;
}
.slider-content p {
  color: #fff;
}
.slider-content .line-slider-content .line, .slider-content .line-slider-content .line2, .slider-content .line-slider-content .line3, .slider-content .line-slider-content .line4 {
  background: #ffffff;
  z-index: 9;
}
.slider-content .carousel-indicators .active {
  background-color: #000000;
}
.slider-content .btn-slider-call-to-action {
  color: #fff;
}
.slider-content .btn-slider-call-to-action:after {
  background-color: #325AFE;
}
.slider-content .btn-slider-call-to-action:hover i {
  background-color: #fff;
  color: #325AFE;
}
.slider-content .background-pattern {
  opacity: 0.2;
}
.slider-content .bottom-pattern {
  height: 100px;
  background-size: cover !important;
  background-position-y: center !important;
}
.slider-content .background-opacity-slider {
  background-color: #000;
  opacity: 0.4;
}
/****TWO-COLUMNS****/
/****TWO COLUMNS PRESENTATION****/
.two-columns-presentation-content .bloc-left h3 {
  color: #325AFE;
}
.two-columns-presentation-content .bloc-left h1, .two-columns-presentation-content .bloc-left h2, .two-columns-presentation-content .bloc-left p, .two-columns-presentation-content .bloc-left span {
  color: #fff;
}
.two-columns-presentation-content .bloc-left .opacity-left {
  background-color: #000000;
}
.two-columns-presentation-content .bloc-left .logo-content img {
  max-width: 300px;
  height: auto;
}
.two-columns-presentation-content .bloc-right h1, .two-columns-presentation-content .bloc-right h2, .two-columns-presentation-content .bloc-right h3, .two-columns-presentation-content .bloc-right p, .two-columns-presentation-content .bloc-right span {
  color: #111;
}
.two-columns-presentation-content .bloc-right .opacity-right {
  background-color: #325AFE;
}
.two-columns-presentation-content .bloc-right .logo-content img {
  max-width: 300px;
  height: auto;
}
.two-columns-presentation-content .typewrite {
  color: #525252;
  font-family: Outfit, sans-serif;
  font-size: 2em;
}
/****THREE-COLUMNS-TEXTES**********/
.three-columns-text-content {
  background-color: rgba(50, 90, 254, 0.2);
}
/****TWO-COLUMNS-SLIDER****/
.two-columns-slider-content .text-content .bloc-left {
  background-color: #fff;
  -webkit-box-shadow: 10px 10px 29px -23px black;
  -moz-box-shadow: 10px 10px 29px -23px black;
  box-shadow: 10px 10px 29px -23px black;
}
.two-columns-slider-content .text-content .bloc-right {
  background-color: #fff;
  -webkit-box-shadow: -10px 10px 29px -23px black;
  -moz-box-shadow: -10px 10px 29px -23px black;
  box-shadow: -10px 10px 29px -23px black;
}
.two-columns-slider-content .carousel-caption span {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-style: italic;
  letter-spacing: 2px;
}
.two-columns-slider-content .carousel-indicators .active {
  background-color: #325AFE;
}
/****VIDEO-PRESENTATION*****/
.video-container .opacity-video {
  background-color: #000;
  opacity: 0.1;
}
.video-container .bottom-pattern {
  height: 100px;
  background-size: cover !important;
  background-position-y: center !important;
}
.video-container .text-content h3 {
  color: #fff;
}
.video-container .text-content img {
  max-width: 300px;
  height: auto;
}
.video-container .text-content h2, .video-container .text-content p {
  color: #fff;
}
.video-container .text-content .btn-video-call-to-action {
  color: #fff;
}
.video-container .text-content .btn-video-call-to-action:after {
  background-color: #325AFE;
}
.video-container .text-content .btn-video-call-to-action:hover i {
  background-color: #fff;
  color: #325AFE;
}
/******BANNER*********/
.banner-content h1, .banner-content h2, .banner-content h3, .banner-content h4, .banner-content h5, .banner-content h6, .banner-content p {
  color: white;
}
.banner-content h3 {
  width: auto;
  background: transparent;
}
.banner-content .bottom-pattern {
  height: 100px;
  background-size: cover !important;
  background-position-y: center !important;
}
/******BANNER-VIDEO*********/
.banner-video-content .opacity-banner {
  opacity: 0.1;
  background-color: #000;
}
.banner-video-content .bottom-pattern {
  z-index: 0;
}
.banner-video-content video {
  height: 100%;
  object-fit: cover;
}
.banner-video-content .logo {
  text-align: center;
}
.banner-video-content .logo img {
  max-width: 300px;
  height: auto;
}
/******FORM-CONTACT*********/
.form-contact-content h4 {
  font-size: 2.5em;
  color: #325AFE;
}
.form-contact-content .btn-contact-form:hover:before {
  background-color: #325AFE;
}
.form-contact-content .form-control:focus {
  border-color: #325AFE;
  box-shadow: 0 0 0 0.2em rgba(50, 90, 254, 0.35);
}
.form-contact-content .sending-message i {
  color: #325AFE;
}
/******FORM-GUEST-BOOK*********/
.form-guest-book-content h4 {
  font-size: 2.5em;
  color: #325AFE;
}
.form-guest-book-content .btn-guest-book-form:hover:before {
  background-color: #325AFE;
}
.form-guest-book-content .form-control:focus {
  border-color: #325AFE;
  box-shadow: 0 0 0 0.2em rgba(246, 224, 176, 0.35);
}
.form-guest-book-content .sending-message i {
  color: #325AFE;
}
/******FORM-CUSTOM*********/
.form-builder label {
  color: #505050;
}
.form-builder .form-group .error {
  border: 1px solid rgba(220, 53, 69, 0.7);
  box-shadow: 1px 1px 5px 0 rgba(220, 53, 69, 0.7);
}
.form-builder .form-group .form-error-content {
  position: relative;
}
.form-builder .form-group .form-error-content:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(220, 53, 69, 0.7);
}
.form-builder .form-group .form-error-content ul {
  color: white;
  background-color: rgba(220, 53, 69, 0.7);
}
.form-builder .form-group .form-control {
  border: 2px solid #e5e5e5;
}
.form-builder #form-choice .form-control .form-multiple-choice:nth-child(even) {
  background-color: #f1f1f1;
}
.form-builder #form-choice .form-control .form-multiple-choice.checked {
  background-color: #325AFE;
}
/******ACTIVITY*********/
.activity-content .activity-template-1 .btn-content a {
  font-family: Outfit, sans-serif;
  background-color: #325AFE;
  color: #fff;
}
.activity-content .activity-template-1 .btn-content a:hover {
  background-color: #fff;
  color: #325AFE;
  border: 1px solid #325AFE;
}
.activity-content .activity-template-2 .btn-activity-type-2 {
  background-color: rgba(50, 90, 254, 0.8);
}
.activity-content .activity-template-3 {
  color: #000000;
}
.activity-content .activity-template-3 .bio h3 {
  width: auto;
  background: transparent;
  color: #000000;
}
.activity-content .activity-template-3 .bio h3:first-letter {
  font-size: 1.5em;
}
.activity-content .activity-template-4 .card-slider .slick-next:hover {
  border-color: #325AFE;
  box-shadow: 0.2vmin -0.2vmin 0 #000000;
}
.activity-content .activity-template-4 .card-slider .slick-prev:hover {
  border-color: #325AFE;
  box-shadow: 0.2vmin -0.2vmin 0 #000000;
}
.activity-content .activity-template-4 .card-slider .slick-dots .slick-active button:before {
  color: #325AFE;
}
@media screen and (max-width: 992px) {
  .activity-content .activity-template-4 .card-slider .slick-prev {
    bottom: -52px;
    left: 40px;
  }
  .activity-content .activity-template-4 .card-slider .slick-next {
    bottom: -52px;
    right: 40px;
  }
  .activity-content .activity-template-4 .card-slider .slide .card {
    height: 500px;
  }
  .activity-content .activity-template-4 .card-slider .slide .card .card-body {
    align-items: flex-start;
    background: #fff;
    border-top-right-radius: 15px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 30%;
    justify-content: center;
    left: 0;
    padding: 2em 1em;
    position: absolute;
    text-align: left;
    transition: all 0.1s ease-in;
    width: 80%;
    z-index: 2;
  }
}
/******PARTNERS*********/
.partner .slick-arrow:before {
  color: #325AFE;
}
.partner p {
  font-family: Outfit, sans-serif;
}
/******GUEST-BOOK*********/
.guest-book-content .item .avatar {
  background-color: #325AFE;
  color: #fff;
}
.guest-book-content strong {
  font-family: Outfit, sans-serif;
  color: #325AFE;
}
.guest-book-content p {
  font-family: Outfit, sans-serif;
}
/******INFORMATION*********/
.information-content {
  background-color: #325AFE;
}
.information-content span, .information-content strong {
  font-family: Outfit, sans-serif;
}
.information-content i {
  color: #000;
}
/******FOOTER*********/
.footer {
  background-color: #325AFE;
  color: #325AFE;
}
.footer ul li {
  color: #000000;
}
.footer .title {
  font-weight: normal;
  color: #000000;
}
.footer .company-name {
  color: #000000;
}
.footer a {
  color: #000000;
}
.footer .brand-container {
  color: #000000;
}
.footer .btn-seo {
  font-family: Outfit, sans-serif;
}
.footer .seo {
  color: #000000;
}
/******SEO-PAGE*********/
.seo-page .information-seo-item-icon i {
  color: #325AFE;
}
.seo-page .form-control:focus {
  border-color: #325AFE;
  box-shadow: 0 0 0 0.2em rgba(50, 90, 254, 0.35);
}
.seo-page .form-title {
  font-family: Outfit;
}
.seo-page .sending-message i {
  color: #325AFE;
}
/******ARTICLES***********/
.articles-list-content .item-category {
  font-family: Outfit, sans-serif;
  color: #fff;
  background-color: #325AFE;
}
.articles-list-content .not-found-content p {
  font-family: Outfit, sans-serif;
}
.articles-list-content .btn-article {
  background-color: #325AFE;
  color: #fff;
  border: none;
}
/******ARTICLES-PAGES*******/
.article-page-content .category-article-page {
  font-family: Outfit, sans-serif;
  color: #fff;
  background-color: #325AFE;
}
/******SERVICES***********/
.services-list-content .item-content .item .category {
  font-family: Outfit, sans-serif;
  color: #325AFE;
}
.services-list-content .item-content .item .link {
  font-family: Outfit, sans-serif;
  letter-spacing: 5px;
}
/******SERVICE-PAGES*******/
.service-page-content .category-service-page {
  font-family: Outfit, sans-serif;
  color: #fff;
  background-color: #325AFE;
}
/******PRODUCTS***********/
.products .filters {
  background: linear-gradient(0.88turn, rgba(50, 90, 254, 0.2), rgba(50, 90, 254, 0.02), rgba(50, 90, 254, 0.2));
}
/******PRODUCT PAGES*******/
.product .category {
  font-family: Outfit, sans-serif;
  color: #fff;
  background-color: #325AFE;
}
/******PAGINATION*******/
.pagination .page-link {
  color: #325AFE;
}
.pagination .page-link:hover {
  background-color: rgba(50, 90, 254, 0.8);
  color: white;
}
.pagination .active .page-link {
  color: white;
  background-color: #325AFE;
}
/******DOCUMENT*********/
.document .documents-container .item-container .item h4 {
  color: #325AFE;
}
.document .documents-container .item-container .item .btn-document {
  color: #ffffff;
}
.document .documents-container .item-container .item:hover .download-icon {
  color: #325AFE;
}
/******ITEMS******/
.items-content {
  background-color: #325AFE;
}
.items-content h3 {
  color: #fff;
}
/******AFTER / BEFORE***********/
.after-before-content h1, .after-before-content h2, .after-before-content h3, .after-before-content h4 {
  font-family: Outfit, sans-serif;
  color: #325AFE;
}
/******COLLAPSE******/
.collapse-container .btn-collapse {
  color: #121212;
}
.collapse-container .icofont-container {
  background-color: #325AFE;
}
/******LINK-ID-CONTENT******/
@media (max-width: 992px) {
  .link-id-content .content-btn .btn-link-id {
    margin: 0;
    padding: 6px 0;
    width: 100%;
    justify-content: center;
    margin: 5px 0;
  }
}
/******SCHEDULE******/
.schedule-content {
  background-color: #325AFE;
}
.schedule-content h3 {
  width: auto;
  background: transparent;
}
.schedule-content .schedule-content-items:nth-child(2n+1) {
  background: rgba(255, 255, 255, 0.8);
}
.schedule-content .schedule-content-items-active {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
/******IMAGE-FULL-WITH******/
.image-full-width-text-content h2, .image-full-width-text-content p {
  color: #fff;
}
/******NEWSLETTER******/
.newsletter-content h3 {
  width: auto;
  background: transparent;
}
.newsletter-content a {
  color: #000000;
}
.newsletter-content .opacity-newsletter {
  background-color: rgba(50, 90, 254, 0.8);
}
/******Tarte au citron MODULE******/
#tarteaucitronIcon img {
  width: 50px;
}
/******Gallery type 4*****/
.gallery-type-4 {
  scrollbar-color: #325AFE transparent;
}
.gallery-type-4::-webkit-scrollbar-thumb {
  background: #325AFE;
}
/******Agencies*****/
.agencies .agencies-search-container button {
  background-color: #000000;
}
.agencies .city {
  color: #325AFE;
}
.agencies .city::after {
  background-color: #325AFE;
}
.agencies .item-information i {
  color: #325AFE;
}
.agencies .empty {
  color: #325AFE;
}