@charset "UTF-8";
/**
Theme Name: Duo Solutions
Author: La Boîte à Films
Author URI: https://www.laboiteafilms.fr
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: duo-solutions
Template: astra
*/
/*************************************
* Background
*************************************/
/*************************************
* Color
*************************************/
/*************************************
* Responsive size
*************************************/
/*************************************
* Font
*************************************/
.wp-block-image {
  margin: 0;
}

.wp-block-image .alignleft {
  margin: 0;
}

figure.wp-block-image {
  margin: 0;
}

.tb-fields-and-text p,
.tb-field p {
  margin-bottom: 0;
}

.wp-block-image p {
  margin: 0;
}

/* ****************************************************************
GENERAL STYLES
**************************************************************** */
#primary {
  margin: 0 0 4em 0;
}

#wpadminbar {
  display: none !important;
}

b,
strong {
  font-weight: 700;
}

.home-section-partenaire-title h1 {
  position: relative;
}
.home-section-partenaire-title h1::after {
  content: "";
  position: relative;
  display: block;
  width: 75px;
  height: 12px;
  background-color: white;
  margin-left: auto;
  margin-top: 20px;
  top: 0;
}
@media screen and (min-width: 768px) {
  .home-section-partenaire-title h1::after {
    content: "";
    margin-top: 40px;
  }
}
@media screen and (min-width: 976px) {
  .home-section-partenaire-title h1::after {
    content: "";
    margin-top: 40px;
  }
}
.home-section-partenaire-content .wp-block-image {
  position: relative;
  top: -40px;
}

.home-section-guider h2::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 50px;
  height: 12px;
  background-color: white;
  margin-left: 16px;
}
@media screen and (min-width: 976px) {
  .home-section-guider h2::after {
    content: "";
    width: 100px;
    height: 16px;
    margin-left: 30px;
  }
}
.home-section-guider-content .wp-block-image {
  position: relative;
  top: 30px;
}

