@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?ytaovv");
  src: url("../fonts/icomoon.eot?ytaovv#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ytaovv") format("truetype"), url("../fonts/icomoon.woff?ytaovv") format("woff"), url("../fonts/icomoon.svg?ytaovv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 12, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 27, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-linkedin:before {
  content: "\e917";
  color: #19355d;
}

/* line 31, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-twitter:before {
  content: "\e918";
  color: #19355d;
}

/* line 35, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-facebook:before {
  content: "\e919";
  color: #19355d;
}

/* line 39, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-instagram:before {
  content: "\e91a";
  color: #19355d;
}

/* line 43, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-youtube:before {
  content: "\e902";
  color: #19355d;
}

/* line 47, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-lireplus .path1:before {
  content: "\e904";
  color: #4a6894;
}

/* line 51, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-lireplus .path2:before {
  content: "\e905";
  margin-left: -1.021484375em;
  color: white;
}

/* line 56, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-age .path1:before {
  content: "\e903";
  color: #b31111;
}

/* line 60, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-age .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: #19355d;
}

/* line 65, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-age .path3:before {
  content: "\e91b";
  margin-left: -1em;
  color: #19355d;
}

/* line 70, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-recyclage .path1:before {
  content: "\e900";
  color: #163766;
}

/* line 74, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-recyclage .path2:before {
  content: "\e901";
  margin-left: -1.0693359375em;
  color: #b31111;
}

/* line 79, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path1:before {
  content: "\e907";
  color: #b31111;
}

/* line 83, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path2:before {
  content: "\e908";
  margin-left: -1.1669921875em;
  color: #19355d;
}

/* line 88, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path3:before {
  content: "\e909";
  margin-left: -1.1669921875em;
  color: #19355d;
}

/* line 93, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path4:before {
  content: "\e90a";
  margin-left: -1.1669921875em;
  color: #b31111;
}

/* line 98, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path5:before {
  content: "\e90b";
  margin-left: -1.1669921875em;
  color: #b31111;
}

/* line 103, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path6:before {
  content: "\e90c";
  margin-left: -1.1669921875em;
  color: #b31111;
}

/* line 108, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path7:before {
  content: "\e90d";
  margin-left: -1.1669921875em;
  color: #b31111;
}

/* line 113, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path8:before {
  content: "\e90e";
  margin-left: -1.1669921875em;
  color: #19355d;
}

/* line 118, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path9:before {
  content: "\e90f";
  margin-left: -1.1669921875em;
  color: #19355d;
}

/* line 123, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-diplome .path10:before {
  content: "\e910";
  margin-left: -1.1669921875em;
  color: #19355d;
}

/* line 128, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-certificat .path1:before {
  content: "\e911";
  color: #b31111;
}

/* line 132, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-certificat .path2:before {
  content: "\e912";
  margin-left: -0.87109375em;
  color: #19355d;
}

/* line 137, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-certificat .path3:before {
  content: "\e913";
  margin-left: -0.87109375em;
  color: #19355d;
}

/* line 142, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-certificat .path4:before {
  content: "\e914";
  margin-left: -0.87109375em;
  color: #19355d;
}

/* line 147, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-timer .path1:before {
  content: "\e915";
  color: #b31111;
}

/* line 151, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-timer .path2:before {
  content: "\e916";
  margin-left: -0.87890625em;
  color: #19355d;
}

/* line 156, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-time:before {
  content: "\e920";
  color: #19355d;
}

/* line 160, /Applications/MAMP/htdocs/a2sa/scss/_font.scss */
.icon-cards:before {
  content: "\e921";
  color: #19355d;
}

/* line 1, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar {
  background-color: #19355D;
}

/* line 5, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
ul.baseline {
  border: none;
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 13, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
ul.baseline li {
  display: inline-block;
  margin: 0 20px;
}

/* line 18, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #fff;
}

/* line 22, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
}

/* line 26, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .nav-link {
  color: #fff;
}

@media (min-width: 768px) {
  /* line 31, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
  }
}

@media (min-width: 992px) {
  /* line 38, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
  }
}

@media (min-width: 1200px) {
  /* line 45, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.4rem;
    padding-left: 1.4rem;
  }
}

@media (min-width: 1400px) {
  /* line 52, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}

/* line 58, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar {
  padding: 0 !important;
  margin: 0 !important;
}

/* line 63, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-nav .active {
  background-color: #B31111;
}

/* line 67, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.nav-link {
  display: block;
  padding: 1.4rem 1rem;
  font-size: 1.1rem;
}

/* line 73, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-brand img {
  margin-left: 1rem;
  width: 145px;
}

/* line 78, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  background-color: #B31111;
  color: #fff;
}

/* line 83, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-toggler {
  border: 1px solid #fff !important;
}

/* line 87, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

/* line 91, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: none !important;
  border-radius: .25rem;
  margin-right: 1rem;
}

@media (max-width: 992px) {
  /* line 102, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-nav .nav-link {
    text-align: center;
  }
  /* line 106, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .nav-link {
    padding: 7px 0rem;
  }
}

/* Logo plus petit et centré horizontalement du mobile jusqu'à la tablette
   (sous le seuil où le menu burger apparaît, cf. navbar-expand-lg de
   Bootstrap) : le bouton burger sort du flux flex pour se caler à droite,
   ce qui laisse le logo se centrer sur toute la largeur restante. */
@media (max-width: 991.98px) {
  .navbar-brand img {
    width: 110px;
    margin-left: 0;
  }
  .navbar.navbar-expand-lg {
    /* Pas de position: relative ici : la nav est déjà fixed-top
       (Bootstrap) et le rester est indispensable — c'est déjà un
       contexte de positionnement valide pour le burger en absolute
       ci-dessous. Une spécificité plus forte que .fixed-top écraserait
       son position: fixed et ferait "bouger" toute la nav au scroll. */
    justify-content: center;
  }
  .navbar-toggler {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  /* line 112, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .landing h2 {
    color: #fff;
    font-style: 20px;
    font-weight: 200;
    margin-bottom: 40px !important;
  }
}

/* line 121, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .nav-item {
  position: relative;
}

/* line 124, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .nav-link.user {
  padding-right: 0;
  padding-left: 0;
}

/* line 127, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .nav-link.user span {
  background: url(../img/user.svg) no-repeat left center;
  padding-left: 42px;
  display: block;
}

/* line 133, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav .nav-link.user:hover,
.navbar-light .navbar-nav .nav-link.user:focus,
.navbar-light .navbar-nav .nav-link.user:active {
  background: #19355D !important;
}

/* line 138, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav ul.sous-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 70px;
  left: 0;
  background: #19355D;
  min-width: 203px;
  display: none;
}

/* line 148, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav ul.sous-menu li {
  display: block;
}

/* line 150, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav ul.sous-menu li a {
  display: block;
  text-decoration: none;
  display: block;
  font-size: 1.1rem;
  padding: 1.4rem 1rem;
  color: #FFF;
  text-align: center;
  border-bottom: 1px solid #253f63;
}

/* line 160, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav ul.sous-menu li a:hover {
  background-color: #B31111;
  color: #fff;
}

/* line 166, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
.navbar-light .navbar-nav ul.sous-menu li:last-child a {
  border: none;
}

@media (max-width: 992px) {
  /* line 172, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-light .navbar-nav ul.sous-menu {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
  }
  /* line 178, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-light .navbar-nav .nav-link.user {
    text-align: center;
  }
  /* line 180, /Applications/MAMP/htdocs/a2sa/scss/_nav.scss */
  .navbar-light .navbar-nav .nav-link.user span {
    display: inline-block;
  }
}

/* ============================================================
   Menu burger plein écran (mobile/tablette < 992px)
   ============================================================ */
@media (max-width: 991.98px) {
  /* Le bouton reste au-dessus de l'overlay pour rester cliquable
     (fermeture) et visible pendant que le menu est ouvert. Le
     position: absolute (centrage du logo, cf. règle plus haut) est
     conservé ici : ne pas repasser en position: relative, ça casserait
     à la fois le centrage du logo et l'alignement vertical du burger. */
  .navbar-toggler {
    z-index: 1060;
  }

  /* On neutralise l'animation de hauteur de Bootstrap (qui anime un
     height inline en JS) en forçant 100vh dès la phase .collapsing,
     et on pilote nous-mêmes la transition via opacity/visibility. */
  #navbarTogglerDemo02.collapsing,
  #navbarTogglerDemo02.show {
    display: flex !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 1050;
    background-color: #19355D;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 90px 24px 40px;
  }

  #navbarTogglerDemo02.collapse:not(.show) {
    display: none;
  }

  #navbarTogglerDemo02.collapsing {
    transition: opacity 0.25s ease;
    opacity: 0;
  }

  #navbarTogglerDemo02.show {
    opacity: 1;
  }

  /* Empêche le scroll de la page derrière le menu ouvert. Le body est figé
     en position: fixed (plutôt qu'un simple overflow: hidden) : sur mobile,
     overflow: hidden seul ne bloque pas fiablement le scroll et fait sauter
     la page à la fermeture du menu si elle était scrollée (cf. custom.js,
     qui pose "top" en négatif puis restaure le scroll à la fermeture).
     Sur Firefox, overflow: hidden sur le seul <body> ne suffit pas : le
     scroll reste piloté par <html>, qui garde sa scrollbar. Le body en
     position: fixed/width:100% se recalcule alors par rapport à cette
     scrollbar résiduelle et déborde horizontalement (scrollbar du bas +
     burger qui "bouge"). D'où le verrou posé aussi sur <html>. */
  html.menu-open {
    overflow: hidden;
  }
  body.menu-open {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
  }


  /* Boutons plus grands et centrés */
  #navbarTogglerDemo02 .navbar-nav {
    width: 100%;
    max-width: 420px;
    margin: 0 !important;
  }

  #navbarTogglerDemo02 .nav-item {
    width: 100%;
    margin-bottom: 12px;
  }

  #navbarTogglerDemo02 .nav-link {
    font-size: 1.5rem;
    padding: 1.1rem 1rem;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.06);
  }

  #navbarTogglerDemo02 .navbar-nav .active {
    border-radius: 10px;
  }

  /* Sur écran tactile, pas de "hover" réel : on évite que le rouge
     reste figé après un tap (le rouge reste réservé à la page active). */
  @media (hover: hover) {
    #navbarTogglerDemo02 .navbar-light .navbar-nav .nav-link:hover,
    #navbarTogglerDemo02 .navbar-light .navbar-nav .nav-link:focus {
      background-color: #B31111;
    }
  }
  @media (hover: none) {
    #navbarTogglerDemo02 .navbar-light .navbar-nav .nav-link:hover,
    #navbarTogglerDemo02 .navbar-light .navbar-nav .nav-link:focus {
      background-color: rgba(255, 255, 255, 0.06);
    }
    #navbarTogglerDemo02 .navbar-light .navbar-nav .nav-link:active {
      background-color: #B31111;
    }
  }

  #navbarTogglerDemo02 ul.sous-menu {
    max-width: 420px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    overflow: hidden;
  }

  /* Icône burger -> croix quand le menu est ouvert */
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6l20 20M26 6L6 26'/%3E%3C/svg%3E") !important;
  }
}

/* footer */
/* line 4, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer {
  background: #242424;
  color: #fff;
  padding-top: 50px;
}

/* line 9, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .medlogo {
  margin-bottom: 50px;
}

/* line 13, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll1 p {
  font-size: 14px;
}

/* line 17, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll1 ul {
  margin: 0 0 50px 0;
  padding: 0;
  list-style: 0;
  list-style-type: none;
}

/* line 24, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll1 li {
  display: inline-block;
}

/* line 28, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll2 h2, .footer .coll3 h2, .footer .coll4 h2 {
  font-size: 23px;
  font-weight: 400;
  border-bottom: 1px solid #6F6E6E;
  padding-bottom: 20px;
  margin-bottom: 30px;
  display: inline-block;
}

/* line 37, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll2 ul, .footer .coll3 ul {
  margin: 0 0 50px 0;
  padding: 0;
  list-style: 0;
  list-style-type: none;
}

/* line 44, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll2 li a, .footer .coll3 li a {
  display: block;
  margin-bottom: 22px;
  color: #fff;
  text-decoration: none;
  font-weight: 200;
}

/* line 52, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll2 li a:hover, .footer .coll3 li a:hover {
  color: #F27819;
}

/* line 56, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll4 h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  display: block;
}

/* line 63, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll4 address {
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 0;
}

/* line 69, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .coll4 .plan p {
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: 200;
}

/* line 76, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .mentions {
  background-color: #000;
  padding: 30px 0 18px 0;
  color: #BDBDBD;
  font-weight: 200;
}

/* line 81, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .mentions p {
  color: #BDBDBD;
  font-size: 15px;
}

/* line 86, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .mentions a {
  color: #BDBDBD;
  text-decoration: none;
}

/* line 91, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
.footer .mentions a:hover {
  color: #BDBDBD;
  text-decoration: none;
}

@media (max-width: 960px) {
  /* line 99, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
  .coll1, .coll2, .coll3, .coll4 {
    margin-bottom: 40px;
    text-align: center;
  }
}

@media (min-width: 960px) {
  /* line 106, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
  .coll1, .coll2, .coll3, .coll4 {
    margin-bottom: 40px;
    text-align: left;
  }
  /* line 111, /Applications/MAMP/htdocs/a2sa/scss/_footer.scss */
  .coll1 {
    margin-bottom: 40px;
    text-align: center;
  }
}

/* line 1, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.btn-secondary, .btn-secondary:hover {
  color: #19355D;
  background-color: #fff;
  border-color: #545b62;
}

/* line 7, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #B31111;
  background-color: #fff;
  border-color: #545b62;
}

/* line 13, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
#accueil .recherche {
  background-color: rgba(18, 51, 93, 0.8);
}

/* line 17, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.recherche {
  padding-bottom: 47px;
}

/* line 21, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.recherche h3 {
  font-size: 20px;
  padding: 47px 0;
}

/* line 26, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.recherche select {
  padding: 5px;
  margin: 10px 0;
  color: #19355D;
}

/* line 32, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.recherche button {
  margin: 10px 0;
  width: 100%;
  line-height: 27px;
  border-radius: 2px;
}

/* line 39, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.btn-primary {
  background-color: #47A1D9;
  border: none;
}

/* line 44, /Applications/MAMP/htdocs/a2sa/scss/_recherche.scss */
.btn-primary:hover {
  color: #fff;
  background-color: #B31111;
  border-color: none;
}

/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
html {
  scroll-behavior: smooth;
}

