/*---------------------------------------------------------
    Colors
----------------------------------------------------------*/

.txt_dark_grey {
  color: var(--color_dark_grey) !important;
}
.txt_grey {
  color: var(--color_grey) !important;
}
.txt_dark_blue {
  color: var(--color_dark_blue) !important;
}
.txt_blue {
  color: var(--color_blue) !important;
}
.txt_sky_blue {
  color: var(--color_sky_blue) !important;
}
.txt_light_blue {
  color: var(--color_light_blue) !important;
}
.txt_white {
  color: #fff !important;
}

.bg_dark_grey {
  background-color: var(--color_dark_grey) !important;
}
.bg_grey {
  background-color: var(--color_grey) !important;
}
.bg_dark_blue {
  background-color: var(--color_dark_blue) !important;
}
.bg_blue {
  background-color: var(--color_blue) !important;
}
.bg_sky_blue {
  background-color: var(--color_sky_blue) !important;
}
.bg_light_blue {
  background-color: var(--color_light_blue) !important;
}
.bg_white {
  background-color: #fff !important;
}

/*---------------------------------------------------------
    Global
----------------------------------------------------------*/
.current_year {
  color: rgba(255, 255, 255, 0.45);
  margin-top: 25px;
}

.oxy-rich-text a,
.oxy-rich-text li a,
.ydu_lexique_content a {
  color: unset;
  text-decoration: underline;
  transition: 0.3s;
  opacity: 1;
}

.oxy-rich-text a:hover,
.oxy-rich-text li a:hover {
  opacity: 0.7;
}

.section_gradient_links li a {
  text-decoration: none;
}

/*---------------------------------------------------------
    Buttons
----------------------------------------------------------*/

.main_btn {
  font-family: Barlow;
  background-color: var(--color_blue);
  color: #fff;
  padding: 7px 35px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.1;
  height: 50px;
  display: flex !important;
  align-items: center;
  border-radius: 30px;
  position: relative;
  flex-wrap: wrap;
  transition: 0.3s;
  z-index: 3;
  font-size: 0.9rem;
}

.main_btn.btn_white {
  background-color: #fff;
  color: var(--color_dark_blue);
}

.main_btn.btn_dark {
  background-color: var(--color_dark_blue);
  border-color: var(--color_dark_blue) !important;
}

.main_btn.btn_dark:hover {
  color: var(--color_dark_blue) !important;
}

.main_btn:not(.btn_icon) {
  border: 2px solid var(--color_blue);
}

.main_btn.btn_white {
  border: 2px solid #fff;
}

.main_btn:not(.btn_icon):hover {
  color: var(--color_blue);
  border: 2px solid;
  background-color: transparent;
}

.main_btn.btn_white:not(.btn_icon):hover {
  border-color: #fff;
  color: #fff;
}

.main_btn.btn_icon {
  padding: 7px 35px 7px 70px;
  border: none;
}

.main_btn.btn_icon:hover {
  color: var(--color_blue);
}

.main_btn.btn_icon::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: var(--color_light_blue);
  border-radius: 55px;
  position: absolute;
  left: -3px;
  transition: 0.3s;
  z-index: -1;
}

.main_btn.btn_icon:hover::before {
  width: calc(100% + 7px);
}

.main_btn.btn_icon::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -3px;
  -webkit-mask-image: url("/wp-content/uploads/2023/02/link-arrow.svg");
  mask-image: url("/wp-content/uploads/2023/02/link-arrow.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 40%;
  mask-size: 40%;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color_blue);
}

.main_btn.btn_icon.btn_espace_light {
  background-color: #fff;
  color: var(--color_dark_grey);
}

.main_btn.btn_icon.btn_espace_light::after {
  -webkit-mask-image: url("/wp-content/uploads/2023/02/user.svg");
  mask-image: url("/wp-content/uploads/2023/02/user.svg");
  -webkit-mask-size: 43%;
  mask-size: 43%;
}

.main_btn.btn_icon.btn_espace_dark {
  background-color: #fff;
  color: var(--color_blue);
}

.main_btn.btn_icon.btn_espace_dark:hover {
  color: #fff;
}

.main_btn.btn_icon.btn_espace_dark::before {
  background-color: var(--color_blue);
}

.main_btn.btn_icon.btn_espace_dark::after {
  -webkit-mask-image: url("/wp-content/uploads/2023/02/user.svg");
  mask-image: url("/wp-content/uploads/2023/02/user.svg");
  -webkit-mask-size: 43%;
  mask-size: 43%;
  background-color: #fff;
}

.btn_arrow {
  font-family: Barlow;
  color: var(--color_blue);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  display: flex !important;
  align-items: center;
  border: none;
  padding: 0;
  background-color: transparent;
  transition: 0.3s;
}