.home-section-services-title h2 {
  position: relative;
  margin-bottom: 0;
}
.home-section-services-title .wp-block-image {
  position: relative;
}
.home-section-services-content ul {
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
.home-section-services-content ul li {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .home-section-services-content ul li {
    font-size: 28px;
  }
}
@media screen and (min-width: 976px) {
  .home-section-services-content ul li {
    font-size: 32px;
  }
}
.home-section-services-content ul li a {
  display: block;
  background-color: transparent;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.home-section-services-content ul li a::before {
  content: "";
  position: absolute;
  left: -2px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #cfcfcf;
  transform: translateX(-100%);
  transition: all 0.3s;
  z-index: -1;
  top: 0;
}
.home-section-services-content ul li a:hover {
  color: #593969;
}
.home-section-services-content ul li a:hover::before {
  transform: translateX(0);
}

footer .footer-besoins {
  order: 2;
}
@media screen and (min-width: 976px) {
  footer .footer-besoins {
    order: 1;
  }
}
footer .footer-besoins ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-besoins ul li {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  footer .footer-besoins ul li {
    font-size: 28px;
  }
}
@media screen and (min-width: 976px) {
  footer .footer-besoins ul li {
    font-size: 30px;
  }
}
footer .footer-besoins ul li a {
  line-height: 40px;
  display: block;
  background-color: transparent;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 768px) {
  footer .footer-besoins ul li a {
    font-size: 28px;
    line-height: 44px;
  }
}
@media screen and (min-width: 976px) {
  footer .footer-besoins ul li a {
    font-size: 30px;
    line-height: 58px;
  }
}
footer .footer-besoins ul li a::before {
  content: "";
  position: absolute;
  left: -2px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #cfcfcf;
  transform: translateX(-100%);
  transition: all 0.3s;
  z-index: -1;
  top: 0;
}
footer .footer-besoins ul li a:hover {
  color: #593969;
}
footer .footer-besoins ul li a:hover::before {
  transform: translateX(0);
}
footer .footer-carte {
  order: 3;
}
@media screen and (min-width: 976px) {
  footer .footer-carte {
    order: 2;
  }
}
footer .footer-logo {
  order: 1;
}
@media screen and (min-width: 976px) {
  footer .footer-logo {
    order: 3;
  }
}

.home-section-actualites-content h2::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 70px;
  height: 12px;
  background-color: white;
  margin-left: 20px;
}
@media screen and (min-width: 976px) {
  .home-section-actualites-content h2::after {
    content: "";
    width: 100px;
    height: 16px;
    top: 60px;
  }
}

/* home page slider actualites */
ul.home-actus-container {
  margin: 0;
  padding: 0;
}

.home-actus-container {
  list-style: none;
}
.home-actus-item a {
  color: #fff;
}
.home-actus-item a:hover {
  text-decoration: none;
  color: #fff;
}
.home-actus-item-categorie {
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.home-actus-item-categorie a {
  color: #e45b0c;
}
.home-actus-item-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 10px;
}
.home-actus-item-date {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}
.home-actus-item-excerpt {
  font-size: 18px;
  line-height: 24px;
}

/* home page slider rdv */
ul.home-rdv-container {
  margin: 0;
  padding: 0;
}

.home-rdv-container {
  list-style: none;
}
.home-rdv-item a {
  color: #fff;
}
.home-rdv-item a:hover {
  text-decoration: none;
  color: #fff;
}
.home-rdv-item-title {
  display: inline-block;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.home-rdv-item-date {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.home-rdv-item-content {
  font-size: 18px;
  line-height: 24px;
}
.home-rdv-item-content h4 {
  font-family: "Montserrat", sans-serif;
}

.home-section-engage-title h2 {
  background-image: url(../img/home-habillage-engage.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
@media screen and (min-width: 768px) {
  .home-section-engage-title h2 {
    background-position: 90% 0%;
  }
}
@media screen and (min-width: 976px) {
  .home-section-engage-title h2 {
    background-position: 70% 0%;
  }
}
.home-section-engage-title h2::after {
  content: "";
  position: relative;
  display: block;
  width: 70px;
  height: 12px;
  background-color: white;
  margin-left: 34px;
  top: 20px;
}
@media screen and (min-width: 976px) {
  .home-section-engage-title h2::after {
    content: "";
    width: 100px;
    height: 16px;
    top: 60px;
  }
}
.home-section-engage-content {
  position: relative;
}
@media screen and (min-width: 976px) {
  .home-section-engage-content {
    top: -28px;
  }
}

.home-section-rdv-title h2::after {
  content: "";
  position: relative;
  display: block;
  width: 75px;
  height: 12px;
  background-color: white;
  margin-left: 34px;
  top: 20px;
}
@media screen and (min-width: 976px) {
  .home-section-rdv-title h2::after {
    content: "";
    width: 100px;
    height: 16px;
    top: 50px;
  }
}
.home-section-rdv-content {
  position: relative;
}
@media screen and (min-width: 976px) {
  .home-section-rdv-content {
    top: -38px;
  }
}

/***********************************
*
* module Je suis / Je souhaite
*
**********************************/
.jesuis-jesouhaite {
  max-width: 400px;
}
.jesuis-jesouhaite select {
  margin-bottom: 24px;
  height: 50px;
  padding: 12px;
  border: none;
  font-size: 20px;
  outline: none;
}
.jesuis-jesouhaite .envoyer {
  margin-top: 30px;
  text-transform: uppercase !important;
  display: inline-block !important;
  text-align: center !important;
  font-weight: bold !important;
  position: relative !important;
  border-radius: 0 !important;
  color: white !important;
  text-decoration: none !important;
  transition: 0.3s ease all !important;
  z-index: 1 !important;
  border: none !important;
  background-color: #e45b0c;
  font-family: "Oswald", sans-serif;
  line-height: 34px;
  font-size: 1.75rem;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 25px;
  padding-right: 25px;
}
.jesuis-jesouhaite .envoyer.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #ccc;
}

/***********************************
*
* Category page : Vos besoins
*
**********************************/
.vos-besoins-categories-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vos-besoins-categories-container ul li a {
  font-family: "oswald", sans-serif;
  display: block;
  background-color: transparent;
  overflow: hidden;
  z-index: 1;
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  color: white;
}
.vos-besoins-categories-container ul li a:hover {
  color: #593969;
}
.vos-besoins-categories-lien {
  margin: 0 !important;
}
@media screen and (min-width: 976px) {
  .vos-besoins-categories-col1 h2::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 100px;
    height: 16px;
    background-color: #e03323;
    margin-left: 0;
    margin-right: 20px;
  }
}
.vos-besoins-categories-col1 h2::after {
  content: "";
  position: relative;
  display: block;
  width: 100px;
  height: 16px;
  background-color: #e03323;
  margin-left: auto;
  margin-right: 0;
  top: 24px;
}
@media screen and (min-width: 976px) {
  .vos-besoins-categories-col1 h2::after {
    content: none;
  }
}
.vos-besoins-categories-col1 li {
  text-align: right;
}
.vos-besoins-categories-col1 li a {
  padding: 12px 0 12px 0;
  right: 0;
}
.vos-besoins-categories-col1 li a:hover {
  padding: 12px 20px 12px 0;
}
.vos-besoins-categories-col1 li a:hover::before {
  transform: translateX(0);
}
.vos-besoins-categories-col1 li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #cfcfcf;
  transition: all 0.3s;
  z-index: -1;
  top: 0;
  transform: translateX(100%);
}
.vos-besoins-categories-col2 h2::after {
  content: "";
  position: relative;
  display: block;
  width: 100px;
  height: 16px;
  background-color: #e03323;
  margin-left: 0;
  margin-right: 0;
  top: 24px;
}
@media screen and (min-width: 976px) {
  .vos-besoins-categories-col2 h2::after {
    margin-left: 20px;
    display: inline-block;
    top: inherit;
  }
}
.vos-besoins-categories-col2 li a {
  padding: 12px 0 12px 0;
  left: 0;
}
.vos-besoins-categories-col2 li a:hover {
  padding: 12px 0 12px 20px;
}
.vos-besoins-categories-col2 li a:hover::before {
  transform: translateX(0);
}
.vos-besoins-categories-col2 li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #cfcfcf;
  transition: all 0.3s;
  z-index: -1;
  top: 0;
  transform: translateX(-100%);
}

.vos-besoins-categories-conseils .vos-besoins-categories-img {
  position: relative;
}
.vos-besoins-categories-conseils .vos-besoins-categories-img::before {
  content: url(../img/habillage-conseil.svg);
  position: absolute;
  display: block;
  width: 505px;
  height: 295px;
  left: -40px;
  bottom: 0;
  z-index: 1;
}

/***********************************
*
* Subcategory page : Vos besoins
*
**********************************/
/***********************************
*
* Single page : Vos besoins
*
**********************************/
.page-framed {
  position: relative;
  padding-top: 200px;
}
.page-framed-title h2 {
  position: relative;
  top: -44px;
  display: inline-block;
  padding: 10px 16px 16px 16px;
  background-color: white;
}
@media screen and (min-width: 976px) {
  .page-framed-title h2 {
    top: -50px;
    left: -37px;
    display: inline-block;
  }
}
@media screen and (min-width: 1200px) {
  .page-framed-title h2 {
    top: -68px;
    display: inline-block;
  }
}
.page-framed-content {
  position: relative;
  top: -20px;
}
@media screen and (min-width: 976px) {
  .page-framed-content {
    top: -30px;
  }
}
@media screen and (min-width: 1200px) {
  .page-framed-content {
    top: -30px;
  }
}
.page-framed h3::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 50px;
  height: 10px;
  background-color: white;
  margin-left: 20px;
}
@media screen and (min-width: 976px) {
  .page-framed h3::after {
    width: 87px;
    height: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .page-framed h3::after {
    width: 97px;
    height: 16px;
  }
}
.page-framed-illustration {
  position: relative;
}
.page-framed.valeurs-declinaison1 h3::after {
  content: none;
}
.page-framed.valeurs-declinaison2 h3::after {
  content: none;
}

.page-framed-bonus .page-framed-shift {
  position: relative;
}
.page-framed-bonus .page-framed-shift h3::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 50px;
  height: 10px;
  background-color: white;
  margin-left: 20px;
}
@media screen and (min-width: 976px) {
  .page-framed-bonus .page-framed-shift h3::after {
    width: 87px;
    height: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .page-framed-bonus .page-framed-shift h3::after {
    width: 97px;
    height: 16px;
  }
}
@media screen and (min-width: 976px) {
  .page-framed-bonus .page-framed-shift {
    top: -110px;
    margin-left: auto !important;
    margin-right: -10px !important;
  }
}

.page-phase-title h2::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 97px;
  height: 16px;
  background-color: #e45b0c;
  margin-left: 20px;
}
.page-phase-subtitle {
  font-family: "Oswald", sans-serif;
}