/* line 7, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
body {
  font-family: 'Lato', sans-serif;
}

/* modale */
/* line 13, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.modal-backdrop {
  background-color: #134A71;
}

/* line 17, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.modal-content {
  background-color: #2D4F81 !important;
  color: #fff;
}

/* line 22, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.modal-dialog {
  max-width: 421px;
}

/* line 26, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.modal-content {
  text-align: center;
}

/* Bloc Devenir */
/* line 32, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.linkform {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 39, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.secouriste {
  background: url("../img/secouriste.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 500px;
}

/* line 48, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.sauveteur {
  background: url("../img/sauveteur.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 500px;
}

/* line 57, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.miseajour {
  background: url("../img/miseajour.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 500px;
}

/* line 66, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.secouriste:hover {
  background: linear-gradient(0deg, rgba(52, 63, 152, 0.830952) 0%, rgba(243, 36, 40, 0.814146) 100%), url("../img/secouriste.png") no-repeat center center;
  background-size: cover;
}

/* line 72, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.sauveteur:hover {
  background: linear-gradient(0deg, rgba(52, 63, 152, 0.830952) 0%, rgba(243, 36, 40, 0.814146) 100%), url("../img/sauveteur.png") no-repeat center center;
  background-size: cover;
}

/* line 78, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.miseajour:hover {
  background: linear-gradient(0deg, rgba(52, 63, 152, 0.830952) 0%, rgba(243, 36, 40, 0.814146) 100%), url("../img/miseajour.png") no-repeat center center;
  background-size: cover;
}

/* line 84, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.secouriste h2, .sauveteur h2, .miseajour h2 {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 20px;
}

/* line 91, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
a:hover.secouriste, a:hover.sauveteur, a:hover.miseajour {
  display: block;
  text-decoration: none;
}

/* Bloc les formations */
/* line 98, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.formation h1 {
  font-size: 35px;
  text-transform: uppercase;
  color: #21477E;
  text-align: center;
  margin: 64px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 107, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.formation img {
  width: 100%;
  height: auto;
}

/* Grille "Nos formations" de la page d'accueil (block-formations.php,
   thème parent) : les images gardaient leur ratio natif (height:auto),
   donc leur hauteur variait selon la photo source et cassait l'alignement
   de la grille entre colonnes. Même pattern que sur .formation-card
   (nos-formations) et .pageformations (catégories) : hauteur fixe +
   object-fit, et la carte (l'<a>) étirée sur toute la hauteur de la
   colonne (déjà égalisée par le flex de .row Bootstrap) pour que le
   cartouche atterrisse à la même hauteur d'une carte à l'autre. */