.btn_arrow::after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  -webkit-mask-image: url("/wp-content/uploads/2023/02/link-arrow.svg");
  mask-image: url("/wp-content/uploads/2023/02/link-arrow.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  margin-left: 8px;
  transition: 0.3s;
}

.btn_arrow:hover::after {
  transform: translate(5px);
}
.btn_arrow:hover {
  transform: translate(5px);
}

.main_btn.btn_icon.btn_app {
  background-color: #fff;
  color: var(--color_dark_grey);
  width: 210px;
}

.main_btn.btn_icon.btn_app::after {
  background-repeat: no-repeat;
  background-size: 54%;
  background-position: center;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.main_btn.btn_icon.btn_app span {
  display: block;
  width: 100%;
  text-transform: none;
  font-weight: 400;
  font-size: 0.85rem;
  margin-bottom: -3px;
}

.main_btn.btn_icon.btn_app.btn_ggl::after {
  background-image: url("/wp-content/uploads/2023/02/google.svg");
}

.main_btn.btn_icon.btn_app.btn_appl::after {
  background-image: url("/wp-content/uploads/2023/02/appstore.svg");
}

/*---------------------------------------------------------
    List
----------------------------------------------------------*/

.liste_puce ul {
  padding: 0;
}

.liste_puce ul li {
  list-style: none;
  position: relative;
  padding-left: 30px;
}

.liste_puce ul li:not(:last-child) {
  margin-bottom: 15px;
}

.liste_puce ul li::before {
  content: "";
  width: 17px;
  height: 17px;
  display: block;
  background-image: url("/wp-content/uploads/2023/02/liste_puce.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 1px;
}

/*---------------------------------------------------------
    Icons
----------------------------------------------------------*/

.icon_blue_square {
  width: 85px;
  height: 85px;
  object-fit: contain;
  padding: 11px;
  border-radius: 25px;
  border: 9px solid white;

  background: rgb(48, 69, 123);
  background: -moz-linear-gradient(
    325deg,
    rgba(48, 69, 123, 1) 0%,
    rgba(42, 110, 187, 1) 44%,
    rgba(129, 201, 236, 1) 100%
  );
  background: -webkit-linear-gradient(
    325deg,
    rgba(48, 69, 123, 1) 0%,
    rgba(42, 110, 187, 1) 44%,
    rgba(129, 201, 236, 1) 100%
  );
  background: linear-gradient(
    325deg,
    rgba(48, 69, 123, 1) 0%,
    rgba(42, 110, 187, 1) 44%,
    rgba(129, 201, 236, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#30457b",endColorstr="#81c9ec",GradientType=1);
}

/*---------------------------------------------------------
    Header
----------------------------------------------------------*/

/*** header HP ***/

@media screen and (max-width: 1450px) {
  #section-2-39:before {
    /*height: 110% !important;*/
    right: -18% !important;
    bottom: -22% !important;
    width: 63% !important;
  }
}
@media screen and (max-width: 992px) {
  #section-2-39:before {
    background-size: 129% auto !important;
  }
}

body.crc_entete_photo .oxy-header .btn_espace_light {
  background-color: #fff;
  color: var(--color_blue);
}

body.crc_entete_photo .oxy-header .btn_espace_light:hover {
  color: white;
}

body.crc_entete_photo .oxy-header .btn_espace_light::before {
  background-color: var(--color_blue);
}

body.crc_entete_photo .oxy-header .btn_espace_light::after {
  background-color: #fff;
}

.oxy-header.oxy-sticky-header-active .main_btn.btn_icon {
  background-color: var(--color_blue);
  color: #fff;
}

.oxy-header.oxy-sticky-header-active .main_btn.btn_icon:hover {
  color: var(--color_blue);
}

.oxy-header.oxy-sticky-header-active .main_btn.btn_icon::after {
  background-color: var(--color_blue);
}

.oxy-header.oxy-sticky-header-active .main_btn.btn_icon::before {
  background-color: var(--color_light_blue);
}

@media screen and (max-width: 1120px) {
  .oxy-header-right {
    padding-right: 80px;
  }

  .main_menu_wrap {
    position: absolute;
    right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .oxy-header .btn_espace_light {
    background-color: #fff;
    color: var(--color_blue);
  }

  .oxy-header .btn_espace_light:hover {
    color: white;
  }

  .oxy-header .btn_espace_light::before {
    background-color: var(--color_blue);
  }

  .oxy-header .btn_espace_light::after {
    background-color: #fff;
  }
}

@media screen and (max-width: 480px) {
  .main_menu_wrap {
    right: 20px;
  }

  .oxy-header-right {
    padding-right: 65px;
  }

  .oxy-header .btn_espace_light {
    font-size: 0;
    padding: 7px 0px 7px 45px;
  }
}

/*---------------------------------------------------------
    Footer
----------------------------------------------------------*/

.txt_footer a {
  color: rgba(255, 255, 255, 0.45) !important;
  transition: 0.3s;
}

.txt_footer a:hover {
  color: rgba(255, 255, 255, 1) !important;
}

/*---------------------------------------------------------
    Formulaire bitform
----------------------------------------------------------*/

._frm-bg-1 ._frm-1,
._frm-bg-2 ._frm-2,
._frm-bg-3 ._frm-3 {
  padding: 0 !important;
}

._frm-1 input.fld-1,
._frm-1 textarea.fld-1,
._frm-1 .fld-wrp .fld-1 .msl,
._frm-2 input.fld-2,
._frm-2 textarea.fld-2,
._frm-2 .fld-wrp .fld-2 .msl,
._frm-3 input.fld-3,
._frm-3 textarea.fld-3,
._frm-3 .fld-wrp .fld-3 .msl {
  border: 2px solid #dbdbdb !important;
  border-radius: 50px !important;
  font-family: "DM Sans" !important;
}

._frm-1 input.fld-1,
._frm-1 textarea.fld-1,
._frm-2 input.fld-2,
._frm-2 textarea.fld-2,
._frm-3 input.fld-3,
._frm-3 textarea.fld-3 {
  padding: 20px 17px !important;
}
.fld-1 .msl,
.fld-2 .msl,
.fld-3 .msl {
  padding-left: 10px;
}
._frm-1 textarea.fld-1,
._frm-2 textarea.fld-2,
._frm-3 textarea.fld-3 {
  border-radius: 15px !important;
}

._frm-1 .btcd-frm-sub .btcd-sub-btn,
._frm-2 .btcd-frm-sub .btcd-sub-btn,
._frm-3 .btcd-frm-sub .btcd-sub-btn {
  font-family: Barlow !important;
  background-color: var(--color_blue) !important;
  color: #fff !important;
  padding: 7px 35px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  height: 50px !important;
  border-radius: 30px !important;
  transition: 0.3s !important;
  font-size: 0.9rem !important;
  box-shadow: none !important;
  border: 2px solid var(--color_blue) !important;
}

._frm-1 .btcd-frm-sub .btcd-sub-btn:hover,
._frm-2 .btcd-frm-sub .btcd-sub-btn:hover,
._frm-3 .btcd-frm-sub .btcd-sub-btn:hover {
  color: var(--color_blue) !important;
  background-color: transparent !important;
}

._frm-1 .fld-lbl,
._frm-1 .btcd-ck-wrp span,
._frm-1 .fld-1 > .btcd-ck-wrp span:first-child,
._frm-2 .fld-lbl,
._frm-2 .btcd-ck-wrp span,
._frm-2 .fld-2 > .btcd-ck-wrp span:first-child,
._frm-3 .fld-lbl,
._frm-3 .btcd-ck-wrp span,
._frm-3 .fld-3 > .btcd-ck-wrp span:first-child {
  font-family: "DM Sans" !important;
}

._frm-1 .bf1-10 .msl-input::before,
._frm-2 .bf2-10 .msl-input::before,
._frm-2 .bf3-10 .msl-input::before {
  opacity: 0.4;
}
._frm-1 .fld-wrp .btcd-mrk,
._frm-2 .fld-wrp .btcd-mrk,
._frm-3 .fld-wrp .btcd-mrk {
  border: 2px solid #dbdbdb !important;
}

#f-1 .toast,
#f-2 .toast,
#f-3 .toast {
  right: 50% !important;
  transform: translate(50%) !important;
}

#f-1,
#f-2,
#f-3 {
  margin-top: 30px;
}

._frm-1 .decision-content p,
._frm-2 .decision-content p,
._frm-3 .decision-content p {
  font-size: 0.9rem;
  opacity: 1;
}

body
  .mysticky-welcomebar-fixed.mysticky-welcomebar-widget-0
  .mysticky-welcomebar-btn
  a {
  border: 1px solid #fff;
  border-radius: 30px;
  font-size: 0.85rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

body
  .mysticky-welcomebar-fixed.mysticky-welcomebar-widget-0
  .mysticky-welcomebar-btn
  a:hover {
  box-shadow: none;
  background: #fff;
  color: #30457b;
}

body .mysticky-welcomebar-fixed .mysticky-welcomebar-close.close-btn-widget-0 {
  font-family: "Barlow";
  font-size: 1.1rem;
}

body
  .ydu_main_menu_container
  .ydu_main_menu
  > .pll-parent-menu-item
  > ul.sub-menu {
  min-width: auto;
}

.link_menu_footer {
  text-decoration: none !important;
  color: white !important;
}

.link_menu_footer:hover {
  color: rgba(255, 255, 255, 0.75) !important;
}