.page-besoin-creation .page-framed-illustration.fusee {
  position: relative;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 1200px) {
  .page-besoin-creation .page-framed-illustration.fusee {
    left: 50px;
    bottom: 0;
  }
}
.page-besoin-creation .page-framed-illustration.groupe-travail {
  z-index: 1;
  bottom: -50px;
}
@media screen and (min-width: 976px) {
  .page-besoin-creation .page-framed-illustration.groupe-travail {
    left: 50px;
    bottom: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-creation .page-framed-illustration.groupe-travail {
    left: 50px;
    bottom: -50px;
  }
}

.page-besoin-dev-ets .page-framed-illustration.cube-fleche {
  bottom: 20px;
}
@media screen and (min-width: 976px) {
  .page-besoin-dev-ets .page-framed-illustration.cube-fleche {
    bottom: 20px;
  }
}

.page-besoin-difficultes .page-framed-illustration.mains-puzzle {
  position: relative;
  right: -75px;
}
@media screen and (min-width: 976px) {
  .page-besoin-difficultes .page-framed-illustration.mains-puzzle {
    right: -75px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-difficultes .page-framed-illustration.mains-puzzle {
    right: -75px;
  }
}

.page-besoin-optimisation-fiscale .page-framed-illustration.echec {
  position: relative;
  right: -75px;
  top: 30px;
}
@media screen and (min-width: 1200px) {
  .page-besoin-optimisation-fiscale .page-framed-illustration.echec {
    position: absolute;
    right: -75px;
    top: -90px;
  }
}

.page-besoin-retraite .page-framed-illustration.homme-engrenage {
  position: relative;
  right: -75px;
  bottom: 20px;
}
@media screen and (min-width: 976px) {
  .page-besoin-retraite .page-framed-illustration.homme-engrenage {
    right: -90px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-retraite .page-framed-illustration.homme-engrenage {
    right: -110px;
  }
}

.page-besoin-obligations-declaratives .illustration.main-carre {
  position: relative;
  right: -75px;
  bottom: -80px;
}
@media screen and (min-width: 976px) {
  .page-besoin-obligations-declaratives .illustration.main-carre {
    right: -90px;
    bottom: -80px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-obligations-declaratives .illustration.main-carre {
    right: -110px;
  }
}

.page-besoin-conseil-juridique ul {
  margin: 0;
  padding-left: 20px;
  list-style: square;
}
.page-besoin-conseil-juridique .page-framed-illustration.juriste-code {
  position: relative;
  left: 0;
  bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .page-besoin-conseil-juridique .page-framed-illustration.juriste-code {
    left: 125px;
    bottom: -20px;
  }
}

.page-besoin-externalisation .page-framed-illustration.homme-montre {
  position: relative;
  right: -75px;
  bottom: 30px;
}
@media screen and (min-width: 976px) {
  .page-besoin-externalisation .page-framed-illustration.homme-montre {
    right: -75px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-externalisation .page-framed-illustration.homme-montre {
    right: -75px;
  }
}

.page-besoin-paie-autonomie .page-framed-illustration.femme-ordinateur {
  position: relative;
  right: -45px;
  bottom: -60px;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-besoin-paie-autonomie .page-framed-illustration.femme-ordinateur {
    right: -45px;
    bottom: -60px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-paie-autonomie .page-framed-illustration.femme-ordinateur {
    right: -120px;
    bottom: -60px;
  }
}

.page-besoin-audit-legal .key-data2 {
  border-left: solid #fff 3px;
  border-right: solid #fff 3px;
}
.page-besoin-audit-legal .page-framed-illustration.femme-feuille {
  position: relative;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-besoin-audit-legal .page-framed-illustration.femme-feuille {
    right: -65px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-audit-legal .page-framed-illustration.femme-feuille {
    right: -155px;
  }
}

.page-besoin-audit-contractuel .page-framed-illustration.poignee-main {
  position: relative;
  right: 0;
  bottom: -40px;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-besoin-audit-contractuel .page-framed-illustration.poignee-main {
    bottom: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-audit-contractuel .page-framed-illustration.poignee-main {
    right: -120px;
    bottom: -50px;
  }
}

.page-besoin-juridique .page-framed-illustration.homme-livre {
  position: relative;
  right: 0;
  bottom: -40px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .page-besoin-juridique .page-framed-illustration.homme-livre {
    right: -115px;
  }
}

.page-besoin-digitalisation .page-framed-illustration.homme-my-duo {
  position: relative;
  bottom: 0;
  width: 350px;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-besoin-digitalisation .page-framed-illustration.homme-my-duo {
    bottom: -75px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-digitalisation .page-framed-illustration.homme-my-duo {
    right: -40px;
    bottom: -75px;
    width: 477px;
  }
}

.page-besoin-communication .page-framed-illustration.studuo-fruit {
  position: relative;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-besoin-communication .page-framed-illustration.studuo-fruit {
    width: 460px;
  }
}
@media screen and (min-width: 1200px) {
  .page-besoin-communication .page-framed-illustration.studuo-fruit {
    width: 647px;
  }
}

/***********************************
*
* Page Groupe
*
**********************************/
.page-groupe-histoire h3::after {
  content: none;
}
.page-groupe-histoire .key-data2 {
  border-left: solid #d0d0d0 3px;
}
.page-groupe-histoire .key-data3 {
  border-left: solid #d0d0d0 3px;
}
.page-groupe-histoire .key-data4 {
  border-left: solid #d0d0d0 3px;
}
.page-groupe-histoire .page-framed-illustration.carte-cabinets {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-groupe-histoire .page-framed-illustration.carte-cabinets {
    left: 50px;
    width: 460px;
  }
}
@media screen and (min-width: 1200px) {
  .page-groupe-histoire .page-framed-illustration.carte-cabinets {
    left: 50px;
    width: 600px;
  }
}
.page-groupe-histoire .page-framed-illustration.decor-triangle {
  position: relative;
  right: -75px;
  z-index: 1;
}

.page-groupe-raison-etre h3::after {
  content: none;
}
.page-groupe-raison-etre .citation {
  font-family: "Oooh Baby", cursive;
  font-size: 44px;
  line-height: 42px;
}
.page-groupe-raison-etre .page-framed-illustration.decor-triangle {
  position: relative;
  right: -75px;
  z-index: 1;
}

.page-groupe-engagement h3::after {
  content: none;
}
.page-groupe-engagement .page-framed-bonus .page-framed-shift h3::after {
  content: none;
}
.page-groupe-engagement .h3-tiret h3::after {
  content: "";
}
.page-groupe-engagement .page-framed-bonus .page-framed-shift .h3-tiret h3::after {
  content: "";
}
.page-groupe-engagement .page-framed-illustration.fusee {
  position: relative;
  left: 0;
  bottom: -80px;
}
@media screen and (min-width: 976px) {
  .page-groupe-engagement .page-framed-illustration.fusee {
    left: 50px;
    bottom: -80px;
  }
}
.page-groupe-engagement .page-framed-illustration.carte-cabinets {
  position: relative;
  left: 50px;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-groupe-engagement .page-framed-illustration.carte-cabinets {
    left: 50px;
    width: 460px;
  }
}
@media screen and (min-width: 1200px) {
  .page-groupe-engagement .page-framed-illustration.carte-cabinets {
    left: 50px;
    width: 600px;
  }
}
.page-groupe-engagement .key-data2 {
  border-left: solid #d0d0d0 3px;
  border-right: solid #d0d0d0 3px;
}

.page-groupe-valeurs .page-framed-illustration.adapte {
  position: relative;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-groupe-valeurs .page-framed-illustration.adapte {
    top: -70px;
    width: 460px;
  }
}
@media screen and (min-width: 1200px) {
  .page-groupe-valeurs .page-framed-illustration.adapte {
    top: -70px;
    width: 600px;
  }
}
.page-groupe-valeurs .page-framed-illustration.dynamisant {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-groupe-valeurs .page-framed-illustration.dynamisant {
    top: -70px;
    right: -30px;
  }
}
@media screen and (min-width: 1200px) {
  .page-groupe-valeurs .page-framed-illustration.dynamisant {
    top: -70px;
    width: 521px;
    right: -150px;
  }
}
.page-groupe-valeurs .page-framed-illustration.ouvert {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 976px) {
  .page-groupe-valeurs .page-framed-illustration.ouvert {
    top: -70px;
  }
}
@media screen and (min-width: 1200px) {
  .page-groupe-valeurs .page-framed-illustration.ouvert {
    top: -70px;
    width: 431px;
  }
}

@media screen and (min-width: 768px) {
  .page-groupe-metiers .key-data1, .page-groupe-metiers .key-data3, .page-groupe-metiers .key-data5 {
    border-right: solid #d0d0d0 3px;
  }
}
@media screen and (min-width: 976px) {
  .page-groupe-metiers .key-data2, .page-groupe-metiers .key-data5 {
    border-left: solid #d0d0d0 3px;
    border-right: solid #d0d0d0 3px;
  }
  .page-groupe-metiers .key-data1 {
    border: none;
  }
}

@media screen and (min-width: 768px) {
  .page-groupe-cabinets .page-framed-content {
    max-width: inherit !important;
    width: initial !important;
  }
}
.page-groupe-cabinets .page-framed-title h2 {
  left: 0;
}
@media screen and (min-width: 976px) {
  .page-groupe-cabinets .page-framed-title h2 {
    left: 60px;
  }
}
.page-groupe-cabinets .page-framed-title-right h2 {
  right: 0;
  left: inherit;
}
@media screen and (min-width: 1200px) {
  .page-groupe-cabinets .page-framed-title-right h2 {
    right: 60px;
    left: inherit;
  }
}

/***********************************
*
* Espace client
*
**********************************/
.wp-block-my-company-files-login-mcf-login-form h3.block-title {
  display: none;
}
.wp-block-my-company-files-login-mcf-login-form h4.block-subtitle {
  display: none;
}
.wp-block-my-company-files-login-mcf-login-form .mcf-connexion-block {
  padding: 0;
  margin: 0;
}

/***********************************
*
* A virer
*
**********************************/
.page-generique h1 {
  display: inline-block;
  line-height: 68px;
  height: 62px;
}
.page-generique h1.tb-heading.has-background {
  padding: 0 40px 0 20px;
}

.container-groupe h1::after {
  content: "";
  position: relative;
  display: block;
  width: 75px;
  height: 12px;
  background-color: white;
  margin-left: 0;
  top: 30px;
  margin-bottom: 40px;
}
.wp-block-button__link {
  font-size: 32px;
  text-transform: uppercase !important;
  display: inline-block !important;
  text-align: center !important;
  font-weight: bold !important;
  position: relative !important;
  color: white !important;
  text-decoration: none !important;
  transition: 0.3s ease all !important;
  z-index: 1 !important;
  border: none !important;
}

.wp-block-button__link::before {
  transition: 0.5s all ease !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: 50% !important;
  bottom: 0 !important;
  opacity: 0 !important;
  content: "" !important;
  background-color: white !important;
  z-index: -1 !important;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
  color: #e45b0c !important;
  background-color: #e45b0c !important;
}

.wp-block-button__link:hover::before,
.wp-block-button__link:focus::before {
  transition: 0.5s all ease !important;
  left: 0 !important;
  right: 0 !important;
  opacity: 1 !important;
}

.wp-block-button__link:active {
  transform: scale(0.9) !important;
}

/**********************************
    header-site // Type Generique 01
**********************************/
.header-navigation > p {
  display: none;
}
.header-navigation-btn a .uagb-button__link {
  font-family: "Oswald", sans-serif, sans-serif !important;
}

/**********************************
    Mega Menu Desktop
**********************************/
#mega-menu-wrap-primary {
  margin-left: auto;
}
#mega-menu-wrap-primary::after {
  content: " ";
  display: block;
  width: 75px;
  height: 5px;
  background-color: #fff;
  right: 0;
  margin-left: auto;
  position: absolute;
  top: 0;
}

li.mega-menu-item .mega-sub-menu::before {
  content: "";
  display: block !important;
  height: 28px;
  width: auto;
  background-color: #593969 !important;
  opacity: 1;
  z-index: 1001;
  position: absolute;
  right: 0;
  left: 0;
  top: -20px;
}

li.mega-menu-item .mega-sub-menu li:first-child::before {
  content: "";
  display: block !important;
  height: 0;
  width: 0;
  border-right: 14px solid transparent;
  border-bottom: 19px solid red;
  border-left: 14px solid transparent;
  opacity: 1;
  z-index: 1002;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
li.mega-menu-item1 .mega-sub-menu li:first-child::before {
  border-bottom: 19px solid #b98146;
}
li.mega-menu-item2 .mega-sub-menu li:first-child::before {
  border-bottom: 19px solid #e03323;
}

#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link::before {
  font: inherit;
  font-family: inherit;
  margin: 0 2px 0 0;
  vertical-align: inherit;
  color: inherit;
  background: inherit;
  top: inherit;
  content: "";
  display: inline-block !important;
  width: 0;
  height: 3px !important;
  background-color: #fff !important;
  position: relative !important;
  bottom: 0;
  transition: width 0.3s ease-out;
}

#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover::before {
  width: 10px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  margin-top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

/***************************************
    Fil Arianne
***************************************/
.ast-breadcrumbs-wrapper {
  margin-top: 4px;
  margin-bottom: 4px;
}
.ast-breadcrumbs-wrapper .ast-breadcrumbs-inner {
  padding: 0;
}

.ast-breadcrumbs {
  font-size: 14px;
}
.ast-breadcrumbs .trail-items li::after {
  padding: 0 0.3em;
  content: ">";
}
.ast-breadcrumbs .trail-items a {
  color: black;
}
.ast-breadcrumbs .trail-items a:hover {
  color: #e03323;
  text-decoration: underline;
}

/**********************************
    Swiper
**********************************/
.swiper {
  position: relative;
}

/**********************************
    Caroussel Home
**********************************/
.swiper-home .swiper-item-img {
  height: 650px;
}
@media screen and (min-width: 1200px) {
  .swiper-home .swiper-item-img {
    background-position: 0% 0% !important;
  }
}
.swiper-home .swiper-item-content-background {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-25%, -50%);
  display: block;
  width: 474px;
  height: 233px;
  mix-blend-mode: multiply;
  background-color: #2d2e83;
}
.swiper-home .swiper-item-content {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-25%, -50%);
  display: block;
  width: 474px;
  height: 233px;
  padding: 40px;
}
.swiper-home .swiper-item-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 34px;
  color: #fff;
  text-transform: uppercase;
}
.swiper-home .swiper-item p {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #fff;
}
.swiper-home .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-home .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}

.swiper-actualites {
  margin-bottom: 100px;
}
.swiper-actualites .swiper-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-actualites-single {
  overflow: hidden;
}
@media screen and (min-width: 976px) {
  .swiper-actualites-single {
    max-width: 320px;
  }
}
.swiper-actualites-single .swiper-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-actualites-single .swiper-pagination {
  text-align: left;
  bottom: -12px !important;
}
.swiper-actualites-single .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
}
.swiper-actualites-single .swiper-pagination-bullet-active {
  background-color: #e45b0c;
}

.swiper-rdv-single {
  overflow: hidden;
}
@media screen and (min-width: 976px) {
  .swiper-rdv-single {
    max-width: 532px;
  }
}
.swiper-rdv-single .swiper-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-rdv-single .swiper-pagination {
  text-align: left;
  bottom: -12px !important;
}
.swiper-rdv-single .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
}
.swiper-rdv-single .swiper-pagination-bullet-active {
  background-color: #e45b0c;
}

.swiper-temoignages-section .tb-container-inner {
  position: relative;
}
.swiper-temoignages .swiper-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-temoignages .swiper-item-content {
  width: 300px;
}
.swiper-temoignages .swiper-item-content h3 {
  font-size: 20px;
}
.swiper-temoignages-pagination {
  position: relative !important;
}
.swiper-temoignages-button-prev, .swiper-temoignages-button-next {
  display: none !important;
}
@media screen and (min-width: 976px) {
  .swiper-temoignages-button-prev, .swiper-temoignages-button-next {
    display: flex !important;
    background-color: black;
  }
}
.swiper-temoignages-button-prev::after, .swiper-temoignages-button-next::after {
  width: 24px !important;
  height: 42px !important;
  font-size: 30px !important;
}
.swiper-temoignages-button-prev {
  left: 0 !important;
}
.swiper-temoignages-button-prev::after {
  content: url(../img/arrow-prev.svg) !important;
}
.swiper-temoignages-button-next {
  right: 0 !important;
}
.swiper-temoignages-button-next::after {
  content: url(../img/arrow-next.svg) !important;
}

/**********************************
    Carrousel Actualités
**********************************/
.actualites-list-item-link {
  text-decoration: none;
  display: block;
}
.actualites-list-item h2 {
  color: brown;
}
.actualites-list-item-excerpt p {
  font-size: 20px;
}

/**********************************
    footer
**********************************/
.footer-site {
  background-color: #b98146;
}
.footer-site-container {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  align-content: center;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 976px) {
  .footer-site-middle {
    flex-direction: row;
  }
}
.footer-site-col1 {
  flex: 1 0 150px;
}
.footer-site-col2 {
  flex: 1 0 576px;
}
.footer-site-col3 {
  flex: 1 0 234px;
  padding-left: 30px;
}
.footer-site-logo {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-bottom: 20px;
}
.footer-site-logo p {
  margin: 12px 0 8px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: black;
}
@media screen and (min-width: 976px) {
  .footer-site-logo {
    text-align: left;
    margin-bottom: 20px;
  }
}
.footer-site-contact {
  display: flex;
  flex-direction: row;
}
.footer-site-contact p {
  border-bottom: 2px solid black;
  margin: 0 0 0 6px;
}
.footer-site-contact p a:hover {
  color: #fff;
}
.footer-site-social p {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}
.footer-site-social ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-site-social ul li {
  margin-right: 22px;
}
.footer-site-liens {
  color: black;
  display: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
@media screen and (min-width: 976px) {
  .footer-site-liens {
    display: block;
  }
}
.footer-site-liens ul {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
.footer-site-liens ul:nth-child(2) li {
  padding-left: 4px;
}
.footer-site-liens ul:nth-child(2) li:first-child {
  padding-left: 0;
  line-height: 30px;
}
.footer-site-liens ul li {
  line-height: 26px;
}
.footer-site-liens ul li a:hover {
  text-decoration: underline;
  color: black;
}
.footer-site-newsletter-titre {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}
.footer-site-newsletter-form-container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 976px) {
  .footer-site-newsletter-form-container {
    width: inherit;
    margin-left: inherit;
    margin-right: inherit;
  }
}
.footer-site-mentions ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
@media screen and (min-width: 976px) {
  .footer-site-mentions ul {
    flex-direction: row;
  }
}
.footer-site-mentions ul li {
  flex: 1 0 auto;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
}
@media screen and (min-width: 976px) {
  .footer-site-mentions ul li {
    text-align: left;
  }
}
.footer-site-mentions ul li:first-child {
  order: 2;
}
@media screen and (min-width: 976px) {
  .footer-site-mentions ul li:first-child {
    order: 0;
  }
}
@media screen and (min-width: 976px) {
  .footer-site-mentions ul li:last-child {
    text-align: right;
  }
}
.footer-site-mentions ul li a {
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  font-weight: 500;
}
.footer-site-mentions ul li a:hover {
  text-decoration: underline;
}

.container-isotope {
  margin-bottom: 100px;
}
.container-isotope .grid-sizer {
  width: 100%;
  height: 150px;
}
@media screen and (min-width: 768px) {
  .container-isotope .grid-sizer {
    width: 50%;
    height: 150px;
  }
}
@media screen and (min-width: 976px) {
  .container-isotope .grid-sizer {
    width: 33%;
    height: 150px;
  }
}
@media screen and (min-width: 1200px) {
  .container-isotope .grid-sizer {
    width: 33%;
    height: 150px;
  }
}

.isotope-tri {
  margin: 20px 0 20px 0;
}
.isotope-tri ul#filters {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.isotope-tri ul#filters li {
  padding-left: 5px;
  padding-right: 5px;
}
.isotope-tri ul#filters li:first-child {
  padding-left: 0;
}
.isotope-tri ul#filters li:last-child {
  padding-right: 0;
}
.isotope-tri ul#filters li a {
  font-size: 16px;
  color: black;
}
.isotope-tri ul#filters li a.selected {
  color: #b98146;
  text-decoration: underline;
}
.isotope-item-image {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
}
.isotope-item-image:hover .isotope-item-detail {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.isotope-item-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(200, 200, 200, 0.5);
  transition: all 0.25s ease-out;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.isotope-item-detail h2 {
  font-size: 20px;
  line-height: 27px;
  margin: 0;
}

/**********************************
    General config
**********************************/
form .form-group {
  display: flex;
  margin-bottom: 16px;
  flex-direction: column;
}
form .form-group label {
  line-height: 21px;
}
form .form-group label span {
  color: #b98146;
}
form .form-group select {
  background-image: inherit !important;
  background-size: inherit !important;
  background-repeat: inherit !important;
  background-position-x: inherit !important;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  padding-right: inherit !important;
}
form .form-bt {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
form .form-bt input[type=submit] {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: black;
  border-radius: 0;
  color: #fff;
  padding: 12px 24px 12px 24px;
  margin-top: 40px;
  border: 1px solid #b98146;
}
form .form-bt input[type=submit]:hover {
  background-color: #b98146;
  border-radius: 0;
  padding: 12px 24px 12px 24px;
  margin-top: 40px;
  border: 1px solid #b98146;
}
form .wpt-form-error {
  color: #ff9300;
}
form .has-error {
  color: #ff9300;
}
form .has-error small {
  color: #ff9300;
}
form a {
  color: black;
}
form a:hover {
  color: #b98146;
  text-decoration: underline;
}
@media screen and (min-width: 991px) {
  form .form-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 991px) {
  form .form-flex .form-group {
    flex: 0 1 48%;
  }
}

/*******************************************
    Combobox générique & cb Comboox RGPD
*******************************************/
.form-group-cb-inline {
  margin-top: 16px;
  margin-bottom: 20px;
}
.form-group-cb-inline label {
  flex: 1 0 22.5%;
}
.form-group-cb-inline input[type=checkbox].checkbox {
  display: none !important;
}
.form-group-cb-inline input[type=checkbox].checkbox + label::before {
  content: "";
  border: 1px solid #979797;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: -4px;
  margin-right: 8px;
}
.form-group-cb-inline input[type=checkbox].checkbox:checked + label::before {
  background-color: #e03323;
}
.form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question {
  margin-bottom: 20px;
  margin: 0 0 0 4px;
}
@media (min-width: 700px) {
  .form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question {
    display: flex;
  }
}
.form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question .checkbox-question-1 {
  margin-right: 50px;
}
.form-group-cb-inline .has-error small {
  position: absolute;
  bottom: 8px;
}
.form-group-cb-inline .js-wpt-field-items {
  flex: 1 0 3%;
  position: relative;
}
.form-group-cb-inline .js-wpt-field-items label {
  font-size: 16px;
  line-height: 21px;
  color: black;
  margin-right: 20px;
  white-space: inherit;
}
.form-group-cb-inline .js-wpt-field-items span {
  vertical-align: text-bottom;
}
.form-group-cb-inline .js-wpt-field-items div {
  line-height: 21px;
}
.form-group-cb-inline .js-wpt-field-items div span {
  color: #b98146;
}

/**********************************
    Newsletter Form
**********************************/
.newsletter-form form .form-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 6px;
  position: relative;
}
.newsletter-form form .form-group .js-wpt-field-items {
  flex: 1 0 auto;
}
.newsletter-form form .form-group .has-error small {
  position: absolute;
  top: -22px;
}
.newsletter-form form .form-bt {
  text-align: inherit;
  margin-top: inherit;
  margin-bottom: inherit;
}
.newsletter-form form input[type=submit] {
  height: 42px;
  border-radius: 0;
  background-color: white;
  border-color: white;
  color: #b98146;
  font-weight: 700;
  font-size: 14px;
  width: 42px;
  padding: 0;
}
.newsletter-form form input[type=submit]:hover {
  color: white;
  background-color: #e03323;
}
.newsletter-form form input[type=text] {
  font-size: 14px;
  height: 42px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: white;
  background: transparent;
  color: white;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.newsletter-form form input[type=text]:focus-visible, .newsletter-form form input[type=text]:focus {
  outline: none;
}
.newsletter-form form input[type=text]::placeholder {
  color: white;
  font-size: 14px;
}
.newsletter-form form .form-group-cb-inline label {
  flex: 1 0 22.5%;
  white-space: wrap;
}
.newsletter-form form .form-group-cb-inline input[type=checkbox].rggpd {
  display: none !important;
}
.newsletter-form form .form-group-cb-inline input[type=checkbox].rggpd + label::before {
  content: "";
  border: 1px solid white;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: -4px;
  margin-right: 8px;
}
.newsletter-form form .form-group-cb-inline input[type=checkbox].rggpd:checked + label::before {
  background-color: #e03323;
}
.newsletter-form form .form-group-cb-inline .libelle-rgpd {
  flex: 1 0 78%;
  font-size: 12px;
}
.newsletter-form form .form-group-cb-inline .libelle-rgpd a {
  color: white;
}
.newsletter-form form .form-group-cb-inline .libelle-rgpd a:hover {
  text-decoration: underline;
}
.newsletter-form form .form-group-cb-inline .has-error small {
  position: absolute;
  bottom: 21px;
}
.newsletter-form form .form-group-cb-inline .js-wpt-field-items {
  flex: 1 0 3%;
  position: relative;
}
.newsletter-form form .form-group-cb-inline .js-wpt-field-items label {
  font-size: 12px;
  color: white;
}
.newsletter-form form .form-group-cb-inline .js-wpt-field-items label a {
  color: white;
}
.newsletter-form form .form-group-cb-inline .js-wpt-field-items label a:hover {
  color: white;
  text-decoration: underline;
}
.newsletter-form form .form-group-cb-inline .js-wpt-field-items span {
  vertical-align: text-bottom;
}

/**********************************
    Combobox
**********************************/
.nous-contacter-form input[type=file],
.recrutement-form input[type=file] {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
}
.nous-contacter-form .form-group-file,
.recrutement-form .form-group-file {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px !important;
}
@media (min-width: 700px) {
  .nous-contacter-form .form-group-file,
  .recrutement-form .form-group-file {
    flex-direction: row;
  }
}
.nous-contacter-form .form-group-file .titre-file,
.recrutement-form .form-group-file .titre-file {
  padding-bottom: 8px;
  padding-top: 14px;
}
@media (min-width: 700px) {
  .nous-contacter-form .form-group-file .titre-file,
  .recrutement-form .form-group-file .titre-file {
    flex: 0 0 100px;
    margin: auto 0;
    padding-bottom: inherit;
    padding-top: inherit;
  }
}
.nous-contacter-form .form-group-file .js-wpt-field-items,
.recrutement-form .form-group-file .js-wpt-field-items {
  display: flex;
  order: 3;
  flex-direction: column;
}
@media (min-width: 700px) {
  .nous-contacter-form .form-group-file .js-wpt-field-items,
  .recrutement-form .form-group-file .js-wpt-field-items {
    flex-direction: row;
    flex: 0 0 200px;
    align-self: center;
    margin-left: auto;
  }
}
.nous-contacter-form .form-group-file .js-wpt-field-items .wpt-credfile-action,
.recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .nous-contacter-form .form-group-file .js-wpt-field-items .wpt-credfile-action,
  .recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action {
    margin-top: inherit;
    margin-left: auto;
  }
}
.nous-contacter-form .form-group-file .js-wpt-field-items .wpt-credfile-action input,
.recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action input {
  width: 100%;
  font-size: 14px;
  padding: 10px 30px 10px 30px;
  height: 40px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
@media (min-width: 700px) {
  .nous-contacter-form .form-group-file .js-wpt-field-items .wpt-credfile-action input,
  .recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action input {
    width: inherit;
  }
}
.nous-contacter-form .form-group-file label,
.recrutement-form .form-group-file label {
  position: relative;
  height: 40px;
  background: #ebebeb;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  font-size: 14px;
  color: #000;
  letter-spacing: 0;
  padding: 10px 0 10px 0;
}
@media (min-width: 700px) {
  .nous-contacter-form .form-group-file label,
  .recrutement-form .form-group-file label {
    width: 180px;
    flex: 0 0 180px;
    align-items: center;
  }
}
.nous-contacter-form .form-group-file label:hover,
.recrutement-form .form-group-file label:hover {
  background-color: #b98146;
  color: white;
}
.nous-contacter-form .form-group-file label .file-name,
.recrutement-form .form-group-file label .file-name {
  position: absolute;
  font-size: 14px;
  line-height: 18px;
  color: #555;
  width: 100%;
  bottom: -50px;
  text-align: center;
}
@media (min-width: 700px) {
  .nous-contacter-form .form-group-file label .file-name,
  .recrutement-form .form-group-file label .file-name {
    left: 200px;
    bottom: inherit;
    text-align: center;
    margin: 0;
  }
}
.nous-contacter-form .form-group-file small,
.recrutement-form .form-group-file small {
  position: absolute;
  left: 0;
  top: -24px;
}
.nous-contacter-form .container-rgpd-required,
.recrutement-form .container-rgpd-required {
  flex: 0 1 48%;
}
.nous-contacter-form .container-rgpd-required .form-group-cb-inline,
.recrutement-form .container-rgpd-required .form-group-cb-inline {
  flex: 1 0 auto;
  order: 1;
}
@media (min-width: 700px) {
  .nous-contacter-form .container-rgpd-required .form-group-cb-inline,
  .recrutement-form .container-rgpd-required .form-group-cb-inline {
    order: 0;
  }
}
@media (min-width: 700px) {
  .nous-contacter-form .container-rgpd-required .required-sentence,
  .recrutement-form .container-rgpd-required .required-sentence {
    flex: 1 0 auto;
  }
}
@media (min-width: 700px) {
  .nous-contacter-form .container-recaptcha-submit,
  .recrutement-form .container-recaptcha-submit {
    display: flex;
    align-items: center;
  }
}
.nous-contacter-form .container-recaptcha-submit .recaptcha,
.recrutement-form .container-recaptcha-submit .recaptcha {
  flex: 1 0 auto;
}
@media (min-width: 700px) {
  .nous-contacter-form .container-recaptcha-submit .form-bt,
  .recrutement-form .container-recaptcha-submit .form-bt {
    flex: 1 0 auto;
    text-align: right;
  }
}

@media screen and (min-width: 991px) {
  .nous-contacter-block .form-group {
    flex-direction: row;
  }
  .nous-contacter-block .form-group label {
    text-align: right;
    padding-right: 20px;
    align-self: center;
  }
  .nous-contacter-block .form-bt input[type=submit] {
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    padding: 18px 50px;
  }
  .rgpd-explication {
    font-size: 13px;
    color: #9b9b9b;
    line-height: 16px;
    flex: 1 0 80%;
  }
}
input[type=email],
input[type=text],
select {
  height: 40px;
}

input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  font-size: 14px;
  border-color: #dcd5cb;
  background-color: #fff;
  width: 100%;
  color: black;
  border-radius: 6px;
}
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=reset]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
select::placeholder,
textarea::placeholder {
  color: black;
  font-size: 14px;
}