.formation .row > li {
  display: flex;
}
.formation .row > li > a {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.formation img {
  height: 220px;
  object-fit: cover;
  flex-shrink: 0;
}
.formation .cartouche {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 112, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.formation h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 117, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.formation ul, .reassurance ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 123, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.formation .cartouche {
  background-color: #2D4F81;
  color: #fff;
  margin-bottom: 25px;
}

/* line 129, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.formation h2 {
  font-size: 34px;
  padding: 20px 0 10px 0;
  margin: 0;
  text-align: center;
  font-weight: 400;
}

/* line 137, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.formation p {
  font-size: 23px;
  margin: 0;
  padding: 0 20px 20px 20px !important;
  text-align: center;
  font-weight: 200;
  line-height: 30px;
}

.reassurance li {
justify-content: normal !important;
}

/* scroll to top */
/* line 148, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #F77100;
  color: #eeeeee;
  width: 50px;
  height: 48px;
  line-height: 48px;
  right: 30px;
  bottom: 30px;
  padding-top: 0px;
  border-radius: 100px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 170, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.scroll-top-wrapper:hover {
  background-color: #F99038;
}

/* line 173, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1.0;
}

/* line 178, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
.scroll-top-wrapper i.fa {
  line-height: inherit;
}

@media (max-width: 576px) {
  /* line 184, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
  .formation {
    padding-right: 0px;
    padding-left: 0px;
  }
  /* line 189, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
  .formation h1 {
    font-size: 30px;
    margin: 40px 0;
  }
  /* line 194, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
  .formation > .row {
    margin-right: 0;
    margin-left: 0;
  }
  /* line 198, /Applications/MAMP/htdocs/a2sa/scss/_theme.scss */
  .formation > .row > .col,
  .formation > .row > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/*  bloc slider  */
/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.landing {
  background: url("../img/landing.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 230px 0 0 0;
  min-height: 100%;
}

/* line 12, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.landing h1 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* line 17, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.landing h2 {
  color: #fff;
  margin-bottom: 200px;
}

/* line 22, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.landing h3 {
  color: #fff;
  margin: 0;
}

/*  bloc reassurance  */
/* line 30, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.reassurance {
  background-color: #F0F0F0;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 36, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.reassurance li {
  background-color: #F0F0F0;
  margin-bottom: 30px;
  padding-top: 30px;
}

/* line 42, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.reassurance h2 {
  font-size: 30px;
  color: #ED7006;
  font-weight: 200;
}

/* line 48, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.reassurance img {
  margin-bottom: 20px;
}

/* line 52, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.reassurance p {
  font-size: 20px;
  color: #3E69A7;
  font-weight: 200;
  margin-bottom: 15px;
}

/* bloc avis */
/* line 61, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.avis {
  background: url("../img/eau-piscine.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 70px;
}

/* line 71, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.avis h2 {
  font-size: 23px;
  color: #fff;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 300;
}

/* line 80, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.avis p {
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 200;
  line-height: 25px;
}

/* line 89, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.validation {
  border: none;
  display: inline;
  color: #F17C19;
  font-weight: 18px;
  position: absolute;
  background: #fff;
  top: 0;
  right: 20px;
  border-radius: 1.3rem;
}

/* newsletter  */
/* line 103, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.newsletter {
  background: #2d4f81;
  background: linear-gradient(0deg, rgba(45, 79, 129, 0.615266) 0%, rgba(45, 79, 129, 0.618067) 100%), url("../img/eau-piscine.png") no-repeat center center;
  background-size: cover;
  padding: 40px 0 10px 0;
}

/* line 111, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.newsletter label {
  color: #fff;
  text-align: right;
  padding: 0;
}

/* line 117, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.form-rounded {
  border-radius: 1.3rem;
}

/* line 121, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.diplome > div,
.bouclier > div,
.agrement > div {
  background-color: #fff !important;
  width: 100%;
  height: 100%;
  padding: 40px 0 20px 0;
}

/* bouton orange */
/* line 132, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.btn-orange {
  background-color: #B31111;
  border: none;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  width: 100% !important;
  display: block;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

/* line 140, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.btn-orange:hover {
  color: #fff;
  background-color: #8F0000;
  border-color: none;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(179, 17, 17, 0.3);
}

/* resultat recherche */
/* line 149, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch {
  color: #fff;
  margin: 15px 0 30px 0;
  padding: 0 0 40px 0;
}

/* line 154, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .cadrebleu {
  color: #fff;
  border: 1px solid #1175B3;
  padding: 15px 0;
  margin: 0 0 30px 0;
}

/* Le message "professionnel" (.resultsearch.pro), inséré en JS par
   a2sa_checkForm(), reprenait le texte blanc de .resultsearch pensé pour
   le fond sombre de la page d'accueil. Sur les pages catégorie/produit,
   .rechercheform a un fond blanc : le texte devenait invisible. Fond propre
   ici pour que le message reste lisible quelle que soit la page. */
.resultsearch.pro .cadrebleu {
  background-color: #19355D;
  border-color: #19355D;
  border-radius: 4px;
  padding: 20px 15px;
}

/* line 160, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch h4 {
  font-size: 33px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  text-align: left;
}

/* line 167, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .prixform {
  font-size: 28px;
  padding: 0;
  margin: 0;
  font-weight: 300;
  text-align: right;
}

/* line 174, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .prixform span {
  font-size: 24px;
}

/* line 177, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .headertab {
  font-size: 28px;
}

/* line 180, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .titreheader {
  color: #62C1FB;
}

/* line 183, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .listtab, .resultsearch .titreheader {
  font-size: 22px;
  font-weight: 300;
  text-align: left;
}

/* line 187, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .listtab strong, .resultsearch .titreheader strong {
  color: #FF6615;
}

/* line 191, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch h5 {
  font-size: 27px;
  font-weight: 400;
}

/* line 195, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .lieuformresult {
  font-size: 20px;
  font-weight: 200;
}

/* line 198, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
.resultsearch .lieuformresult p {
  margin: 0;
}

/* line 204, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
div.listtab {
  display: block;
  border-bottom: 1px solid #7EA5D2 !important;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

@media (max-width: 768px) {
  /* line 212, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .landing {
    padding: 100px 0 0 0;
  }
  /* line 214, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .landing h1 {
    color: #fff;
  }
  /* line 217, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .landing h2 {
    color: #fff;
    margin-bottom: 80px;
    font-size: 1.2rem;
  }
  /* line 222, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .landing h3 {
    color: #fff;
    margin: 0;
  }
}

@media (max-width: 768px) and (max-width: 1200px) {
  /* line 230, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .newsletter label {
    margin: 0 0 20px 0;
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* line 236, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .recherche h3 {
    font-size: 20px;
    padding: 38px 0;
  }
}

@media (max-width: 576px) {
  /* line 243, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .resultsearch h4, .resultsearch .prixform {
    text-align: center;
  }
  /* line 247, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .titreheader {
    display: none;
  }
  /* line 250, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .resultsearch h5 {
    font-size: 25px;
    font-weight: 400;
  }
  /* line 255, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .recherche button {
    margin-top: 20px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
  }
  /* line 262, /Applications/MAMP/htdocs/a2sa/scss/_accueil.scss */
  .landing {
    background: url(../img/bg-a2sa-mobile.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
  }
}

/* line 1, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
#quisommesnous {
  padding-top: 65px;
}

/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
#quisommesnous h1 {
  font-size: 35px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 12, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
#quisommesnous h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 17, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
#quisommesnous .row img {
  padding: 0 0 40px 0;
}

/* line 21, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
#quisommesnous .row h2 {
  font-size: 27px;
  color: #163766;
  text-decoration: uppercase;
  padding-bottom: 25px;
  margin-bottom: 25px;
  background: url("../img/line.svg") no-repeat bottom center;
}

/* line 30, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
#quisommesnous .row p {
  font-size: 20px;
  color: #163766;
  padding: 0px;
  margin: 0 0 40px 0;
  line-height: 25px;
}

/* line 38, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
#quisommesnous .row span {
  color: #B31111;
}

@media (max-width: 576px) {
  /* line 45, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
  .nogut {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  /* line 51, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
  #quisommesnous h1 {
    font-size: 26px !important;
    margin: 20px 0;
  }
  /* line 56, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
  #quisommesnous .row img {
    padding: 0 0 30px 0 !important;
  }
  /* line 60, /Applications/MAMP/htdocs/a2sa/scss/_quisommesnous.scss */
  #quisommesnous .row p {
    font-size: 20px;
    color: #163766;
    padding: 0px;
    margin: 0 0 20px 0;
    line-height: 25px;
  }
}

/* Bloc secouriste presentation */
/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.secouristepage {
  padding-top: 65px;
}

/* line 5, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.secouristepage h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 14, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.secouristepage h1 span {
  padding: 0 20px;
  background-color: #fff;
}

.mapgg h2 {
  font-size: 20px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 40px 0 25px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 14, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.mapgg h2 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 19, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.secouristepage .row h2 {
  font-size: 27px;
  color: #163766;
  text-decoration: uppercase;
  padding-bottom: 25px;
  margin-bottom: 25px;
  background: url("../img/line.svg") no-repeat bottom center;
}

/* line 28, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.secouristepage .row img {
  padding: 0 0 40px 0;
}

/* line 32, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.secouristepage .row p {
  font-size: 20px;
  color: #163766;
  padding: 0px;
  margin: 0 0 20px 0;
  line-height: 25px;
}

/* line 40, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.secouristepage .row span {
  color: #B31111;
}

/* bloc les formations */
/* line 47, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.formationsec {
  margin-bottom: 50px;
  padding-bottom: 40px;
  border-bottom: 1px solid #C4C0C0;
}

/* line 51, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.formationsec h1 {
  font-size: 35px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 60, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss
   Scopé à .formation-card (grille "Les formations" only) : .formationsec est
   partagée avec archive-product.php (fiches gauche/droite), dont le lien <a>
   n'entoure que l'image et n'a pas la même structure — un sélecteur générique
   ".formationsec a" y casse la mise en page (fond bleu qui s'étire sur toute
   la carte, cf. bug remonté par Armelle le 11/07). */
.formationsec .formation-card {
  background-color: #2D4F81;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  border-radius: 4px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

/* line 66, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.formationsec .formation-card:hover,
.formationsec .formation-card:focus-visible {
  background-color: #446CA6;
  text-decoration: none;
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(22, 55, 102, 0.28);
}

.formationsec .formation-card:hover img,
.formationsec .formation-card:focus-visible img {
  transform: scale(1.06);
}

.formationsec .formation-card:hover .formation-card-arrow,
.formationsec .formation-card:focus-visible .formation-card-arrow {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* Alignement des cartes : chaque colonne s'étire sur toute la hauteur de la
   rangée (déjà le comportement de .row en flexbox Bootstrap), le lien
   remplit cette hauteur (règle ci-dessus). Scopé à .formation-card-wrap
   (posé uniquement sur les colonnes de tpl-nos-formations.php), pas sur
   toutes les colonnes de .formationsec. */
.formationsec .formation-card-wrap {
  display: flex;
  margin-bottom: 30px;
}

/* Entrée en fondu/décalé à l'arrivée dans le viewport (voir custom.js).
   Scopé à html.js-ready : sans JS (ou si le script échoue), les cartes
   restent visibles normalement au lieu de rester cachées indéfiniment. */
html.js-ready .formation-card-wrap {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition-delay: inherit;
}

html.js-ready .formation-card-wrap.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* position:absolute (plutôt qu'inline-block) : sinon, même invisible
   (opacity:0), la flèche occupe quand même une largeur dans le flux du
   titre, ce qui décentre visuellement le texte — surtout visible quand le
   titre passe sur deux lignes ("PSE1 Recyclage", etc.). Ancrée sur le h2
   parent (position:relative posée sur .formation-card h2 ci-dessous),
   donc totalement neutre pour le centrage du texte. */
.formation-card-arrow {
  position: absolute;
  right: 14px;
  top: 50%;
  display: inline-block;
  opacity: 0;
  transform: translateY(-50%) translateX(-6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  .formationsec .formation-card,
  .formationsec .formation-card img,
  .formation-card-wrap,
  .formation-card-arrow {
    transition: none !important;
  }
  .formationsec .formation-card:hover,
  .formationsec .formation-card:focus-visible {
    transform: none;
  }
  .formation-card-wrap {
    opacity: 1;
    transform: none;
  }
}

/* line 72, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.formationsec h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 77, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss
   Scopé à .formation-card : voir note plus haut, partagé avec
   archive-product.php qui a besoin de son propre style de titre (navy, pas
   blanc sur fond bleu). */
.formationsec .formation-card h2 {
  position: relative;
  font-size: 30px;
  color: #fff;
  padding: 25px 15px 0 15px;
  text-align: center;
  font-weight: 400;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 85, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.formationsec .formation-card p {
  font-size: 20px;
  color: #fff;
  padding: 0px 10px 30px 10px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 200;
  line-height: 26px;
  height: 100px;
  display: block;
}

/* line 97, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.formationsec .formation-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.35s ease;
}

/* Cartouche titre (bandeau bleu sous la photo) sur la page catégorie
   gauche/droite (archive-product.php) uniquement — scopé à .pageformations
   pour ne pas retoucher .formation-card (grille "Les formations"). Restaure
   le bandeau demandé par Armelle, sans reproduire le bug de hauteur/débordement
   corrigé plus tôt (pas de height:100%, juste la bande sous l'image). */
.pageformations .row.formationsec h2 {
  position: relative;
  background-color: #19355D;
  color: #fff;
  margin: 0;
  padding: 18px 15px;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background-color 0.25s ease;
}

/* L'image n'avait aucune contrainte de largeur ici : elle s'affichait à sa
   taille native (768px) au lieu de s'adapter à sa colonne (~360-590px selon
   le viewport), débordant de la grille. Même scope .pageformations que
   ci-dessus, sans toucher .formation-card. */
.pageformations .row.formationsec > div > a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.pageformations .row.formationsec > div > a img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.35s ease;
}

/* Micro-interactions au survol/focus, même pattern que les cartes
   "Les formations" (.formation-card) : léger soulèvement de la carte,
   zoom de la photo, flèche qui glisse et apparaît dans le bandeau titre. */
.pageformations .row.formationsec > div > a:hover,
.pageformations .row.formationsec > div > a:focus-visible {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(22, 55, 102, 0.28);
}
.pageformations .row.formationsec > div > a:hover img,
.pageformations .row.formationsec > div > a:focus-visible img {
  transform: scale(1.06);
}
.pageformations .row.formationsec > div > a:hover h2,
.pageformations .row.formationsec > div > a:focus-visible h2 {
  background-color: #446CA6;
}
.pageformations .row.formationsec > div > a:hover .formation-card-arrow,
.pageformations .row.formationsec > div > a:focus-visible .formation-card-arrow {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* Les deux colonnes ont des descriptions de longueur différente : sans ça,
   le prix et le bouton "détail de la formation" n'atterrissent pas à la
   même hauteur d'une colonne à l'autre. On étire le bloc de contenu sur
   toute la hauteur de la colonne (déjà égalisée par le flex du .row
   Bootstrap) et on pousse .pictoinfo + le bouton en bas via margin-top:auto. */
.pageformations .row.formationsec > .col-sm-6.col-md-6 {
  display: flex;
  flex-direction: column;
}
.pageformations .row.formationsec > .col-sm-6.col-md-6 > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.pageformations .row.formationsec .pictoinfo {
  margin-top: auto;
  padding-top: 15px;
}

/* bloc recherche page */
/* line 105, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.rechercheform .recherche {
  padding-bottom: 30px !important;
}

/* line 110, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.rechercheform h1 {
  font-size: 26px;
  color: #163766;
  margin: 30px 0;
  text-align: center;
}

/* resultat recherche */
/* line 121, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.tarifs .prix {
  font-size: 24px;
  color: #2D4F81;
  margin-bottom: 20px;
}

/* line 125, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.tarifs .prix span {
  font-size: 30px;
  color: #B31111;
  margin-left: 30px;
}

/* line 133, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.tarifs .table thead th {
  vertical-align: bottom;
  border-top: 2px solid #fff;
}

/* line 138, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.tarifs table td {
  color: #2D4F81;
}

/* line 142, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.tarifs table thead tr th {
  font-size: 20px;
  color: #B31111;
  font-weight: 400;
}

/* line 148, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.tarifs table tbody tr th {
  font-size: 22px;
  color: #2D4F81;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 155, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.btn-outline-danger:hover {
  color: #fff;
  background-color: #B31111;
  border-color: #B31111;
}

/* line 161, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
a.rappel {
  color: #B31111;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

/* line 167, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
a.rappel img {
  margin-right: 20px;
}

/* line 172, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
a.rappel p {
  line-height: 20px;
  width: 100%;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* line 177, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
a:hover.rappel {
  color: #F63535;
}

/* line 181, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
.btn-outline-danger {
  color: #B31111;
  border-color: #B31111;
}

@media (max-width: 576px) {
  /* line 190, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
  .formationsec h1, .secouristepage h1 {
    font-size: 26px;
    margin: 25px 0;
  }
  /* line 193, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
  .formationsec h1 span, .secouristepage h1 span {
    width: 90%;
    display: block;
    text-align: center;
    margin: 0 5%;
  }
  /* line 201, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
  .formationsec .row img, .secouristepage .row img {
    padding: 0 0 30px 0;
  }
  /* line 205, /Applications/MAMP/htdocs/a2sa/scss/_secouriste.scss */
  .formationsec .row p, .secouristepage .row p {
    font-size: 20px;
    margin: 0 0 20px 0;
    line-height: 25px;
  }
}

/* page mise a jour */
/* line 4, /Applications/MAMP/htdocs/a2sa/scss/_miseajour.scss */
.miseajourpage {
  padding-top: 65px;
}

/* line 6, /Applications/MAMP/htdocs/a2sa/scss/_miseajour.scss */
.miseajourpage h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 15, /Applications/MAMP/htdocs/a2sa/scss/_miseajour.scss */
.miseajourpage h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 20, /Applications/MAMP/htdocs/a2sa/scss/_miseajour.scss */
.miseajourpage .row h2 {
  font-size: 27px;
  color: #163766;
  text-decoration: uppercase;
  padding-bottom: 25px;
  margin-bottom: 25px;
  background: url("../img/line.svg") no-repeat bottom center;
}

/* line 29, /Applications/MAMP/htdocs/a2sa/scss/_miseajour.scss */
.miseajourpage .row img {
  padding: 0 0 40px 0;
}

/* line 33, /Applications/MAMP/htdocs/a2sa/scss/_miseajour.scss */
.miseajourpage .row p {
  font-size: 20px;
  color: #163766;
  padding: 0px;
  margin: 0 0 30px 0;
  line-height: 25px;
}

/* line 41, /Applications/MAMP/htdocs/a2sa/scss/_miseajour.scss */
.miseajourpage .row span {
  color: #B31111;
}

/* Bloc formations presentation */
/* line 2, /Applications/MAMP/htdocs/a2sa/scss/_formations.scss */
.nosformations, .pageformations {
  padding-top: 65px;
}

/* line 8, /Applications/MAMP/htdocs/a2sa/scss/_formations.scss */
.formationspage h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 17, /Applications/MAMP/htdocs/a2sa/scss/_formations.scss */
.formationspage h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 22, /Applications/MAMP/htdocs/a2sa/scss/_formations.scss */
.formationspage .row h2 {
  font-size: 27px;
  color: #163766;
  text-decoration: uppercase;
  padding-bottom: 25px;
  margin-bottom: 25px;
  background: url("../img/line.svg") no-repeat bottom center;
}

/* line 31, /Applications/MAMP/htdocs/a2sa/scss/_formations.scss */
.formationspage .row img {
  padding: 0 0 40px 0;
}

/* line 35, /Applications/MAMP/htdocs/a2sa/scss/_formations.scss */
.formationspage .row p {
  font-size: 20px;
  color: #163766;
  padding: 0px;
  margin: 0 0 30px 0;
  line-height: 25px;
}

/* line 43, /Applications/MAMP/htdocs/a2sa/scss/_formations.scss */
.formationspage .row span {
  color: #B31111;
}

/* page mise a jour */
/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.tarifspage {
  padding-top: 65px;
}

/* line 5, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.tarifspage h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 14, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.tarifspage h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 19, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.tarifspage h2 {
  padding: 20px 0;
  margin: 0 0 20px 0;
  color: #19355D;
  background-color: #FBFAFA;
  font-size: 20px;
  display: block;
  line-height: 30px;
}

/* banniere */
/* line 131, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.banniere {
  background: url("../img/formation-bnssa-a2sa.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0;
  margin: 0;
}

/* line 139, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.banniere h1 {
  font-weight: 400;
  color: #163766;
  text-transform: uppercase;
  font-size: 28px;
  padding-top: 15px;
}

/* line 145, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.banniere p {
  font-weight: 300;
  color: #163766;
  font-size: 25px;
  line-height: 28px;
  margin-top: 20px;
}

/* line 152, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.banniere .btn-banniere {
  color: #fff;
  background-color: #19355D;
  background-image: none;
  border-color: #19355D;
  margin: 30px 0;
}

/* line 160, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.banniere .btn-banniere:hover {
  color: #fff;
  background-color: #B31111;
  border-color: #B31111;
}

/* line 165, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
.banniere .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: 10px 50px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 2rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

 .nogutiere {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

@media (max-width: 576px) {
  /* line 189, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
  h1 {
    margin-left: 15px;
  }
  /* line 193, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
  .banniere {
    background: none;
    padding: 50px 0;
    margin: 30px 0 0 0;
  }
  /* line 199, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
  .nogut {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  /* line 204, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
  .banniere {
    margin: 0px 0;
  }
  /* line 207, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
  .btn-banniere {
    margin: 20px 0 0 15px !important;
  }
  /* line 212, /Applications/MAMP/htdocs/a2sa/scss/_tarifs.scss */
  .tarifspage h1 {
    font-size: 26px !important;
    margin: 20px 0;
  }
}

/* ============================================================
   Page Tarifs — refonte responsive du tableau de prix
   Remplace l'ancien tableau à 8 colonnes (5 colonnes "1/3/5/10/20
   formations" jamais renseignées, table masquée sous 768px avec
   simple lien PDF) par un vrai tableau à 3 colonnes
   (Formation / Particulier / Professionnel), lisible partout,
   qui se transforme en cartes empilées sur mobile au lieu de
   disparaître. Scopé à .tarifs-wrap / .tarifs-card / .tarifs-table.
   ============================================================ */

.tarifs-wrap {
  padding: 0 15px 60px 15px;
}

.tarifs-card {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(22, 55, 102, 0.12);
  overflow: hidden;
  text-align: left;
}

.tarifs-card-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 26px 30px;
  background: linear-gradient(160deg, #19355D 0%, #2D4F81 100%);
}

.tarifs-card-header h2 {
  margin: 0;
  padding: 0;
  background: none;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.tarifs-pdf-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  padding: 8px 18px;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.tarifs-pdf-link:hover {
  background-color: #B31111;
  border-color: #B31111;
  color: #fff;
  transform: translateY(-2px);
}

.tarifs-table {
  width: 100%;
  border-collapse: collapse;
}

.tarifs-table thead th {
  background-color: #FBFAFA;
  color: #163766;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: left;
  padding: 16px 30px;
  border-bottom: 2px solid #eee;
}

.tarifs-table thead th:not(:first-child) {
  text-align: center;
}

.tarifs-table tbody tr {
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.tarifs-table tbody tr:last-child {
  border-bottom: none;
}

.tarifs-table tbody tr:hover {
  background-color: #F5F8FC;
}

.tarifs-table th[scope="row"] {
  padding: 16px 30px;
  font-size: 16px;
  font-weight: 600;
  color: #19355D;
  text-transform: uppercase;
}

.tarifs-table .tarifs-duration {
  display: block;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  color: #7a8aa0;
  margin-top: 2px;
}

.tarifs-table td {
  padding: 16px 30px;
  text-align: center;
}

.tarifs-price {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  color: #2D4F81;
  padding: 6px 16px;
  border-radius: 20px;
  background-color: #EEF2F8;
  transition: transform 0.2s ease;
}

.tarifs-price--pro {
  color: #B31111;
  background-color: #FBEAEA;
}

.tarifs-table tbody tr:hover .tarifs-price {
  transform: scale(1.06);
}

.tarifs-quote {
  display: inline-block;
  font-size: 14px;
  font-style: italic;
  color: #9aa5b5;
}

/* Apparition progressive des lignes au scroll, même pattern que les
   cartes "Les formations" (cf. js-ready / IntersectionObserver dans
   custom.js). */
html.js-ready .tarifs-table tbody tr {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

html.js-ready .tarifs-table tbody tr.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 767.98px) {
  .tarifs-card {
    border-radius: 10px;
  }

  .tarifs-card-header {
    padding: 20px;
  }

  .tarifs-table thead {
    display: none;
  }

  .tarifs-table,
  .tarifs-table tbody,
  .tarifs-table tr,
  .tarifs-table th,
  .tarifs-table td {
    display: block;
    width: 100%;
  }

  .tarifs-table tbody tr {
    padding: 16px 20px;
  }

  .tarifs-table tbody tr:hover {
    background-color: transparent;
  }

  .tarifs-table th[scope="row"] {
    padding: 0 0 12px 0;
    font-size: 17px;
  }

  .tarifs-table td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    text-align: left;
  }

  .tarifs-table td::before {
    content: attr(data-label);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7a8aa0;
  }
}

/* line 1, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis {
  padding-top: 65px;
}

/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 12, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 17, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis p {
  margin: 0 0 40px 0;
  color: #163766;
  font-size: 22px;
}

/* line 23, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #163766;
  margin: 50px 0;
}

/* line 30, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 30px;
}

/* line 37, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 8px 14px !important;
  outline: 0;
  border: 1px solid #dadadb;
  border-radius: 3px;
  background: #ffffff;
  color: #285391;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1.2rem;
}

/* line 52, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select select::-ms-expand {
  display: none;
}

/* line 55, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select select:hover,
.devis .select select:focus {
  color: #fff;
  background: #b71313;
}

/* line 60, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select select:disabled {
  opacity: 0.4;
  pointer-events: none;
}

/* line 64, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select_arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0px;
  height: 0px;
  border: solid #b51010;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* line 77, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select select:hover ~ .select_arrow,
.devis .select select:focus ~ .select_arrow {
  border-color: #ffffff;
}

/* line 81, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .select select:disabled ~ .select_arrow {
  border-top-color: #cccccc;
}

/* line 85, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .champs {
  font-size: 1.2rem;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  cursor: pointer;
  padding: 16px 14px !important;
  outline: 0;
  border: 1px solid #dadadb;
  border-radius: 3px;
  background: #ffffff;
  color: #285391;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-bottom: 30px;
}

/* line 102, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .form-check-input {
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  padding: 10px;
  width: 15px !important;
}

/* line 110, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis input:hover, .devis input:focus, .devis input:select {
  color: #285391;
}

/* line 114, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .form-check {
  padding-left: 0;
}

/* line 118, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis ::placeholder {
  color: #285391;
  opacity: 1;
  /* Firefox */
}

/* line 123, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .checkbox label {
  color: #436DA9 !important;
}

/* line 127, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .checkbox p {
  color: #757476;
  font-size: 16px;
  text-align: justify;
  margin-top: 25px;
  padding: 0;
}

/* line 135, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .btn-devis {
  color: #B31111;
  background-color: #fff;
  background-image: none;
  border: 1px solid #B31111;
  margin: 0px 0 50px 0;
  width: 300px;
}

/* line 144, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .btn-devis:hover {
  color: #fff;
  background-color: #B31111;
  border-color: #B31111;
}

/* line 149, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #B31111;
  padding: .375rem .75rem;
  font-size: 1.3rem;
  line-height: 1.6;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (max-width: 576px) {
  /* line 173, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis h1 {
    font-size: 26px !important;
    margin: 20px 0;
  }
  /* line 178, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .btn-devis {
    width: 100%;
  }
}

/* line 186, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper {
  max-width: 100%;
  margin: 0;
}

/* line 189, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper h3.gform_title {
  display: none;
}

/* line 192, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper ul li.gfield {
  margin-top: 0;
}

/* line 195, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gform_heading {
  display: none;
}

/* line 198, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .top_label .gfield_label {
  display: none;
}

/* line 201, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper label.gfield_label + div.ginput_container {
  margin-top: 0;
}

/* line 204, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gsection {
  padding: 50px 0;
  margin: 0;
  border: none;
}

/* line 208, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gsection h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #163766;
  margin: 50px 0;
  font-weight: 500;
  text-align: center;
}

/* line 217, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .top_label select.large {
  width: 100%;
}

/* line 220, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .ginput_container_select {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 30px;
}

/* line 226, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .ginput_container_select::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  right: 15px;
  width: 0px;
  height: 0px;
  border: solid #b51010;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* line 241, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .ginput_container_select::before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  right: 15px;
  width: 0px;
  height: 0px;
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* line 256, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .ginput_container_select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 16px 14px !important;
  outline: 0;
  border: 1px solid #dadadb;
  border-radius: 3px;
  background: #ffffff;
  color: #285391;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1.2rem;
  height: 62px;
}

/* line 272, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .ginput_container_select select:hover,
.devis .gform_wrapper .ginput_container_select select:focus {
  color: #fff;
  background: #b71313;
}

/* line 279, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gfield_error .ginput_container_select select {
  border: 1px solid red;
}

/* line 283, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gfield_label {
  display: none;
}

/* line 286, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #field_4_28 div.ginput_container {
  max-width: 330px;
  margin: 0 auto;
  display: block;
}

/* line 291, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #field_4_29 {
  width: 48.5%;
  clear: none;
  float: left;
  padding-right: 16px;
}

/* line 297, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #field_4_30 {
  width: 48.5%;
  clear: none;
  float: right;
}

/* line 302, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper input.large,
.devis .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: 1.2rem;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  cursor: pointer;
  padding: 16px 14px !important;
  outline: 0;
  border: 1px solid #dadadb;
  border-radius: 3px;
  background: #ffffff;
  color: #285391;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-bottom: 30px;
  width: 100%;
}

/* line 320, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper textarea.medium {
  display: block;
  width: 100% !important;
  padding: .375rem .75rem;
  font-size: 1.2em;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* line 334, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #gform_fields_4 li.field_sublabel_below {
  width: 48.5%;
  clear: none;
  float: left;
  margin-top: 0;
}

/* line 340, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #gform_fields_4 li.gsection {
  width: 100%;
  float: none;
}

/* line 344, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #gform_fields_4 li#field_4_5,
.devis .gform_wrapper #gform_fields_4 li#field_4_7 {
  float: right;
}

/* line 348, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #gform_fields_4 li#field_4_6 {
  clear: both;
}

/* line 352, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper li.gfield.gfield_error,
.devis .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: none;
  padding: 0;
  background: transparent;
}

/* line 358, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.devis .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
}

/* line 362, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.devis .gform_wrapper .field_description_below .gfield_description {
  margin: 0;
  padding: 0;
  margin-top: -25px;
  padding-bottom: 15px;
}

/* line 369, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper #field_4_26.field_description_below .gfield_description {
  text-align: center;
  margin-top: 0;
}

/* line 374, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper li.gfield_error ul.gfield_checkbox li label {
  color: red;
}

/* line 378, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .validation_message {
  color: red;
}

/* line 381, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper div.validation_error {
  color: red;
  border-color: red;
}

/* line 385, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.devis .gform_wrapper li.gfield_error textarea {
  border-color: red;
}

/* line 391, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-2 input.datepicker {
  min-width: 290px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  padding: 16px 14px;
}

/* line 398, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-2 .ginput_container_date {
  position: relative;
}

/* line 400, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-2 .ginput_container_date input.datepicker.datepicker_with_icon {
  width: 100% !important;
}

/* line 403, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-2 .ginput_container_date img.ui-datepicker-trigger {
  position: absolute;
  top: 15px;
  right: 14px;
  width: 32px !important;
  height: 32px !important;
  z-index: 5;
  opacity: 0;
}

/* line 412, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-2 .ginput_container_date::before {
  position: absolute;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/calendar-red.png) no-repeat 0 0;
  top: 15px;
  right: 14px;
  z-index: 1;
}

/* line 426, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-3 li.field_sublabel_below {
  width: 48.5%;
  clear: none;
  float: left;
}

/* line 431, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-3 li.gsection {
  width: 100%;
  float: none;
}

/* line 435, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-3 li#field_4_13,
.devis .row-extra-3 li#field_4_15 {
  float: right;
}

/* line 439, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .row-extra-3 li#field_4_14 {
  clear: both;
}

/* line 444, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis ul.row-field {
  padding: 0;
  margin: 0;
  max-width: 960px;
  margin: 0 auto;
}

/* line 450, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis ul#gform_fields_4.gform_fields {
  max-width: 960px;
  margin: 0 auto !important;
}

/* line 455, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 li#field_4_18,
.devis .gform_wrapper .row-extra-4 li#field_4_21 {
  width: 48.5%;
  clear: none;
  float: left;
}

/* line 461, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 li.gsection {
  width: 100%;
  float: none;
}

/* line 465, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 li#field_4_19,
.devis .gform_wrapper .row-extra-4 li#field_4_23 {
  width: 48.5%;
  clear: none;
  float: right;
}

/* line 471, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 .textarea.medium {
  height: 86px;
}

/* line 474, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 .ginput_container_checkbox {
  text-align: center;
}

/* line 477, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 .ginput_container_checkbox li input[type=checkbox] {
  margin-top: 0;
  margin-right: 6px;
}

/* line 481, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 .ginput_container_checkbox li label {
  font-size: 16px;
  color: #436DA9;
}

/* line 487, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 li#field_4_27 {
  margin-top: 0;
}

/* line 490, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .row-extra-4 p.texto {
  color: #757476;
  font-size: 16px;
  text-align: justify;
  margin-top: 25px;
  padding: 0;
}

/* line 499, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gform_footer {
  padding: 0;
  margin: 0;
  text-align: center;
}

/* line 503, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gform_footer input[type=submit] {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #B31111;
  padding: .375rem .75rem;
  font-size: 1.3rem;
  line-height: 1.6;
  border-radius: .25rem;
  color: #B31111;
  background-color: #fff;
  margin: 0px 0 50px 0;
  width: 300px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* line 520, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.devis .gform_wrapper .gform_footer input[type=submit]:hover {
  color: #fff;
  background-color: #B31111;
  border-color: #B31111;
}

@media (max-width: 768px) {
  /* line 185, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis {
    max-width: 100%;
  }
  /* line 530, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper input.large,
  .devis .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 16px;
  }
  /* line 534, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper .ginput_container_select select,
  .devis .gform_wrapper textarea.medium {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  /* line 541, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .row-extra-2 input.datepicker {
    min-width: 100px;
  }
}

@media (max-width: 480px) {
  /* line 548, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper #gform_fields_4 li.field_sublabel_below {
    float: none;
    width: 100%;
    clear: none;
  }
  /* line 554, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper .gsection {
    padding: 30px 0;
  }
  /* line 559, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper .row-extra-3 li.field_sublabel_below,
  .devis .gform_wrapper .row-extra-4 li.field_sublabel_below {
    float: none !important;
    width: 100% !important;
    clear: none;
  }
  /* line 566, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper .row-extra-4 .ginput_container_checkbox {
    text-align: left;
  }
  /* line 569, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper .row-extra-4 #field_4_26.field_description_below .gfield_description {
    text-align: left;
  }
  /* line 574, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper #field_4_29 {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  /* line 579, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .devis .gform_wrapper #field_4_30 {
    width: 100%;
    padding-right: 0;
    float: none;
  }
}

/* line 587, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter .modal-dialog {
  max-width: 424px;
}

/* line 592, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .modal-header {
  border: none;
  text-align: center;
  padding-bottom: 0;
}

/* line 596, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .modal-header h5.modal-title {
  font-weight: 300;
  font-size: 28px;
  width: 100%;
  text-align: center;
}

/* line 602, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .modal-header .close {
  text-shadow: none;
  color: #FFF;
  font-weight: 100;
  opacity: 1;
  font-size: 30px;
  padding: 4px 15px;
}

/* line 611, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .modal-body {
  padding: 15px 30px 30px 30px;
}

/* line 614, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice p.titre {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

/* line 619, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice p.titre.create {
  padding-top: 15px;
  padding-bottom: 25px;
  text-align: left;
  padding-left: 0;
  font-weight: 700;
}

/* line 626, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice div.links {
  text-align: left;
  padding: 0;
}

/* line 629, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice div.links a {
  display: block;
  color: #FFF;
  font-size: 16px;
  position: relative;
  vertical-align: top;
  text-decoration: none;
  margin-bottom: 18px;
}

/* line 637, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice div.links a span {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #FFF;
  border-radius: 3px;
  vertical-align: top;
  margin-right: 9px;
}

/* line 648, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice div.links a.active span {
  background: #c20012;
}

/* line 653, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice div.bt {
  text-align: center;
}

/* line 655, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice div.bt a.subscribe {
  display: block;
  color: #FFFF;
  background: #c20012 url(../img/fleche-droite.svg) no-repeat 97% center;
  text-align: center;
  font-size: 18px;
  padding: 15px 0;
  border-radius: 2px;
  margin-bottom: 20px;
  background-size: 18px auto;
}

/* line 666, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice div.bt a.forget {
  display: inline-block;
  text-decoration: none;
  color: #FFF;
  font-size: 16px;
}

/* line 673, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro {
  display: none;
}

/* line 676, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple {
  display: none;
}

/* line 679, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in {
  padding: 25px 65px 35px 65px;
}

/* line 681, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in h3.in {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 45px;
}

/* line 685, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in h3.in strong {
  text-transform: capitalize;
  font-weight: 700;
}

/* line 690, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper {
  max-width: 100%;
  margin: 0;
}

/* line 693, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .gform_heading {
  display: none;
}

/* line 696, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper label.gfield_label + div.ginput_container {
  margin-top: 0;
}

/* line 699, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper input.large,
.inner-choice .form-in .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  width: 100%;
  font-size: 16px;
  padding: 14px 16px;
  border: none;
  border-radius: 3px;
  color: #285391;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: 'Lato', sans-serif;
  margin-bottom: 35px;
}

/* line 713, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper input.large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #285391;
}

/* line 716, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper input.large::-moz-placeholder {
  /* Firefox 19+ */
  color: #285391;
}

/* line 719, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper input.large:-ms-input-placeholder {
  /* IE 10+ */
  color: #285391;
}

/* line 722, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper input.large:-moz-placeholder {
  /* Firefox 18- */
  color: #285391;
}

