/* ------STYLES ADDITIONNELS------ */
/* ------------------------------- */
@import "../fonts/ubuntu/stylesheet.css"; /* Police Ubuntu en local */
@import "../css/font-awesome.css"; /* FontAwesome en local */
@import "../bsicons/bootstrap-icons.css"; /*Bootstrap Icons en local*/
/* ------------------------------ */
:root {
  --pblue1: #1e90ff;
  --pblue2: #314fa9;
  --pblue3: #191970;
  --pblue4: #101046;
  --plight1: #dfe4e8;
}

.preloader {
    background: radial-gradient(circle, #fff 88%, var(--pblue1) 100%);
}

.preloader .loading span {
  position: absolute;
  width: 64px;
  height: 64px;
  border: 5px solid var(--pblue2);
  border-radius: 50%;
  -webkit-animation: rotating 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  animation: rotating 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  border-color: var(--pblue2) transparent transparent transparent
}

::-moz-selection {
  background-color: var(--pblue1);
  color: #fff
}

::selection {
  background-color: var(--pblue1);
  color: #fff
}

.zidobo {
  visibility: hidden !important;
  display: none !important;
}

.color-primary {
  color: var(--pblue1);
}

body {
  font-family: 'Ubuntu' !important;
}

h1, h2, h3, .h1, .h2, .h3 {
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  color: var(--pblue3);
}

h1, h2, h3, h4, h5, h6 {
  color: #0e204d;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px
}

a {
  color: var(--pblue1);
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.list-items-light.list-items-layout2 li:before {
  color: #fff;
  border-color: var(--pblue1);
  background-color: var(--pblue1);
}

.btn-precy1 {
  color: #fff;
  background-color: var(--pblue1);
}

.btn-precy1:hover {
  color: #fff;
}

.btn-precy2 {
  border: 1px solid var(--pblue1);
}

.btn-precy2:hover {
  color: var(--pblue1);
}

.btn-libre {
  margin: 1em;
}

.preloader .loading span {
  border: 5px solid var(--pblue1);
  border-color: var(--pblue1);
}

.slider .slide__title {
    font-size: 60px !important;
}

#contact-a {
  background-color: var(--pblue1);
}

#contact-b {
  background-color: var(--pblue3);
}

#contact-c {
  background-color: var(--pblue2);
}

.footer .footer-secondary:after {
  background-color: var(--pblue1);
}

#scrollTopBtn {
  background-color: var(--pblue1);
}

.heading__title > span {
  background-color: var(--pblue1);
  color: #fff;
  padding: 0em 0.1em 0em 0.1em;
}

.bg-darky {
  background-color: var(--pblue3);
}

.bg-lighty {
  background-color: var(--plight1);
}

.precy-icon {
  height: 1em !important;
  width: auto;
  margin-bottom: 1em;
}

.precy-icon2 {
  height: 1em !important;
  width: auto;
  margin-bottom: 0em;
}

.precy-footer {
  padding-top: 85px;
  padding-bottom: 60px;
  background-color: var(--pblue4);
}

.precy-section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  /* background-color: whitesmoke; */
  border-radius: 0.5em;
  /* border: #007bff 1px solid; */
  border: var(--pblue1) 1px solid;
}

.header-topbar {
  background-color: var(--pblue4) !important;
}

a {
  color: var(--pblue1);
}

a:hover {
  color: var(--pblue1);
}

li .nav__item-link:hover {
  color: var(--pblue1) !important;
}

li .nav__item-link::before {
  background-color: var(--pblue1) !important;
}

.header-topbar .social-icons a {
  background-color: #fff !important;
}

.footer .social-icons a:hover {
  background-color: var(--pblue1);
}

#contact-b .btn__white.btn__outlined:hover {
  color: var(--pblue2);
  background-color: #fff
}

.slick-dots .slick-active {
  color: var(--pblue2) !important;
}

.slick-arrow:hover {
    color: var(--pblue1);
}

.footer .btn__primary {
  color: var(--pblue1);
}

.process-item:before {
  background-color: var(--pblue1);
  width: 9px;
}

.footer .footer-widget-contact:after {
  background-color: var(--pblue1);
  width: 9px;
}

.service-item:hover:before {
  background-color: var(--pblue1);
}

.slick-dots li.slick-active button  {
  background-color: var(--pblue1);
}

.miniPopup-emergency .emergency__icon {
  color: var(--pblue2);
}

.btn__link.btn__secondary:hover {
  color: var(--pblue2);
}
a.phone__number:hover {
  color: var(--pblue1) !important;
}

.list-items li:before {
  color: var(--pblue1);
}

.footer-secondary a:hover {
  color: var(--pblue1) !important;
}

.feature-item .feature__icon {
  color: var(--pblue1);
}
.feature-item:hover .feature__icon {
  color: var(--pblue4) !important;
}
.feature-item .btn__link .icon-outlined:hover {
  background-color: var(--pblue1);
}

.member .member__info .member__job {
  color: var(--pblue1);
  margin-bottom: 10px
}

.btn__secondary:before {
  background-color: var(--pblue1);
}

.member .btn__link.btn__secondary:hover {
  color: #fff !important;
  background-color: var(--pblue1);
}

.precycon {
  height: 40px;
  width: auto;
}

.precytel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Quicksand, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  color: #3851a2 !important
}
.footer .precytel {
  margin: 5px 0;
}

.precyadresse {
  font-family: Quicksand, sans-serif;
}

.navbar {
  height: 5em;
}

#logotop {
  height: 2.5em;
}
body > div > section.testimonials-layout3.pt-130.bg-darky > div > div > div > div.col-sm-12.col-md-12.col-lg-7 > div.slider-nav.mb-60.slick-initialized.slick-slider > div > div > div.testimonial__meta.slick-slide.slick-current.slick-active {width: auto !important}

#message-ok {
  background-color: #fff;
  padding: 5%;
  margin: 0% 10%;
  border-radius: 0.5em;

}

#message-ok h1 {
  line-height: 1;
}

@media (max-width: 420px) {
   #message-ok h1 {
    font-size: 2em;
  }
}

.testimonial__title {
  font-style: italic !important;
  font-weight: 300;
  line-height: 1.3em;
  color: var(--pblue3) !important;
}

.auteur {
  color: var(--pblue3) !important;
}

.testimonial__meta{
  cursor: pointer;
}
@media (max-width: 768px) {
  p iframe {
    width: 600px !important;
  }
}

#mention-rdv {

}

#rdvheader {
  border-top: solid var(--pblue2);
  border-bottom: solid var(--pblue3);
  background-color: #dee2e6;
  background: linear-gradient(180deg, #dee2e6 71%, var(--pblue2) 100%);
  /* background: rgb(222,226,230); */
  /* background: linear-gradient(180deg, rgba(222,226,230,1) 71%, rgba(49,79,169,1) 100%); */
}

.select .current, .select .option {
    color: #848e9f;
}

.select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
  }

#visitors {
  font-size: 16px;
}