.required-sentence {
  font-size: 16px;
  color: #b98146;
}

.form-msg-left {
  text-align: left;
}
.form-msg-right {
  text-align: right;
}
.form-msg-center {
  text-align: center;
}
.form-msg-light {
  color: #fff;
}
.form-msg-dark {
  color: #000;
}

.search-form-home {
  padding-left: 40px;
}
.search-form-home .search-form-home-container {
  width: 595px;
}
.search-form-home .search-form-home-container .search-form-container-input {
  position: relative;
}
.search-form-home .search-form-home-container .search-form-container-input input {
  border-radius: 3px;
  border-style: none;
}
.search-form-home .search-form-home-container .search-form-container-input button {
  position: absolute;
  top: 3px;
  right: 0;
  background: transparent url(../img/bt-recherche.svg) no-repeat 50% 50%;
  height: 34px;
  border-left: 1px solid #ff9300;
  border-radius: 0;
}

.form-glossaire {
  position: relative;
  width: 80%;
}
.form-glossaire input[type=text] {
  border-radius: 3px;
  border-style: none;
  border-bottom: 1px solid #8b8b8b;
}
.form-glossaire input[type=submit] {
  position: absolute;
  top: 3px;
  right: 0;
  background: transparent url(../img/bt-recherche.svg) no-repeat 50% 50%;
  height: 34px;
  border-left: 1px solid #ff9300;
  border-radius: 0;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}