/* line 725, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .top_label .gfield_label {
  display: none;
}

/* line 728, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .top_label select.large {
  width: 100%;
}

/* line 732, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .ginput_container_date input.datepicker.datepicker_with_icon {
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: 'Lato', sans-serif;
  border: none;
  border-radius: 3px;
  color: #285391;
  padding: 14px 16px;
  margin: 0 !important;
}

/* line 744, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .ginput_container_date input.datepicker::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #285391;
}

/* line 747, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .ginput_container_date input.datepicker::-moz-placeholder {
  /* Firefox 19+ */
  color: #285391;
}

/* line 750, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .ginput_container_date input.datepicker:-ms-input-placeholder {
  /* IE 10+ */
  color: #285391;
}

/* line 753, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .ginput_container_date input.datepicker:-moz-placeholder {
  /* Firefox 18- */
  color: #285391;
}

/* line 757, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .gform_footer {
  padding: 0;
  margin: 0;
  text-align: center;
}

/* line 761, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .gform_footer input[type=submit] {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  width: 290px;
  height: 53px;
  text-align: center;
  background: #c20012 url(../img/fleche-droite.svg) no-repeat 90% center;
  border-radius: 3px;
  border: none;
  font-family: 'Lato', sans-serif;
  background-size: 18px auto;
}

/* line 775, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper div.validation_error {
  border-color: red;
  color: red;
  width: 100%;
  font-size: 16px;
  padding: 15px 0;
}

/* line 782, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-top: 0;
  margin-bottom: 35px !important;
}

/* line 786, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
  margin-left: 0;
}

/* line 791, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  max-width: 100%;
}

/* line 794, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  max-width: 100%;
}

/* line 797, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .gfield_error input.large,
.inner-choice .form-in .gform_wrapper .top_label .gfield_error {
  width: 100%;
}

/* line 801, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error,
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: none;
  background: transparent;
}

/* line 806, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  color: red;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 130px !important;
  max-width: 230px !important;
}

/* line 813, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .gform_wrapper .gfield_error input.large {
  margin-bottom: 0;
}

/* line 817, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .ginput_container_select {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 30px;
}

/* line 823, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .ginput_container_select::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 15px;
  width: 0px;
  height: 0px;
  border: solid #b51010;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* line 838, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .ginput_container_select::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 15px;
  width: 0px;
  height: 0px;
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* line 853, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .ginput_container_select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 14px 14px !important;
  outline: 0;
  height: 53px;
  border: 1px solid #dadadb;
  border-radius: 3px;
  background: #ffffff;
  color: #285391;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  border: none;
  margin-left: 0 !important;
}

/* line 872, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in .ginput_container_select select:hover,
.inner-choice .form-in .ginput_container_select select:focus {
  color: #fff;
  background: #b71313;
}

/* line 880, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_3,
.inner-choice .form-simple li#field_1_1,
.inner-choice .form-simple li#field_1_2 {
  clear: none;
  float: left;
  width: 35%;
  padding-right: 25px;
}

/* line 888, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_3 {
  width: 20%;
}

/* line 891, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_2 {
  width: 45%;
  padding-right: 0;
}

/* line 895, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_4 {
  float: left;
  clear: none;
  width: 48.25%;
}

/* line 900, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_5 {
  clear: none;
  float: right;
  width: 47.5%;
}

/* line 905, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple .ginput_container_date {
  position: relative;
}

/* line 907, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple .ginput_container_date input.datepicker.datepicker_with_icon {
  width: 100% !important;
}

/* line 910, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple .ginput_container_date img.ui-datepicker-trigger {
  position: absolute;
  top: 10px;
  right: 14px;
  width: 32px !important;
  height: 32px !important;
  z-index: 5;
  opacity: 0;
}

/* line 919, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple .ginput_container_date::before {
  position: absolute;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/calendar-red.png) no-repeat 0 0;
  top: 10px;
  right: 14px;
  z-index: 1;
}

/* line 931, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_6 {
  border-bottom: 1px solid #FFF;
  margin-bottom: 35px;
}

/* line 934, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_6 div.ginput_container {
  width: 37%;
}

/* line 938, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple #field_1_6.gfield_error,
.inner-choice .form-simple #field_1_10.gfield_error,
.inner-choice .form-simple #field_1_11.gfield_error {
  padding-bottom: 35px;
}

/* line 943, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_8 {
  float: left;
  clear: none;
  width: 35%;
  padding-right: 25px;
}

/* line 949, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_9 {
  float: left;
  clear: none;
  width: 65%;
}

/* line 954, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_10 {
  float: left;
  clear: none;
  width: 52%;
  padding-right: 25px;
  border-bottom: 1px solid #FFF;
  margin-bottom: 35px;
}

/* line 962, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_11 {
  float: left;
  clear: none;
  width: 48%;
  border-bottom: 1px solid #FFF;
  margin-bottom: 35px;
}

/* line 969, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_12 {
  float: left;
  clear: none;
  width: 52%;
  padding-right: 25px;
}

/* line 975, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-simple li#field_1_13 {
  float: left;
  clear: none;
  width: 48%;
}

/* line 982, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_14 {
  float: left;
  clear: none;
  width: 48.25%;
}

/* line 987, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_15 {
  clear: none;
  float: right;
  width: 47.5%;
}

/* line 992, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_8 {
  float: left;
  clear: none;
  width: 35%;
  padding-right: 25px;
  border-bottom: 1px solid #FFF;
  margin-bottom: 35px;
}

/* line 1000, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_9 {
  float: left;
  clear: none;
  width: 65%;
  border-bottom: 1px solid #FFF;
  margin-bottom: 35px;
}

/* line 1007, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_3,
.inner-choice .form-pro li#field_2_1,
.inner-choice .form-pro li#field_2_2 {
  clear: none;
  float: left;
  width: 35%;
  padding-right: 25px;
}

/* line 1015, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_3 {
  width: 20%;
}

/* line 1018, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_2 {
  width: 45%;
  padding-right: 0;
}

/* line 1022, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_10 {
  float: left;
  clear: none;
  width: 52%;
  padding-right: 25px;
  border-bottom: 1px solid #FFF;
  margin-bottom: 35px;
}

/* line 1030, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_11 {
  float: left;
  clear: none;
  width: 48%;
  border-bottom: 1px solid #FFF;
  margin-bottom: 35px;
}

/* line 1037, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_12 {
  float: left;
  clear: none;
  width: 52%;
  padding-right: 25px;
}

/* line 1043, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro li#field_2_13 {
  float: left;
  clear: none;
  width: 48%;
}

/* line 1049, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro #field_2_15.gfield_error .ginput_container_select {
  margin-bottom: 0;
}

/* line 1053, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-pro #field_2_8.gfield_error,
.inner-choice .form-pro #field_2_9.gfield_error,
.inner-choice .form-pro #field_2_11.gfield_error,
.inner-choice .form-pro #field_2_10.gfield_error {
  padding-bottom: 35px;
}

@media (max-width: 768px) {
  /* line 591, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice {
    padding-left: 15px;
  }
  /* line 1062, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-in {
    padding: 25px 35px;
  }
}

@media (max-width: 560px) {
  /* line 1067, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-in {
    padding: 25px 15px;
  }
  /* line 1070, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-in .ginput_container_date input.datepicker.datepicker_with_icon {
    padding: 14px 10px;
  }
  /* line 1076, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_3 {
    width: 100%;
    padding-right: 0;
  }
  /* line 1079, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_3 select {
    width: 100% !important;
  }
  /* line 1083, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_1 {
    width: 50%;
  }
  /* line 1086, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_2 {
    width: 50%;
  }
  /* line 1090, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple .gform_wrapper input.large {
    padding: 14px 10px;
  }
  /* line 1097, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-pro .ginput_container_select select {
    width: 100% !important;
  }
  /* line 1101, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-pro li#field_2_3 {
    width: 100%;
    padding-right: 0;
  }
  /* line 1104, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-pro li#field_2_3 select {
    width: 100% !important;
  }
  /* line 1108, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-pro li#field_2_1 {
    width: 52%;
  }
  /* line 1111, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-pro li#field_2_2 {
    width: 48%;
  }
  /* line 1115, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-pro .gform_wrapper input.large {
    padding: 14px 10px;
  }
}

@media (max-width: 440px) {
  /* line 1122, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-in {
    padding: 25px 15px;
  }
  /* line 1125, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-in .ginput_container_date input.datepicker.datepicker_with_icon {
    padding: 14px 10px;
  }
  /* line 1129, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-in .gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
  }
  /* line 1134, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_3 {
    width: 100%;
  }
  /* line 1137, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_1 {
    width: 100%;
    padding-right: 0;
  }
  /* line 1141, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_2 {
    width: 100%;
  }
  /* line 1144, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li.field_description_below {
    width: 100% !important;
    padding-right: 0 !important;
  }
  /* line 1148, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_4 {
    padding-bottom: 35px;
  }
  /* line 1151, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple #field_1_4.gfield_error {
    padding-bottom: 0;
  }
  /* line 1154, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-simple li#field_1_6 div.ginput_container {
    width: 100%;
  }
  /* line 1159, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .inner-choice .form-pro li.field_description_below {
    width: 100% !important;
    padding-right: 0 !important;
  }
}

/* line 1165, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect {
  padding: 0;
  padding-bottom: 25px;
  padding-top: 10px;
}

/* line 1170, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper {
  position: relative;
  padding-bottom: 0;
}

/* line 1174, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper ul.gform_fields li.gfield {
  padding: 0;
  margin: 0;
}

/* line 1178, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper ul.gform_fields input.large,
.inner-choice .form-in.form-conect .gform_wrapper ul.gform_fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  margin-bottom: 22px;
}

/* line 1184, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper .gform_footer input[type=submit] {
  width: 100%;
  display: block;
  background-position: 97% center;
}

/* line 1190, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper .gfield_checkbox {
  margin: 0;
  width: 100%;
  text-align: center;
  margin-top: -2px;
  margin-bottom: 20px;
}

/* line 1196, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper .gfield_checkbox li {
  text-align: center;
  margin: 0;
}

/* line 1200, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper .gfield_checkbox label {
  font-size: 16px;
}

/* line 1203, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper .gfield_checkbox input[type=checkbox] {
  margin-top: 0;
  margin-right: 6px;
}

/* line 1210, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
}

/* line 1213, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper.gform_validation_error li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  margin-top: -15px !important;
  margin-bottom: 22px !important;
}

/* line 1218, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-bottom: 0 !important;
}

/* line 1221, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.inner-choice .form-in.form-conect a.forget {
  text-decoration: none;
  color: #FFF;
  display: block;
  text-align: center;
  margin-top: 21px;
}

/* line 1230, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
h5.modal-title {
  font-weight: 300;
  font-size: 28px;
  width: 100%;
  text-align: center;
  padding: 35px 0 15px 0;
}

/* line 1240, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-simple .modal-dialog {
  max-width: 750px;
}

/* line 1243, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-simple .modal-body {
  padding: 0;
}

/* line 1245, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-simple .modal-body .inner {
  display: none;
}

/* line 1249, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-simple .modal-header h5.modal-title {
  display: none;
}

/* line 1252, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-simple .form-simple {
  display: block;
}

/* line 1255, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-simple .form-in.form-conect {
  display: none;
}

/* line 1260, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-pro .modal-dialog {
  max-width: 750px;
}

/* line 1263, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-pro .modal-body {
  padding: 0;
}

/* line 1265, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-pro .modal-body .inner {
  display: none;
}

/* line 1269, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-pro .modal-header h5.modal-title {
  display: none;
}

/* line 1272, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-pro .form-pro {
  display: block;
}

/* line 1275, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#exampleModalCenter.inner-pro .form-in.form-conect {
  display: none;
}

/* line 1279, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.field_description_below:hover .ginput_container_select::after,
.field_description_below:focus .ginput_container_select::after {
  display: none !important;
}

/* line 1283, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker {
  box-shadow: none;
  border: 3px solid #074457;
  width: 357px;
  background: #FFF;
  font-family: Lato;
  font-size: 12px;
  padding: 0 15px 10px 15px;
  display: none;
}

/* line 1292, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: transparent;
  margin: 0 -15px;
  height: 45px;
}

/* line 1298, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select {
  background: #FFF;
  font-size: 16px;
  font-weight: 700;
}

/* line 1304, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker td a,
#ui-datepicker-div.ui-datepicker td span {
  width: 44px;
  height: 38px;
  text-shadow: none;
  color: #333;
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
}

/* line 1314, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker td a.ui-state-default:hover {
  background: #c5d2e4;
}

/* line 1317, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
  width: 28px;
  height: 28px;
  background: #003e52 none;
  border-radius: 50%;
  margin: 5px 0 0 15px;
  position: relative;
}

/* line 1324, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {
  display: none;
}

/* line 1327, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 8px;
  width: 0px;
  height: 0px;
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(130deg);
  -webkit-transform: rotate(130deg);
}

/* line 1343, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
  width: 28px;
  height: 28px;
  background: #003e52 none;
  border-radius: 50%;
  margin: 5px 15px 0 0;
  position: relative;
}

/* line 1350, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
  display: none;
}

/* line 1353, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-next::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 11px;
  width: 0px;
  height: 0px;
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* line 1369, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:hover {
  background-color: #799faa;
}

/* line 1377, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
  text-shadow: none;
  font-size: 12px;
  text-transform: none;
  color: #333;
}

/* line 1382, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th span {
  font-size: 14px;
  text-transform: none;
  color: #333;
}

/* line 1388, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  box-shadow: none;
  background: none;
  border: none;
}

/* line 1394, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker thead {
  background: none;
}

/* line 1397, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker tbody td {
  background: none;
  border: none;
}

/* line 1401, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
#ui-datepicker-div.ui-datepicker tbody tr,
#ui-datepicker-div.ui-datepicker thead {
  border-bottom: none;
}

@media (max-width: 360px) {
  /* line 1283, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  #ui-datepicker-div.ui-datepicker {
    width: 100%;
  }
}

/* line 1409, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact {
  max-width: 940px;
  padding-bottom: 85px;
}

/* line 1412, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact h1 {
  margin: 45px 0;
}

/* line 1415, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact p.infos {
  margin: 0;
  text-align: right;
  font-size: 12px;
  color: #757476;
}

/* line 1421, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper {
  position: relative;
  padding-bottom: 8px;
}

/* line 1424, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

/* line 1428, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body li.gfield {
  width: 48.5%;
  clear: none;
  float: left;
}

/* line 1433, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body li.gfield:nth-child(even) {
  float: right;
}

/* line 1436, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body #field_5_5,
.and-contact .gform_wrapper .gform_body #field_5_6,
.and-contact .gform_wrapper .gform_body li.gfield_html {
  clear: both;
  width: 100%;
  float: none;
}

/* line 1443, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body .gfield_checkbox {
  margin: 0;
  text-align: center;
  padding: 40px 0;
}

/* line 1447, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body .gfield_checkbox li {
  margin: 0 !important;
}

/* line 1449, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body .gfield_checkbox li label {
  font-size: 16px;
  color: #757476;
}

/* line 1453, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body .gfield_checkbox li input[type=checkbox] {
  margin: 0 6px 0 0;
}

/* line 1459, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body #field_5_6 .gfield_description {
  text-align: center;
}

/* line 1463, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body p.texto {
  color: #757476;
  font-size: 16px;
  text-align: justify;
  margin-top: 0;
  padding: 0;
}

/* line 1470, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body #field_5_9 {
  clear: both;
  width: 100%;
  float: none;
  position: absolute;
  bottom: 0;
  left: 16.5%;
  max-width: 304px;
}

/* line 1478, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_body #field_5_9 .validation_message {
  margin: 0;
  position: absolute;
  bottom: -60px;
  left: 0;
}

/* line 1486, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_footer {
  padding-bottom: 0;
  text-align: left;
  padding-left: calc(334px + 16.5%);
}

/* line 1490, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-contact .gform_wrapper .gform_footer input[type=submit] {
  margin-bottom: 0;
  width: 264px;
  background: #B31111;
  height: 65px;
  color: #FFF;
  font-weight: 300;
}

@media (max-width: 1024px) {
  /* line 1502, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* line 1510, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_body #field_5_9 {
    left: 0;
  }
  /* line 1514, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_footer {
    padding-left: 334px;
  }
}

@media (max-width: 640px) {
  /* line 1409, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact {
    padding-bottom: 40px;
  }
  /* line 1523, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_body #field_5_9 {
    position: static;
    left: auto;
  }
  /* line 1527, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_body .gfield_checkbox {
    padding: 15px 0;
  }
  /* line 1529, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_body .gfield_checkbox li {
    text-align: left;
  }
  /* line 1534, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_footer {
    padding-left: 0;
    padding-top: 15px;
  }
  /* line 1538, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_body #field_5_9 .validation_message {
    position: static;
    padding-bottom: 0;
  }
  /* line 1542, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_body #field_5_6 .gfield_description {
    text-align: left;
    margin-top: -15px;
  }

    .gw-gopf-post-content{
    padding: 20px !important;
  }
}

@media (max-width: 480px) {


  /* line 1409, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact {
    padding-bottom: 30px;
  }
  /* line 1552, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_body li.gfield {
    width: 100%;
    float: none;
  }
  /* line 1557, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-contact .gform_wrapper .gform_footer {
    padding-left: 0;
    padding-top: 15px;
    text-align: center;
  }
}

/* line 1565, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.container.container-map {
  max-width: 1638px;
  padding: 0;
}

/* line 1568, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.container.container-map img {
  max-width: 100%;
}

/* line 1572, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre {
  max-width: 940px;
}

/* line 1574, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre h1 {
  margin-bottom: 40px;
}

/* line 1577, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre h2 {
  margin: 0;
  text-transform: none;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}

/* line 1585, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre p.infos {
  margin: 0;
  text-align: center;
  font-size: 14px;
  color: #757476;
  padding-bottom: 20px;
}

/* line 1592, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre p.intro {
  font-size: 18px;
  line-height: 100%;
}

/* line 1596, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper {
  position: relative;
  padding-bottom: 8px;
}

/* line 1599, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper .top_label .gfield_label {
  display: block;
  font-weight: normal;
  color: #757476;
  font-size: 16px;
}

/* line 1604, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper .top_label .gfield_label .gfield_required {
  color: red;
}

/* line 1608, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper .ginput_container_select select,
.and-rejoindre .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  color: #757476;
}

/* line 1612, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

/* line 1615, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_3 {
  clear: none;
  float: left;
  padding-right: 28px;
  width: 21%;
}

/* line 1621, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_2 {
  clear: none;
  float: left;
  padding-right: 28px;
  width: 45%;
}

/* line 1627, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_1 {
  clear: none;
  float: left;
  width: 34%;
}

/* line 1632, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_4,
.and-rejoindre .gform_wrapper li#field_6_5 {
  clear: none;
  float: left;
  padding-right: 28px;
  width: 50%;
}

/* line 1639, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_4 {
  clear: both;
  float: left;
}

/* line 1643, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_5 {
  float: right;
  padding-right: 0;
}

/* line 1647, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_6 {
  clear: none;
  float: left;
  padding-right: 28px;
  width: 82%;
}

/* line 1653, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_7 {
  clear: none;
  float: right;
  width: 18%;
}

/* line 1658, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_8 {
  clear: none;
  float: left;
  padding-right: 28px;
  width: 50%;
}

/* line 1664, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_9 {
  clear: none;
  float: right;
  width: 50%;
}

/* line 1669, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_10 {
  clear: none;
  float: left;
  padding-right: 28px;
  width: 50%;
}

/* line 1675, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_11 {
  clear: none;
  clear: both;
  float: left;
  padding-right: 28px;
  width: 50%;
}

/* line 1681, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_11 #validation_message_6_11 {
  margin-top: 5px;
  padding-bottom: 0;
}

/* line 1686, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_12 {
  clear: none;
  float: right;
  width: 50%;
}

/* line 1690, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_12 #validation_message_6_12 {
  margin-top: 5px;
  padding-bottom: 0;
}

/* line 1695, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_13 {
  padding-top: 45px;
}

/* line 1697, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper li#field_6_13 textarea.medium {
  height: 162px;
}

/* line 1702, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper #field_6_15 {
  clear: both;
  width: 100%;
  float: none;
  position: absolute;
  bottom: 0;
  left: 16.5%;
  max-width: 304px;
}

/* line 1710, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper #field_6_15 label {
  display: none;
}

/* line 1713, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper #field_6_15 .validation_message {
  margin: 0;
  position: absolute;
  bottom: -60px;
  left: 0;
}

/* line 1720, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper .gform_footer {
  padding-bottom: 0;
  text-align: left;
  padding-left: calc(334px + 16.5%);
  padding-top: 48px;
}

/* line 1725, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper .gform_footer input[type=submit] {
  margin-bottom: 0;
  width: 264px;
  background: #B31111;
  height: 65px;
  color: #FFF;
  font-weight: 300;
}

/* line 1734, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper .ginput_container_fileupload input.medium {
  font-size: 1.2rem;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  cursor: pointer;
  padding: 16px 14px !important;
  outline: 0;
  border: 1px solid #dadadb;
  border-radius: 3px;
  background: #ffffff;
  color: #757476;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}

/* line 1750, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre .gform_wrapper .gfield_error .ginput_container_fileupload input.medium {
  border-color: red;
}

/* line 1754, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-rejoindre p.texto {
  color: #757476;
  font-size: 16px;
  text-align: justify;
  margin-top: 55px;
  margin-bottom: 90px;
  padding: 0;
}

@media (max-width: 768px) {
  /* line 1765, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_body #field_6_15 {
    left: 0;
  }
  /* line 1769, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_footer {
    padding-left: 334px;
  }
  /* line 1774, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre p.intro br {
    display: none;
  }
  /* line 1778, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre p.texto {
    margin-bottom: 45px;
  }
}

@media (max-width: 640px) {
  /* line 1572, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre {
    padding-bottom: 40px;
  }
  /* line 1786, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_body #field_6_15 {
    position: static;
    left: auto;
    margin-top: 15px;
  }
  /* line 1791, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_body .gfield_checkbox {
    padding: 15px 0;
  }
  /* line 1793, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_body .gfield_checkbox li {
    text-align: left;
  }
  /* line 1798, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_footer {
    padding-left: 0;
    padding-top: 15px;
  }
  /* line 1802, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_body #field_6_15 .validation_message {
    position: static;
    padding-bottom: 0;
  }
}

@media (max-width: 560px) {
  /* line 1811, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_body li.gfield {
    width: 100% !important;
    float: none !important;
    padding-right: 0 !important;
  }
  /* line 1816, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_body li#field_6_11 {
    margin-bottom: 35px;
  }
  /* line 1820, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
  .and-rejoindre .gform_wrapper .gform_footer {
    padding-left: 0;
    padding-top: 15px;
    text-align: center;
  }
}

/* line 1828, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece {
  max-width: 940px;
}

/* line 1830, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece h1 {
  margin-bottom: 40px;
}

/* line 1833, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper {
  position: relative;
  padding-bottom: 8px;
}

/* line 1836, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper .top_label .gfield_label {
  display: block;
  font-weight: normal;
  color: #757476;
  font-size: 16px;
}

/* line 1841, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper .top_label .gfield_label .gfield_required {
  color: red;
}

/* line 1845, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

/* line 1848, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper .gform_footer {
  padding-bottom: 0;
  text-align: left;
  padding-top: 45px;
  text-align: center;
  padding-bottom: 45px;
}

/* line 1854, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper .gform_footer input[type=submit] {
  margin-bottom: 0;
  width: 264px;
  background: #B31111;
  height: 65px;
  color: #FFF;
  font-weight: 300;
}

/* line 1864, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper .ginput_container_fileupload input.medium {
  font-size: 1.2rem;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  cursor: pointer;
  padding: 16px 14px !important;
  outline: 0;
  border: 1px solid #dadadb;
  border-radius: 3px;
  background: #ffffff;
  color: #757476;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}

/* line 1880, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper .ginput_container_fileupload .validation_message {
  margin-top: 5px;
  padding-bottom: 0;
}

/* line 1885, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper .gfield_error .ginput_container_fileupload input.medium {
  border-color: red;
}

/* line 1888, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper li.down {
  margin-bottom: 30px;
}

/* line 1890, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper li.down a {
  display: block;
  color: #163766;
  font-size: 16px;
  background: url(../img/pdf.svg) no-repeat center left;
  background-size: 25px auto;
  padding: 2px 0 2px 35px;
}

/* line 1898, /Applications/MAMP/htdocs/a2sa/scss/_devis.scss */
.and-piece .gform_wrapper li.down a:hover {
  color: #B31111;
}

/* Champs "Justificatif 1-4" (upload + bloc "Télécharger le modèle" associé) :
   supprimés de la base du formulaire Gravity Forms #7 plus tôt, mais le
   shortcode continue d'en afficher le rendu (bug de cache non résolu,
   confirmé indépendant de l'état réel des données). Masqués ici par ID de
   champ en attendant une vraie résolution — IDs [23,24,25,26,27,28,29,30],
   exactement ceux retirés côté données. */
.and-piece .gform_wrapper #field_7_23,
.and-piece .gform_wrapper #field_7_24,
.and-piece .gform_wrapper #field_7_25,
.and-piece .gform_wrapper #field_7_26,
.and-piece .gform_wrapper #field_7_27,
.and-piece .gform_wrapper #field_7_28,
.and-piece .gform_wrapper #field_7_29,
.and-piece .gform_wrapper #field_7_30 {
  display: none !important;
}

/* ============================================================
   Page Contact — refonte 2 colonnes + micro-interactions
   Scopé à .and-contact partout : le formulaire de pièces
   justificatives sur /panier/ utilise le même moteur ACFE
   (classes .acf-form/.acf-field identiques) et ne doit jamais
   être affecté par ces règles.
   ============================================================ */

.and-contact.devis {
  max-width: 1140px;
}