.ast-plain-container,
.ast-page-builder-template {
  background-color: #593969 !important;
  background-image: none;
}

.titre-page h1 {
  margin-bottom: 30px;
}

.separation-tiret h2::before {
  content: "";
  position: relative;
  display: block;
  width: 97px;
  height: 17px;
  background-color: white;
  margin-left: 0;
  margin-bottom: 50px;
}
.separation-tiret.p::before {
  content: "";
  position: relative;
  display: block;
  width: 97px;
  height: 17px;
  background-color: white;
  margin-left: 0;
  margin-bottom: 50px;
}

p.separation-tiret::before {
  content: "";
  position: relative;
  display: block;
  width: 97px;
  height: 17px;
  background-color: white;
  margin-left: 0;
  margin-bottom: 50px;
}

/**********************
 Actualités
**********************/
.wpv-pagination-nav-links {
  margin-top: 40px;
  margin-bottom: 40px;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item {
  width: 32px;
  height: 32px;
  margin: 0;
  text-align: center;
  position: relative;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item a {
  display: inline-block;
  width: 32px;
  height: 32px;
  color: black;
  font-size: 14px;
  vertical-align: middle;
  text-decoration: none !important;
  padding: 0.45em 0.15em 0.45em 0.2em;
  border: none;
  line-height: 1.25;
  margin: 0;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item a:hover {
  background-color: #ffcb86;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item a:focus {
  background-color: #ffcb86;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item:first-child::before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 32px;
  background-color: #b98146;
  display: inline-block;
  left: 0;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item::after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 32px;
  background-color: #b98146;
  display: inline-block;
  right: 0;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item.active {
  background-color: #ffcb86;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item.active:hover {
  background-color: #ffcb86;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item.active span {
  font-size: 14px;
}
.wpv-pagination-nav-links .wpv-archive-pagination-nav-links-item span {
  font-size: 0.9em;
  text-decoration: none !important;
  padding: 0.15em 0.45em 0.2em;
  line-height: 1.25;
  border: none;
  margin: 2px;
}