.and-contact .contact-layout {
  margin-top: 50px;
}

.and-contact .contact-side {
  margin-bottom: 0;
}

.and-contact .contact-info-card {
  overflow: hidden;
}

.and-contact .contact-info-photo {
  display: block;
  width: calc(100% + 60px);
  max-width: none;
  height: 200px;
  object-fit: cover;
  margin: -36px -30px 24px -30px;
  border-radius: 8px 8px 0 0;
}

.and-contact .contact-info-card {
  background: linear-gradient(160deg, #19355D 0%, #2D4F81 100%);
  color: #fff;
  border-radius: 8px;
  padding: 36px 30px;
  height: 100%;
  box-shadow: 0 14px 32px rgba(22, 55, 102, 0.22);
}

.and-contact .contact-info-card h2 {
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 0 28px 0;
  color: #fff;
  font-weight: 600;
}

.and-contact .contact-info-card h2 span {
  background: none;
  padding: 0;
}

.and-contact .contact-info-list {
  list-style: none;
  margin: 0 0 32px 0;
  padding: 0;
}

.and-contact .contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 1.5;
}

.and-contact .contact-info-item:last-child {
  margin-bottom: 0;
}

.and-contact .contact-icon {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease, transform 0.25s ease;
}

.and-contact .contact-info-item:hover .contact-icon {
  background-color: #B31111;
  transform: scale(1.08);
}

.and-contact .contact-icon i {
  color: #fff;
  font-size: 16px;
}

.and-contact .contact-info-item a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  transition: border-color 0.2s ease, opacity 0.2s ease;
}

.and-contact .contact-info-item a:hover {
  border-color: #fff;
  opacity: 0.85;
}

.and-contact .contact-social p {
  color: #fff;
  opacity: 0.85;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 14px 0;
}

.and-contact .contact-social-icons {
  display: flex;
  gap: 12px;
}

.and-contact .contact-social-icons a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.35);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.and-contact .contact-social-icons a:hover {
  border-color: #fff;
  transform: translateY(-3px) scale(1.06);
}

.and-contact .contact-social-icons img {
  /* Les SVG sont déjà des badges complets (cercle navy + glyphe blanc) :
     pas de filtre couleur ici, juste un léger cadre au survol ci-dessus. */
  width: 34px;
  height: 34px;
}

/* ----- Colonne formulaire ----- */
.and-contact .contact-form-col h1 {
  text-align: left;
  margin: 0 0 8px 0;
  background: none;
}

.and-contact .contact-form-col h1 span {
  padding: 0;
  background: none;
}

.and-contact .contact-form-col .infos {
  text-align: left;
  margin-bottom: 30px;
}

/* ----- Champs du formulaire ACF (contact uniquement) ----- */
.and-contact .contact-form-col .acf-form .acf-field {
  border: none;
  padding: 0 0 22px 0;
  margin: 0;
}

.and-contact .contact-form-col .acf-form .acf-label label {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  color: #163766;
  font-size: 15px;
  margin-bottom: 8px;
}

.and-contact .contact-form-col .acf-form .acf-label .acf-required {
  color: #B31111;
}

.and-contact .contact-form-col .acf-form .acf-input input[type="text"],
.and-contact .contact-form-col .acf-form .acf-input input[type="email"],
.and-contact .contact-form-col .acf-form .acf-input input[type="tel"],
.and-contact .contact-form-col .acf-form .acf-input textarea,
.and-contact .contact-form-col .acf-form .acf-input select {
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  padding: 12px 14px;
  border: 1px solid #dadadb;
  border-radius: 4px;
  background: #fff;
  color: #285391;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.and-contact .contact-form-col .acf-form .acf-input input:focus,
.and-contact .contact-form-col .acf-form .acf-input textarea:focus,
.and-contact .contact-form-col .acf-form .acf-input select:focus {
  outline: none;
  border-color: #2D4F81;
  box-shadow: 0 0 0 4px rgba(45, 79, 129, 0.14);
}

.and-contact .contact-form-col .acf-form .acf-input input.field-valid,
.and-contact .contact-form-col .acf-form .acf-input textarea.field-valid {
  border-color: #2E7D32;
}

.and-contact .contact-form-col .acf-form .acf-input textarea {
  min-height: 140px;
  resize: vertical;
}

.and-contact .contact-form-col .acf-form .acf-field-checkbox .acf-input ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.and-contact .contact-form-col .acf-form .acf-field-checkbox label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #436DA9;
  font-weight: 500;
  cursor: pointer;
}

.and-contact .contact-form-col .acf-form .acf-field-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #2D4F81;
  cursor: pointer;
}

.and-contact .contact-form-col .acf-form .acf-form-submit {
  margin-top: 10px;
}

.and-contact .contact-form-col .acf-form .devisSend {
  background-color: #B31111;
  border: 1px solid #B31111;
  color: #fff;
  padding: 14px 42px;
  font-size: 1.05rem;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.and-contact .contact-form-col .acf-form .devisSend:hover {
  background-color: #8f0d0d;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(179, 17, 17, 0.28);
}

.and-contact .contact-form-col .acf-form .devisSend:active {
  transform: translateY(0);
  box-shadow: none;
}

/* ----- Centre A2SA Paris pleine largeur (Val d'Oise supprimé) ----- */
.mapgg-full {
  max-width: 900px;
  margin: 0 auto;
  float: none;
}

@media (max-width: 991.98px) {
  .and-contact .contact-side {
    margin-bottom: 30px;
  }
}

/* line 1, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations h2 {
  padding: 25px 0 25px 0;
  margin: 0;
  font-size: 23px;
}

/* line 8, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .formationsec h3 {
  margin: 30px 0 25px 0;
  padding: 0;
  font-size: 23px;
  color: #19355D;
  display: block;
}

/* line 16, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .pictorequis {
  list-style-type: none;
  padding: 0;
  display: block !important;
  padding-bottom: 15px;
}

/* line 21, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .pictorequis li.p-2 {
  display: inline-block;
  vertical-align: top;
}

/* line 33, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .pictorequis img {
  height: 45px;
  width: auto;
  margin-bottom: 8px;
}

/* line 38, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations p.para {
  color: #2C4F82;
  font-size: 20px;
  text-align: justify;
  padding: 0;
  margin: 0;
  height: auto;
  min-height: 130px;
}

/* line 48, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .pictoinfo {
  list-style-type: none;
  padding: 0;
  display: block;
  margin: 30px 15px;
  display: block;
}

/* line 56, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .pictoinfo li {
  display: inline-block;
  margin: 0 25px;
  color: #2C4F82;
  font-size: 24px;
}

/* line 61, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .pictoinfo li span {
  margin-right: 10px;
}

/* line 66, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .btn-form {
  color: #B31111;
  background-color: #fff;
  background-image: none;
  border: 1px solid #B31111;
  margin: 0px 0 50px 0;
  text-transform: uppercase;
}

/* line 75, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .btn-form:hover {
  color: #fff;
  background-color: #B31111;
  border-color: #B31111;
}

/* line 80, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
.pageformations .btn {
  display: block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #B31111;
  padding: .85rem .85rem;
  font-size: 1.3rem;
  line-height: 1.6;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (max-width: 740px) {
  /* line 100, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
  .pageformations p.para {
    min-height: 10px;
  }
  /* line 103, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
  .pageformations .btn {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  /* line 112, /Applications/MAMP/htdocs/a2sa/scss/_pageformation.scss */
  .pageformations .btn {
    font-size: 1.1rem;
  }
}

/* page mise a jour */
/* line 4, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.actualite {
  padding-top: 65px;
  padding-bottom: 45px;
}

/* line 7, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.actualite h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 60px 0 40px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 15, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.actualite h1 span {
  padding: 0 20px;
  background-color: #fff;
}

/* line 20, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.actualite p {
  font-size: 24px;
  color: #163766;
  padding: 0px;
  margin: 0 0 35px 0;
  line-height: 25px;
}

/* line 30, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.menu ul {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}

/* line 35, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.menu ul li {
  margin: 0 10px 20px 0;
  display: inline-block;
}

/* line 39, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.menu ul li a {
  border: 1px solid #19355D;
  border-radius: 2px;
  color: #19355D;
  line-height: 2.5rem;
  display: block;
  padding: 0 10px;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  width: 100%;
}

/* line 53, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.menu ul li a:hover {
  border: 1px solid #B31111;
  background-color: #B31111;
  color: #fff;
  text-decoration: none;
}

/* line 60, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.menu .active {
  background-color: #B31111;
  color: #fff;
  border: 1px solid #B31111;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
}

/* line 70, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.articles img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

/* line 75, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.articles .titre {
  color: #19355D;
  font-size: 1.2rem;
  text-align: left;
  font-weight: bold;
  line-height: 26px;
}

/* line 82, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.articles .txt {
  color: #19355D;
  font-size: 1.1rem;
  text-align: left;
  line-height: 23px;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 90, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.articles .text {
  text-align: left;
}

/* line 93, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.articles .text a {
  color: #B31111;
  font-size: 1rem;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

/* line 101, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.articles .text a:hover {
  text-decoration: none;
}

/* line 106, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.more {
  padding: 0;
  margin: 20px 0;
  background: url("../img/ligne-grise.gif") repeat-x center center;
  text-align: center;
}

/* line 111, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.more .icon-lireplus {
  font-size: 80px;
}

@media (max-width: 576px) {
  /* line 119, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .actualite h1 {
    font-size: 26px;
    margin: 20px 0;
  }
  /* line 124, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .actualite h1 span {
    padding: 0 20px;
    background-color: #fff;
  }
  /* line 129, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .actualite p {
    font-size: 24px;
    color: #163766;
    padding: 0px;
    margin: 0 0 35px 0;
    line-height: 25px;
  }
  /* line 138, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .actualite p {
    font-size: 20px;
    color: #163766;
    padding: 10px;
  }
  /* line 147, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .articles .titre {
    padding: 0 15px 0;
    margin: 0;
  }
  /* line 151, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .articles .txt {
    padding: 15px 0 15px 0;
  }
  /* line 154, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .articles .text a {
    padding: 0;
    margin: 0 0 25px 0;
  }
}

/* line 165, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-cats {
  margin-bottom: 40px !important;
}

/* line 167, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-cats > span a {
  border: 1px solid #19355D;
  border-radius: 2px;
  color: #19355D;
  line-height: 2.5rem;
  display: block;
  padding: 0 10px;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  width: 100%;
  background: transparent;
  height: auto;
}

/* line 182, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-cats > span:first-child a,
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-cats > span:hover a,
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-cats > span.gw-gopf-current a {
  background-color: #B31111;
  color: #fff;
  border: 1px solid #B31111;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
}

/* line 192, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-pagination {
  padding: 20px 0;
  position: relative;
}

/* line 195, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-pagination::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #999;
  position: absolute;
  top: 50%;
  left: 0;
}

/* line 206, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario a.gw-gopf-pagination-load-more {
  background: #4a6894;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 16px;
  color: #FFF;
  line-height: 77px;
  font-weight: 100;
  margin: 0;
  position: relative;
  z-index: 5;
}

/* line 219, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-post-content {
  padding: 20px 0 0 0;
}

/* line 221, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-post-content h2 a {
  color: #19355D;
  font-size: 19px !important;
  text-align: left;
  font-weight: bold;
  line-height: 26px !important;
}

/* line 228, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-post-content .gw-gopf-post-meta {
  display: none;
}

/* line 231, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-post-content .gw-gopf-post-excerpt {
  color: #19355D;
  font-size: 17px !important;
  text-align: left;
  line-height: 23px !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 239, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
div.actualite #gw_go_portfolio_blog .gw-gopf-style-vario .gw-gopf-post-content .gw-gopf-post-more a {
  color: #B31111;
  font-size: 16px !important;
  line-height: 20px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

/* line 251, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article {
  padding-top: 125px;
}

/* line 253, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .top-content {
  position: relative;
  margin-bottom: 35px;
}

/* line 256, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .top-content img {
  max-width: 100%;
}

/* line 259, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .top-content .time-in {
  position: absolute;
  top: 0;
  left: 0;
  background: #f17c19;
  text-align: center;
  width: 70px;
  padding: 16px 0;
}

/* line 267, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .top-content .time-in p {
  margin: 0;
  font-size: 16px;
  color: #FFF;
  line-height: 145%;
}

/* line 274, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .top-content > p {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 42px;
  background: rgba(25, 53, 93, 0.7);
  color: #FFF;
  text-align: right;
  width: 100%;
  margin: 0;
  padding: 8px 20px 0 0;
  font-size: 16px;
  font-weight: 100;
}

/* line 289, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side {
  padding-bottom: 75px;
}

/* line 291, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side .entry-footer {
  display: none;
}

/* line 294, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side .entry-content {
  color: #19355d;
  padding-right: 15px;
}

/* line 297, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side .entry-content p {
  font-size: 16px;
  line-height: 125%;
  margin-bottom: 20px;
  margin-right: 0;
  margin-left: 0;
}

/* line 304, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side .entry-content p.no {
  margin-bottom: 0;
}

/* line 307, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side .entry-content ul {
  list-style-position: inside;
  padding: 0;
  margin-bottom: 20px;
}

/* line 311, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side .entry-content ul li {
  font-size: 16px;
  line-height: 125%;
}

/* line 316, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side .entry-content h2 {
  margin: 0 0 20px 0;
  color: #19355d;
  font-size: 19px;
  text-align: left;
  font-weight: bold;
}

/* line 324, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side div.titre {
  padding-bottom: 20px;
}

/* line 326, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side div.titre h1 {
  color: #19355d;
  font-size: 21px;
  text-align: left;
  font-weight: bold;
  margin: 0;
}

/* line 333, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side div.titre .time {
  color: #19355d;
  font-size: 14px;
  font-weight: bold;
}

/* line 337, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .left-side div.titre .time p {
  display: inline-block;
  color: #19355d;
  margin-bottom: 0;
  font-size: 14px;
}

/* line 347, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search {
  margin-bottom: 25px;
}

/* line 349, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form {
  border: 1px solid #19355D;
  height: 47px;
  position: relative;
  border-radius: 25px;
  overflow: hidden;
}

/* line 355, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form label {
  display: block;
  margin: 0;
}

/* line 359, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form .search-field {
  height: 44px;
  width: 100%;
  border: none;
  padding: 0 40px 0 15px;
}

/* line 365, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}

/* line 368, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

/* line 371, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form :-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}

/* line 374, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

/* line 377, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar .widget_search .search-form .search-submit {
  position: absolute;
  right: 12px;
  top: 0;
  height: 100%;
  width: 20px;
  border: none;
  background: url(../img/search.png) no-repeat center center;
  font-size: 0;
}

/* line 389, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar p.titre,
.detail-article .right-sidebar h2.widget-title {
  border-bottom: 1px solid #8d9baf;
  color: #19355D;
  font-size: 24px;
  text-align: center;
  margin: 0;
  margin-bottom: 23px;
  padding-bottom: 15px;
  font-weight: 700;
}

/* line 401, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar #gw_go_portfolio_other .gw-gopf-post-content {
  padding: 10px 0 5px 0;
}

/* line 404, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar #gw_go_portfolio_other .gw-gopf-post-meta,
.detail-article .right-sidebar #gw_go_portfolio_other .gw-gopf-post-excerpt,
.detail-article .right-sidebar #gw_go_portfolio_other .gw-gopf-post-more {
  display: none;
}

/* line 409, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar #gw_go_portfolio_other .gw-gopf-style-vario .gw-gopf-post-content h2 a {
  color: #19355D !important;
  font-size: 16px;
  font-weight: 700;
}

/* line 414, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar #gw_go_portfolio_other .gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item {
  border-bottom: 1px solid #8d9baf;
  margin-bottom: 23px;
}

/* line 418, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .right-sidebar #gw_go_portfolio_other .gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item:last-child {
  border-bottom: none;
}

/* line 423, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .archive-extra {
  padding-bottom: 45px;
  padding-top: 15px;
}

/* line 426, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .archive-extra .list-year {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 430, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .archive-extra .list-year li {
  display: none;
}

/* line 433, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .archive-extra .list-year li.archive-year {
  display: block;
  text-align: center;
  color: #19355D;
  font-size: 16px;
  font-weight: 700;
}

/* line 439, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.detail-article .archive-extra .list-year li.archive-year a {
  color: #19355D;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 576px) {
  /* line 448, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .detail-article .post {
    margin: 0;
  }
  /* line 451, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
  .detail-article .right-side {
    padding-top: 15px;
  }
}

/* line 457, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.page-search h1.page-title {
  margin-bottom: 45px;
  font-size: 28px;
  color: #19355D;
}

/* line 463, /Applications/MAMP/htdocs/a2sa/scss/_blog.scss */
.page-search .left-side .entry-content h2 a {
  color: #19355d;
}

/* line 1, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article {
  padding-top: 100px;
  /* recherche */
}

/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 8, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article img {
  width: 100%;
  height: auto;
}

/* line 12, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .date {
  width: 68px;
  background: #F17C19;
  color: #fff;
  text-align: center;
  padding: 12px 8px;
  font-size: 22px;
  position: absolute;
  top: 0;
  left: 15px;
  margin: 0;
  line-height: 135%;
  z-index: 10;
}

/* line 27, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .auteur {
  background: rgba(25, 53, 93, 0.5);
  color: #fff;
  text-align: right;
  padding: 12px;
  position: relative;
  font-size: 17px;
  font-weight: 200;
  margin-top: -50px;
}

/* line 38, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .illustration {
  margin-bottom: 15px;
}

/* line 42, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .publidate {
  color: #19355D;
  text-align: right;
  font-size: 16px;
}

/* line 48, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .chapeau {
  font-size: 25px;
  color: #19355D;
  font-weight: bold;
  margin-bottom: 25px;
}

/* line 55, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .titrepara {
  font-size: 20px;
  color: #19355D;
  font-weight: bold;
  margin-bottom: 25px;
}

/* line 62, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article p {
  font-size: 20px;
  color: #19355D;
  margin-bottom: 25px;
  line-height: 26px;
}

/* line 69, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .share {
  background-color: #F4F4F4;
  padding: 15px;
  margin-bottom: 100px;
}

/* line 75, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .share h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 19px;
  color: #757475;
  width: 200px;
  margin-bottom: 0;
}

/* line 84, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .share ul li {
  display: inline-block;
}

/* line 88, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .share ul li span {
  font-size: 40px;
}

/* line 93, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article a.facebook:hover .icon-facebook:before {
  content: "\e919";
  color: #B31111;
}

/* line 99, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article a.linkedin:hover .icon-linkedin:before {
  content: "\e917";
  color: #B31111;
}

/* line 105, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article a.twitter:hover .icon-twitter:before {
  content: "\e918";
  color: #B31111;
}

/* line 111, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article a.instagram:hover .icon-instagram:before {
  content: "\e91a";
  color: #B31111;
}

/* line 117, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article a.youtube:hover .icon-youtube:before {
  content: "\e902";
  color: #B31111;
}

/* line 123, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .share h2 {
  width: 100%;
}

/* line 127, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article a.linkedin:hover,
.article a.youtube:hover,
.article a.instagram:hover,
.article a.facebook:hover,
.article a.twitter:hover {
  text-decoration: none;
}

/* line 138, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .input-group.md-form.form-sm.form-1 input {
  border: 1px solid #bdbdbd;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* line 143, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .input-group.md-form.form-sm.form-2 input {
  border: 1px solid #bdbdbd;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* line 148, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .input-group.md-form.form-sm.form-2 input.red-border {
  border: 1px solid #e9ecef;
}

/* line 151, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .input-group.md-form.form-sm.form-2 input.lime-border {
  border: 1px solid #e9ecef;
}

/* line 154, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .input-group.md-form.form-sm.form-2 input.amber-border {
  border: 1px solid #e9ecef;
}

/* line 158, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article .post h2 {
  font-size: 25px;
  color: #19355D;
  font-weight: bold;
  margin: 30px 0;
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #CFCFCF;
}

/* line 168, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article aside a:hover {
  text-decoration: none;
}

/* line 172, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
.article aside h3 {
  font-size: 18px;
  color: #19355D;
  font-weight: bold;
  margin: 20px 0  30px 0;
  padding-bottom: 30px;
  text-align: left;
  border-bottom: 1px solid #CFCFCF;
}

@media (max-width: 576px) {

  .banniere {

    padding:0 !important;

}
  /* line 184, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
  .article {
    padding-top: 61px;
  }
  /* line 187, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
  .publidate {
    padding-right: 15px;
  }
  /* line 190, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
  .chapeau, p, .titrepara, .post {
    margin: 0 15px;
  }
  /* line 194, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
  .share h2 {
    padding-bottom: 20px;
  }
  /* line 198, /Applications/MAMP/htdocs/a2sa/scss/_article.scss */
  .article .share {
    margin-bottom: 50px;
  }
}

/* line 1, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation {
  padding-top: 100px;
}

/* line 4, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation img {
  width: 100%;
  height: auto;
}

/* line 9, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .lignbottom {
  padding-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
}

/* line 14, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation a.rappel img {
  width: 30px;
  margin: 15px 20px 30px 20px;
}

/* line 19, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .info p {
  font-size: 17px;
  color: #B31111;
  line-height: 25px;
}

/* line 25, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 32, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: center;
  margin: 0 0 20px 0;
  font-weight: bold;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 42, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut h1 span {
  padding: 0 18px;
  background-color: #fff;
}

/* line 47, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut img.imprimer {
  width: 27px;
  margin: 0 20px 0 0;
}

/* line 52, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut p {
  font-size: 28px;
  color: #163766;
  text-align: center;
  margin: 0 0 30px 0;
}

/* line 59, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut img.telecharger {
  width: 28px;
}

/* line 63, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut .breadcrumb {
  background: none;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 1.2rem;
}

/* line 68, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut .breadcrumb a {
  color: #19355D;
}

/* line 71, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut .breadcrumb a:hover {
  color: #B31111;
  text-decoration: none;
}

/* line 76, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .navhaut img.banniereformation {
  margin-bottom: 30px;
}

/* Cartouche de taille fixe, quelle que soit l'image d'origine choisie en
   back-office : object-fit: cover recadre automatiquement (centré) pour
   toujours remplir le même format, sans recadrage manuel à faire côté
   client. Remplace le "height: auto" générique de .detailformation img
   uniquement pour ce cartouche. */
.detailformation .navhaut img.banniereformation {
  height: 320px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 767.98px) {
  .detailformation .navhaut img.banniereformation {
    height: 220px;
  }
}

@media (max-width: 575.98px) {
  .detailformation .navhaut img.banniereformation {
    height: 180px;
  }
}

/* line 81, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .breadcrumb-item.active {
  color: #B31111;
}

/* line 86, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside {
  padding-bottom: 20px;
}

/* line 88, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside ul {
  background-color: #F8F8F8;
  margin-top: 25px;
}

/* line 92, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside li {
  width: 100%;
  padding: 15px;
  display: block;
}

/* line 97, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictoduree img {
  width: 63px;
  margin-top: 25px;
}

/* line 101, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictodiplome img {
  width: 75px;
  margin-top: 25px;
}

/* line 105, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictoadresse img {
  width: 53px;
  margin-top: 25px;
}

/* line 109, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictobjectif img {
  width: 70px;
  margin-top: 25px;
}

/* line 113, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictoparticipants img {
  width: 66px;
  margin-top: 25px;
}

/* line 117, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictorecyclage img {
  width: 58px;
  margin-top: 25px;
}

/* line 121, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictonage img {
  width: 58px;
  margin-top: 25px;
}

/* line 125, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside h2 {
  font-size: 20px;
  color: #1F4376;
  margin: 20px 0 5px 0;
  font-weight: bold;
}

/* line 131, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictoadresse p {
  font-weight: bold;
  margin: 10px 0 10px 0;
}

/* line 135, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside .pictoadresse address {
  font-size: 16px;
}

/* line 138, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation aside p, .detailformation aside address {
  font-size: 18px;
  color: #1F4376;
  margin: 0;
}

/* line 146, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .description h2 {
  font-size: 28px;
  color: #163766;
  margin: 0 0 22px 0;
  font-weight: bold;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 154, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .description h2 span {
  padding: 0 18px 0 0;
  background-color: #fff;
}

/* line 159, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .description h3 {
  padding: 0;
  margin: 0 0 15px 0;
  font-size: 24px;
  color: #163766;
  margin: 0 0 22px 0;
}

/* line 167, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .description p {
  font-size: 23px;
  color: #163766;
  margin: 0 0 30px 0;
  line-height: 30px;
  text-align: justify;
}

/* line 174, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .description ul {
  list-style-type: square;
  list-style-image: url("../img/carre.svg");
  list-style-position: outside;
  margin: 0 0 30px 25px;
}

/* line 180, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .description ul li {
  font-size: 23px;
  color: #163766;
  line-height: 30px;
  padding: 0px;
  margin: 0 0 4px 0px;
}

/* line 187, /Applications/MAMP/htdocs/a2sa/scss/_detailformation.scss */
.detailformation .description img {
  width: 30px;
}

/* line 3, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.description h2 {
  font-size: 28px;
  color: #163766;
  margin: 0 0 30px 0;
  font-weight: bold;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 11, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.description span {
  padding: 0 18px 0 0;
  background-color: #fff;
}

/* line 18, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement {
  padding-top: 100px;
}

/* line 20, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement img {
  width: 100%;
  height: auto;
}

/* line 25, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 31, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement .titre h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #163766;
  text-align: left;
  margin: 0 0 30px 0;
  font-weight: bold;
  background: url("../img/ligne-grise.gif") repeat-x center center;
}

/* line 41, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement .titre h1 span {
  padding: 0 18px 0 0;
  background-color: #fff;
}

/* line 46, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement ul {
  margin-bottom: 30px;
}

/* line 50, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement .libele {
  font-size: 20px;
  color: #163766;
  font-weight: bold;
}

/* line 55, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement .desc {
  font-size: 20px;
  color: #163766;
}

/* line 61, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside img {
  margin-bottom: 35px;
}

/* Carte "Votre commande" : la photo de la formation ne s'affichait pas
   (variable $post_id écrasée par du code mort plus haut dans cart.php,
   corrigé côté PHP). Habillage carte blanche avec ombre, photo qui
   déborde jusqu'aux bords supérieurs, contenu texte inchangé en dessous. */
.reglement aside.commande {
  text-align: center;
}

.commande-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(22, 55, 102, 0.14);
  overflow: hidden;
  margin-bottom: 20px;
}

.commande-photo {
  width: 100%;
  height: 220px;
  object-fit: cover;
  margin-bottom: 0;
  display: block;
}

.commande-card-body {
  padding: 35px 30px 30px 30px;
}

/* line 64, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside h1 {
  font-size: 28px;
  text-transform: uppercase;
  color: #163766;
  text-align: left;
  margin: 0;
  font-weight: bold;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
}

/* line 76, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside h1 span {
  padding: 0 18px 0 0;
  background-color: #fff;
}

/* line 80, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside h2 {
  font-size: 30px;
  color: #163766;
  font-weight: bold;
}

/* line 85, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside p {
  font-size: 25px;
  color: #B31111;
  margin: 5px 0 5px 0;
}

/* line 90, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .tarification {
  color: #B31111;
  font-weight: bold;
}

/* line 94, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .tarification p {
  font-size: 15px;
}

/* line 97, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .formationchoix,
.reglement aside .tarification,
.reglement aside .methode,
.reglement aside .reduction {
  padding: 30px 0 30px 0;
  border-bottom: 1px solid #D8D8D8;
}

/* line 105, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .reduction input {
  margin: 15px 0 15px 0;
}

/* line 108, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside label {
  text-align: center;
  color: #41A3C5;
}

/* line 113, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .btachat {
  padding: 30px 0 15px 0;
}

/* line 117, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .btn-achat {
  color: #fff;
  background-color: #B31111;
  background-image: none;
  border-color: #B31111;
  margin: 30px 0;
  width: 100%;
}

/* line 126, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .btn-achat:hover {
  color: #fff;
  background-color: #B31111;
  border-color: #B31111;
}

/* line 131, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.reglement aside .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: 10px 50px;
  font-size: 1rem;
  line-height: 1.5;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* line 155, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.participant p {
  font-size: 20px;
  color: #163766;
  margin: 0 0 30px 0;
}

/* line 161, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.addfacturation {
  padding-bottom: 20px;
}

/* line 165, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.addfacturation input.form-control-lg, .justificatif input.form-control-lg {
  color: #163766;
  margin-bottom: 20px !important;
}

/* line 171, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.justificatif img {
  width: 25px;
  margin-right: 20px;
}

/* line 175, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.justificatif .pdf a {
  color: #163766;
  font-size: 16px;
}

/* line 179, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
.justificatif .pdf a:hover {
  color: #B31111;
  text-decoration: none;
}

@media (max-width: 686px) {
  /* line 188, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
  .reglement .btn-primary {
    width: 100%;
  }
  /* line 192, /Applications/MAMP/htdocs/a2sa/scss/_paiement.scss */
  .reglement .titre h1 {
    font-size: 30px;
    text-transform: uppercase;
    color: #163766;
    text-align: center;
    margin: 0 0 30px 0;
    padding-bottom: 25px;
    font-weight: bold;
    background: none;
    border-bottom: 1px solid #D8D8D8;
  }

  .sauveteur {
  background: url("../img/sauveteur2.png") no-repeat center center !important;
}

.sauveteur:hover {
  background: linear-gradient(0deg, rgba(52, 63, 152, 0.830952) 0%, rgba(243, 36, 40, 0.814146) 100%), url("../img/sauveteur2.png") no-repeat center center !important;
  background-size: cover;
}
}

.resultitreb{
    font-size: 22px;
    color: #B31111;
    margin-bottom: 20px;
    padding-top: 15px;
}

.resultitresec{
    font-size: 18px;
    color: #2D4F81;
    margin-bottom: 20px;
}

.resultorange{
    font-size: 18px;
    color: #FF6615;
    margin-bottom: 20px;
}

.borderbn{
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CFCCCC;
  border-radius: 6px;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

/* Micro-interaction : la ligne de résultat se distingue au survol, avec
   un léger relief, pour signaler que le bouton "S'inscrire" est actionnable
   sur cette session précise (utile dès qu'il y a plusieurs lignes). */
.borderbn:hover {
  background-color: #F5F8FC;
  box-shadow: 0 6px 18px rgba(22, 55, 102, 0.1);
  transform: translateY(-2px);
}

.borderbn .resultorange {
  transition: transform 0.2s ease;
}

.borderbn:hover .resultorange {
  transform: scale(1.08);
}

.accesmap{
    color: #FF6615;
    text-decoration: none;
}

.accesmap:hover{
    color: #CA4701;
    text-decoration: none;
}

.cadrebleu a, .cadrebleu a:hover{
    color: #B31111;
    text-decoration: none !important;
}

.resultitresec a, .resultitresec a:hover{
    text-decoration: none !important;
}

@media (max-width: 991px) {
  .newsletter label {
    text-align: center !important;
}
}

.clear-multi{
    text-align: center !important;
}

.woocommerce-ResetPassword {
  margin-top: 80px;
  }

.bgblanc{

background: rgba(255,255,255,0.82);
background: -moz-linear-gradient(left, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.82) 19%, rgba(255,255,255,0.81) 55%, rgba(255,255,255,0.81) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.82)), color-stop(19%, rgba(255,255,255,0.82)), color-stop(55%, rgba(255,255,255,0.81)), color-stop(100%, rgba(255,255,255,0.81)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.82) 19%, rgba(255,255,255,0.81) 55%, rgba(255,255,255,0.81) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.82) 19%, rgba(255,255,255,0.81) 55%, rgba(255,255,255,0.81) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.82) 19%, rgba(255,255,255,0.81) 55%, rgba(255,255,255,0.81) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.82) 19%, rgba(255,255,255,0.81) 55%, rgba(255,255,255,0.81) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    padding-bottom: 20px;
  }
.inner-choice .form-simple .ginput_container_date::before,
.devis .row-extra-2 .ginput_container_date::before{
display:none;
  }

  .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
   .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #B31111 !important;
    color: #fff;
}

.cn-button.bootstrap:hover, .cn-button.bootstrap {
    color: #fff;
    background-color: #B31111 !important;
    *background-color: #B31111 !important;
}

.cn-button.bootstrap {
    font-family: sans-serif;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-right: .3em;
    margin-bottom: 0;
    *margin-left: .3em;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    font-style: normal;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #006dcc;
    *background-color: #04c;
    background-image: -moz-linear-gradient(top,#B31111,#B31111) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#B31111),to(#B31111)) 
    background-image: -webkit-linear-gradient(top,#B31111,#B31111) !important;
    background-image: -o-linear-gradient(top,#B31111,#B31111) !important;
    background-image: linear-gradient(to bottom,#B31111,#B31111) !important;
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    border-color: none !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(0,0,0,.05);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: 2px 10px;
    font-size: 12px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}

.nf-form-fields-required{
	display: none;
}

.list-select-wrap div::after{
    color: #B31111 !important;
}

.checkbox-wrap .nf-field-element label.nf-checked-label::before, .checkbox-wrap .nf-field-label label.nf-checked-label::before, .listcheckbox-wrap .nf-field-element label.nf-checked-label::before, .listcheckbox-wrap .nf-field-label label.nf-checked-label::before {
    color: #B31111 !important;
}

.devis2 {
    padding-top: 65px;
}

.devis2 h1 span {
    padding: 0 20px;
    background-color: #fff;
}

.devis2 p {
    margin: 0 0 40px 0;
    color: #163766;
    font-size: 22px;
}

.devis2 h1 {
    font-size: 30px;
    text-transform: uppercase;
    color: #163766;
    text-align: center;
    margin: 60px 0;
    background: url("../img/ligne-grise.gif") repeat-x center center;
}

.devis2 h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #163766;
    margin: 40px 0 30px 0;
    font-weight: 500;
    text-align: center;
}

.devis2 ::placeholder {
    color: #b71313 !important;
    opacity: 1;
}

.devis2 select:hover, .devis2 select:focus {
    color: #fff !important;
    background: #b71313 !important;
}

.devis2 .ninja-forms-field {
   color: #163766 !important;
}


.devis2 .gform_wrapper input.large, .devis2 .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    font-size: 1.2rem;
    font-family: 'Lato', sans-serif;
    display: inline-block;
    cursor: pointer;
    padding: 16px 14px !important;
    outline: 0;
    border: 1px solid #dadadb;
    border-radius: 3px;
    background: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-bottom: 30px;
    width: 100%;
}


.devis2 p.texto {
    color: #757476;
    font-size: 16px;
    text-align: justify;
    margin-top: 25px;
    margin-bottom: 0px;
    padding: 0;
}

.devis2 label {
    color: #436DA9 !important;
}

.devis2 .gform_wrapper .gform_footer input[type="submit"] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #B31111;
        border-top-color: rgb(179, 17, 17);
        border-right-color: rgb(179, 17, 17);
        border-bottom-color: rgb(179, 17, 17);
        border-left-color: rgb(179, 17, 17);
    padding: .375rem .75rem;
    font-size: 1.3rem;
    line-height: 1.6;
    border-radius: .25rem;
    color: #B31111;
    background-color: #fff;
    margin: 0px 0 50px 0;
    width: 300px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.devis2 .nf-form-content .list-select-wrap .nf-field-element > div, .devis2 .nf-form-content input:not([type="button"]), .devis2 .nf-form-content textarea {
    background: #fff !important;
    border: 1px solid #c4c4c4 !important;
    border-radius: 3px !important;
    box-shadow: none;
    color: #163766  !important;
    transition: all .5s  !important;
}

#nf-field-52-container, #nf-field-52-container .nf-field{
text-align: center !important;
}

/*  vcard  */
#vcard { background: #f74a4a; background: -moz-linear-gradient(top, #f74a4a 0%, #5559a5 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #f74a4a), color-stop(100%, #5559a5)); background: -webkit-linear-gradient(top, #f74a4a 0%, #5559a5 100%); background: -o-linear-gradient(top, #f74a4a 0%, #5559a5 100%); background: -ms-linear-gradient(top, #f74a4a 0%, #5559a5 100%); background: linear-gradient(to bottom, #f74a4a 0%, #5559a5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f74a4a', endColorstr='#5559a5', GradientType=0 ); background-size: cover; margin-top:40px; }

#vcard .bgfond { background: url("../img/logo-a2sa-blanc-fond.png") center right no-repeat; padding-top: 2.5rem; padding-bottom: 2.5rem; }

#vcard .etoile { background: url("../img/dots.png") center left no-repeat; }

#vcard h1, #vcard h2, #vcard h3 { color: #fff; font-family: 'Lato', sans-serif; }

#vcard h1 { font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.3px; text-align: center; text-transform: uppercase; }

#vcard h2 { font-size: 18px; font-weight: 200; font-style: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0.3px; text-align: center; }

#vcard h3 { font-size: 19px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.3px; text-align: center; }

#vcard img { margin-bottom: 31px; border-radius: 50%; margin-top: 31px; width:150px;}

.bandeau { background-color:#541E5D; color: #fff; padding: 10px 0; }

.bandeau a, .bandeau a:hover { color: #fff; text-decoration: none; font-size: 15px; font-weight: 200; 
}

.bandeau a.ligndroite {  
background: url("../img/line.png") center right no-repeat; 
}

.liste { font-family: 'Lato', sans-serif; color: #003F5F; font-size: 17px; background-color: #F8F6F6; padding-bottom: 200px; }

.liste p { text-align: left; margin-bottom: 0; }

.liste .cartouche { border-bottom: 1px solid #E3DFDF; background-color: #fff; }

.liste i { color: #DAD7D7; }

.liste a, .liste a:hover { margin: 20px 0; color: #003F5F; text-decoration: none; }

.liste .btn-outline-secondary:hover { color: #fff !important; background-color: #B31111; border-color: #B31111; }

/*  vcard fin  */
@media (max-width: 576px) { 
  #vcard { padding-top: 0rem; padding-bottom: 0rem; }
  .liste { padding-bottom: 0; }
  #vcard .etoile { background: none !important; }
}

@media (max-width: 892px) { 
  #vcard { margin-top:15px !important; }
}

#input_1_14, #input_2_16{ 
	text-align:center !important; 
	margin: 20px 0 !important;
	    display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        text-align: center;
        align-items: center;
 }

 .gform_wrapper .field_description_below .gfield_description {
    padding-top: 17px;
    color:#fff !important;
}

/* ============================================================
   Page 404 — remplace le rendu générique WordPress (texte anglais
   brut + champ de recherche) par une page aux couleurs A2SA, avec
   deux sorties claires pour un visiteur perdu.
   ============================================================ */
.error-404-a2sa {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 60px 15px;
}

.error-404-a2sa-card {
  width: 100%;
  max-width: 560px;
  background: linear-gradient(160deg, #19355D 0%, #2D4F81 100%);
  border-radius: 16px;
  padding: 50px 40px;
  text-align: center;
  color: #fff;
  box-shadow: 0 24px 60px rgba(10, 20, 40, 0.35);
}

.error-404-a2sa-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  animation: error-404-a2sa-bob 3s ease-in-out infinite;
}

@keyframes error-404-a2sa-bob {
  0%, 100% { transform: translateY(0) rotate(-4deg); }
  50%      { transform: translateY(-10px) rotate(4deg); }
}

.error-404-a2sa-code {
  margin: 0;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.16);
  letter-spacing: 2px;
}

.error-404-a2sa-card h1 {
  margin: 4px 0 18px 0;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  background: none;
  text-transform: none;
  text-align: center;
}

.error-404-a2sa-text {
  margin: 0 0 32px 0;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
}

.error-404-a2sa-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

.error-404-a2sa-btn {
  display: inline-block;
  padding: 13px 28px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.error-404-a2sa-btn--primary {
  background-color: #B31111;
  color: #fff;
}

.error-404-a2sa-btn--primary:hover {
  background-color: #8f0d0d;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(179, 17, 17, 0.32);
}

.error-404-a2sa-btn--secondary {
  background-color: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.error-404-a2sa-btn--secondary:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: #fff;
  color: #fff;
  transform: translateY(-2px);
}

@media (max-width: 480px) {
  .error-404-a2sa-card {
    padding: 36px 24px;
  }
  .error-404-a2sa-code {
    font-size: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .error-404-a2sa-icon {
    animation: none;
  }
}

/*# sourceMappingURL=../css/styles.map */