:root {
  --primary-color: hsla(220, 14%, 37%, 1);
  --primary-color-lighten:hsla(220, 14%, 47%, 1);
  --primary-color-darken: hsla(220, 14%, 27%, 1);

  --secondary-color: hsla(219, 30%, 17%, 1);
  --secondary-color-lighten: hsla(219, 30%, 27%, 1);
  --secondary-color-darken:  hsla(219, 30%, 7%, 1);

  --accent-color: hsla(37, 31%, 58%, 1);
  --accent-color-lighten: hsla(37, 31%, 68%, 1);
  --accent-color-darken: hsla(37, 31%, 48%, 1);

  --background-color: hsla(60, 23%, 95%, 1);
  --text-color: hsla(0, 0%, 36%, 1);
  --text-color-lighten: hsla(0, 0%, 46%, 1);

  --primary-background-color: hsla(220, 14%, 88%, 1);
  --secondary-background-color: hsla(219, 30%, 94%, 1);
  --accent-background-color: hsla(37, 31%, 95%, 1);

  --success-color: hsla(122, 39%, 49%, 1);
  --error-color: hsla(4, 90%, 58%, 1);
  --info-color: hsla(199, 98%, 48%, 1);

  --font-primary: Barlow, sans-serif;
  --font-secondary: PT Serif, serif;

  --card-border-radius: 0;
  --button-border-radius: 4px;
}

.font-secondary {
  font-family:var(--font-secondary);
}

.right-align .btn-contact {
    margin-top: 20px;
}

.paginationControl {
  text-align:center;
}


.paginationControl a,
.paginationControl span {
  font-weight:600;
  font-size:18px;
  padding:0 5px;
}

.paginationControl span.disabled {
  color:#ccc;
}

.paginationControl span.selected,
.paginationControl a:hover {
    color:var(--accent-color);
}

body.fancy-box-body {
  padding:10px 15px 0;
  padding-top: 0 !important;
}

body.fancy-box-body form.generateur p.erreur {
  padding:2px;
  margin: 0 0 1px;
}

body.fancy-box-body .brand img {
  max-width: 50px;
}

body.fancy-box-body input[type=text] {
  margin:0 2px;
  height: 46px;
}

body.fancy-box-body .btn.primary {
  padding:10px;
}



body.fancy-box-body .brand .flex-row.s-align-items-center {
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
body.fancy-box-body .brand a {
  display:block;
  margin: 3px auto 10px;
}

body.fancy-box-body .brand .bold {
  font-size: 12px;
}

body.fancy-box-body .brand .uppercase {
  font-size:12px;
}

body.fancy-box-body h2::before {
  height:0;
  width:0;
}
body.fancy-box-body .brand .flex-row .col {
  text-align: center;
  margin-bottom: 0 !important;
}

body.fancy-box-body h2 {
  font-size: 14px;
  margin: 7px 0px;
}



/* GLOBAL */
/* ====== */

.brand > a.logo .bold {
  font-size: 1.25rem;
}
.center-align .reseaux-sociaux > ul {
  justify-content: center;
}
a[class^="btn"] .material-icons {
  font-size: 1.5rem;
  line-height: 0;
}
.numero-telephone > .flex-row,
.adresse-postale > .flex-row {
  flex-wrap: nowrap;
  margin-right: -.5rem;
  margin-left: -.5rem;
}
.numero-telephone > .flex-row > .col,
.adresse-postale > .flex-row > .col {
  padding-right: .5rem;
  padding-left: .5rem;
}
.numero-telephone a.tel {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-color);
}
img.footer-only {
  display: none;
}
body > footer img.footer-only {
  display: block;
}
input {
  font-family: var(--font-primary);
}
input[type="text"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea {
  background-color: #FFFFFF !important;
}
#fil_ariane {
  margin-bottom: 1rem;
}
#fil_ariane strong {
  font-weight: inherit;
}
.paginationControl {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
}
.paginationControl span,
.paginationControl a {
  display: inline-block;
  width: auto;
  padding: .25rem;
  font-size: 1.125rem;
  line-height: 1;
}
.paginationControl .disabled,
.paginationControl .selected {
  color: #cccccc;
}
.paginationControl a {
  color: var(--primary-color);
}
.paginationControl a:hover {
  color: var(--primary-color-darken);
}

body.fancy-box-body {
  padding-top: 0;
}
@media screen and (max-width: 600px) {
  .brand {
    text-align: center;
  }
  .brand a.logo > .flex-row {
    flex-direction: column;
  }
  .brand a.logo > .flex-row > .col:first-child {
    padding-bottom: .5rem;
  }
  .brand a.logo > .flex-row > .col:last-child {
    text-align: center;
  }
}
@media screen and (min-width: 601px) {
  .flex-row .offset-m1 {
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 993px) {
  .flex-row .offset-l2 {
    margin-left: 16.66666%;
  }
}

/* TYPOGRAPHIE */
/* =========== */

h1, .title-1, h2, .title-2, 
#avis .titre_avis, h3, 
.title-3, h4, .title-4, h5, 
.title-5, h6, .title-6 {
  font-family:var(--font-secondary);
}

h1, .title-1 {
  margin: 0 0 2rem;
  line-height: 1.375;
}
h1 span, .title-1 span {
  margin: .5rem 0 0;
  line-height: 1.5;
}
h2, .title-2, .titre_avis {
  margin: 1rem 0;
  line-height: 1.5;
}
h2:first-child, .title-2:first-child, .titre_avis:first-child {
  margin-top: 0 !important;
}
.bigger-text {
  font-size: 1.25rem;
}
@media screen and (min-width: 601px) {
  h1 {
    margin: 0 0 3rem;
    line-height: 1.25;
  }
  h1 span {
    margin: 1rem 0 0;
    line-height: 1.375;
  }
  h2, .title-2, .titre_avis {
    margin: 1.5rem 0 2rem;
    line-height: 1.375;
  }
}

/* STICKY */
/* ====== */

.sticky {
  background-color: #FFFFFF;
}
@media screen and (min-width: 993px) {
  .sticky {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.04);
  }
}

/* TOP-BAR */
/* ======= */

@media screen and (min-width: 993px) {
  .top-bar {
    font-size: .875em;
    border-bottom: solid 1px rgba(0,0,0,.08);
  }
  .top-bar .reseaux-sociaux > ul {
    margin-right: -.375rem;
    margin-left: -.375rem;
  }
  .top-bar .reseaux-sociaux > ul > li {
    padding-right: .375rem;
    padding-left: .375rem;
  }
  .top-bar .reseaux-sociaux svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .top-bar .main-nav > ul > li > a {
    margin-bottom: -1px;
    color: inherit !important;
    position: relative;
  }
  .top-bar .main-nav > ul > li > a::before {
    display: block;
    width: 0;
    height: 1px;
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width .3s ease-in-out;
  }
  .top-bar .main-nav > ul > li:hover > a::before,
  .top-bar .main-nav > ul > li > a.selected::before {
    width: 100%;
  }
  .top-bar .main-nav > ul > li.sous_menu > ul.dropdown {
    margin-top: 1px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08);
  }
  .top-bar .main-nav > ul > li.sous_menu > ul.dropdown > li > a {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  .top-bar .main-nav > ul > li.sous_menu > ul.dropdown > li:hover > a {
    color: #FFFFFF;
    background-color: var(--primary-color);
  }
}

/* HEADER-CONTENT */
/* ============== */

#header-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: padding .3s ease-in-out;
}
.js-scroll #header-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#header-content .numero-telephone a.tel {
  position: relative;
}
#header-content .numero-telephone a.tel::before {
  display: block;
  content: 'Num\00e9 ro de t\00e9 l\00e9 phone\00a0 :';
  font-size: .75rem;
  font-weight: 400;
  color: var(--text-color-lighten);
  letter-spacing: .024em;
}
@media screen and (max-width: 601px) {
  #header-content .flex-row:not([class*="s-align-items-"]) > .col:not(:first-child) {
    padding-top: .5rem;
  }
  #header-content .flex-row:not([class*="s-align-items-"]) > .col:not(:last-child) {
    padding-bottom: .5rem;
  }
}
@media screen and (min-width: 601px) and (max-width: 992px) {
  #header-content > .container > .flex-row > .col:not(:first-child) {
    padding-top: .5rem;
  }
  #header-content > .container > .flex-row > .col:not(:last-child) {
    padding-bottom: .5rem;
  }
}

/* FOLD */
/* ==== */

.index-page > header > .fold {
  width: 100%;
  overflow-x: scroll;
}
#slider {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 285%;
  margin: 0 !important;
  position: relative;
  z-index: 0;
}
#slider .item-slider {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  position: relative;
}
#slider .item-slider:not(:last-child) {
  border-right: solid 1px transparent;
}
#slider .item-slider > .image-wrapper::after {
  display: block;
  width: 100%;
  height: 0 !important;
  padding-bottom: 100%;
  content: '';
}
#slider .item-slider > .image-wrapper > img {
  display: block;
  width: auto !important;
  max-width: none !important;
  min-width: 1000%;
  height: auto;
  min-height: 1000%;
  margin: auto;
  position: absolute;
  top: -10000%;
  right: -10000%;
  bottom: -10000%;
  left: -10000%;
  transform: scale(.1);
}
#slider .item-slider > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  position: absolute;
  z-index: 1;
}
#slider .item-slider > a::before {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: var(--secondary-color);
  opacity: .72;
  position: absolute;
  z-index: 0;
}
#slider .item-slider > a > .domaine-competence {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: max-content;
  max-width: 90%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#slider .item-slider > a > .domaine-competence > .flex-row {
  flex-wrap: nowrap;
}
#slider .item-slider > a > .domaine-competence > .flex-row > .col:last-child > span {
  font-size: 1.5rem;
}
#slider .item-slider > a > .domaine-competence > .flex-row > .col:last-child > span::before {
  display: block;
  content: 'Domaine de comp\00e9 tence\00a0 :';
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .024em;
}
@media screen and (min-width: 601px) {
  #slider {
    width: 195%;
  }
}
@media screen and (min-width: 768px) {
  #slider {
      width: 145%;
  }
}
@media screen and (min-width: 992px) {
  #slider {
      width: 135%;
  }
}
@media screen and (min-width: 993px) {
  .index-page > header > .fold {
    overflow-x: hidden !important;
  }
  #slider {
    display: block;
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url('../assets/gifs/slider/bg-slider.jpg');
  }
  #slider .item-slider {
    width: 100%;
    border-right: none !important;
    position: absolute;
  }
  #slider .item-slider > .image-wrapper {
    height: 600px;
    opacity: 0;
    position: relative;
    z-index: -1;
    transition: opacity .3s .3s ease-in-out;
  }
  #slider .item-slider > .image-wrapper::after {
    display: none !important;
    content: none !important;
  }
  #slider .item-slider > a:hover + .image-wrapper {
    opacity: 1;
    z-index: 0;
    transition: opacity .3s ease-in-out;
  }
  #slider .item-slider > a {
    width: 50%;
    height: 33.333333%;
    border-bottom: solid 1px transparent;
  }
  #slider .item-slider > a::before {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-color: var(--secondary-color);
    opacity: .72;
    position: absolute;
    z-index: 0;
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
  }
  #slider .item-slider > a:hover::before {
    background-color: var(--primary-color);
    opacity: 1;
  }
  #slider .item-slider:nth-child(1) > a {
    top: 0;
  }
  #slider .item-slider:nth-child(2) > a {
    top: 33.333333%;
  }
  #slider .item-slider:nth-child(3) > a {
    top: 66.666666%;
  }
  #slider .item-slider:nth-child(4) > a {
    top:auto;
    bottom:0;
  }
  #slider .item-slider > a > .domaine-competence {
    width: 20rem;
  }
  #slider .item-slider > a > .domaine-competence > .flex-row > .col:first-child > .material-icons.primary {
    transition: background-color .3s ease-in-out;
  }
  #slider .item-slider > a:hover > .domaine-competence > .flex-row > .col:first-child > .material-icons.primary {
    background-color: var(--secondary-color);
  }
}

/* BLOCS */
/* ===== */

@media screen and (min-width: 601px) {
  [id^="bloc-"].section {
    padding-top: 0;
    padding-bottom: 0;
  }
  #bloc-01.section, #bloc-03.section, #bloc-05.section {
    background-image: linear-gradient(to right, var(--background-color) 50%, var(--primary-color) 50%);
  }
  #bloc-02.section, #bloc-04.section {
    background-image: linear-gradient(to right, var(--primary-color) 50%, var(--background-color) 50%);
  }
  [id^="bloc-"] > .container > .flex-row {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: var(--background-color);
    position: relative;
  }
  #bloc-01 > .container > .flex-row, #bloc-03 > .container > .flex-row, #bloc-05 > .container > .flex-row {
    flex-direction: row-reverse;
  }
  [id^="bloc-"] > .container > .flex-row::before {
    display: block;
    height: 100%;
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    bottom: 0;
  }
  #bloc-01 > .container > .flex-row::before, #bloc-04 > .container > .flex-row::before {
    width: 25%;
    width: calc(25% - .75rem);
  }
  #bloc-02 > .container > .flex-row::before, #bloc-03 > .container > .flex-row::before, #bloc-05 > .container > .flex-row::before {
    width: 33.33333%;
    width: calc(33.33333% - .75rem);
  }
  #bloc-01 > .container > .flex-row::before, #bloc-03 > .container > .flex-row::before, #bloc-05 > .container > .flex-row::before {
    right: 0;
  }
  #bloc-02 > .container > .flex-row::before, #bloc-04 > .container > .flex-row::before {
    left: 0;
  }
}

/* ENCART-CONTACT */
/* ============== */

#encart-contact.section {
  background-color: var(--primary-color);
  position: relative;
}
.bloc-encart-contact {
  padding: 2rem 1rem;
  background-color: #FFFFFF;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.08);
}
.bloc-encart-contact .bigger-text {
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (min-width: 601px) {
  #encart-contact.section {
    background-color: transparent;
  }
  [id^="bloc-"] + #encart-contact.section {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  [id^="bloc-"] + #encart-contact::before {
    display: block;
    width: 100%;
    height: 50%;
    content: '';
    background-color: var(--background-color);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [id^="bloc-"] + #encart-contact > .container > .flex-row {
    background-color: var(--background-color);
    position: relative;
  }
  [id^="bloc-"] + #encart-contact > .container > .flex-row::before {
    display: block;
    width: 25%;
    width: calc(25% - .75rem);
    height: 50%;
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
  }
  #bloc-01 + #encart-contact.section, #bloc-03 + #encart-contact.section {
    background-image: linear-gradient(to right, var(--background-color) 50%, var(--primary-color) 50%);
  }
  #bloc-01 + #encart-contact > .container > .flex-row::before, #bloc-03 + #encart-contact > .container > .flex-row::before {
    width: 33.33333%;
    width: calc(33.33333% - .75rem);
    right: 0;
  }
  #bloc-02 + #encart-contact.section {
    background-image: linear-gradient(to right, var(--primary-color) 50%, var(--background-color) 50%);
  }
  #bloc-02 + #encart-contact > .container > .flex-row::before {
    width: 25%;
    width: calc(25% - .75rem);
    left: 0;
  }
  .bloc-encart-contact {
    padding: 2rem 2.5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.04);
    position: relative;
  }
}
@media screen and (min-width: 993px) {
  .bloc-encart-contact .bigger-text {
    margin-bottom: 0;
    text-align: left;
  }
}

/* ENCART-AIDE-JURIDICTIONNELLE */
/* ============================ */

#encart-aide-juridictionnelle.section {
  background-color: var(--primary-color);
  position: relative;
}
.bloc-aide-juridictionnelle {
  padding: 2rem 1rem;
  background-color: #FFFFFF;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.08);
}
.bloc-aide-juridictionnelle .bigger-text {
  margin-bottom: 1rem;
  text-align: center;
}
.bloc-aide-juridictionnelle img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 601px) {
  #encart-aide-juridictionnelle.section {
    background-color: transparent;
  }
  [id^="bloc-"] + #encart-aide-juridictionnelle.section {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  [id^="bloc-"] + #encart-aide-juridictionnelle::before {
    display: block;
    width: 100%;
    height: 50%;
    content: '';
    background-color: var(--background-color);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [id^="bloc-"] + #encart-aide-juridictionnelle > .container > .flex-row {
    background-color: var(--background-color);
    position: relative;
  }
  [id^="bloc-"] + #encart-aide-juridictionnelle > .container > .flex-row::before {
    display: block;
    width: 25%;
    width: calc(25% - .75rem);
    height: 50%;
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
  }
  #bloc-03 + #encart-aide-juridictionnelle.section, #bloc-05 + #encart-aide-juridictionnelle.section {
    background-image: linear-gradient(to right, var(--background-color) 50%, var(--primary-color) 50%);
  }
  #bloc-03 + #encart-aide-juridictionnelle > .container > .flex-row::before, #bloc-05 + #encart-aide-juridictionnelle > .container > .flex-row::before {
    width: 33.33333%;
    width: calc(33.33333% - .75rem);
    right: 0;
  }
  #bloc-04 + #encart-aide-juridictionnelle.section {
    background-image: linear-gradient(to right, var(--primary-color) 50%, var(--background-color) 50%);
  }
  #bloc-04 + #encart-aide-juridictionnelle > .container > .flex-row::before {
    width: 25%;
    width: calc(25% - .75rem);
    left: 0;
  }
  .bloc-aide-juridictionnelle {
    padding: 2rem 2.5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.04);
    position: relative;
  }
}
@media screen and (min-width: 993px) {
  .bloc-aide-juridictionnelle .bigger-text {
    margin-bottom: 0;
    text-align: left;
  }
}

/* ENCART-AVIS */
/* =========== */

.encart-avis.section {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 480px) {
  #encart_avis .slick-prev,
  #encart_avis .slick-next {
    transform: none;
  }
}

/* ENCART-FORMULAIRE */
/* ================= */

@media screen and (min-width: 993px) {
  #encart-formulaire.section {
    padding-top: 0;
    padding-bottom: 0;
    background-image: linear-gradient(to right, var(--background-color) 50%, var(--primary-color) 50%);
    position: relative;
  }
  #encart-formulaire::before {
    display: block;
    width: 100%;
    height: 50%;
    content: '';
    background-color: var(--background-color);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  #encart-formulaire > .container > .flex-row {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: var(--background-color);
    position: relative;
  }
  #encart-formulaire > .container > .flex-row::before {
    display: block;
    height: 50%;
    width: 8.33333%;
    width: calc(8.33333% - .75rem);
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

/* ENCART-ACTUALITES */
/* ================= */

#encart-actualites ul,
#encart-actualites-newsletter ul {
  margin-bottom: 0 !important;
}
#encart-actualites-newsletter ul {
  margin: 0 !important;
}
#encart-actualites ul.slick-dotted,
#encart-actualites-newsletter ul.slick-dotted {
  margin-bottom: 2.5rem !important;
}
#encart-actualites-newsletter ul.slick-actualites .slick-list {
  overflow: hidden !important;
}
#encart-actualites ul.slick-dots,
#encart-actualites-newsletter ul.slick-dots {
  top: 100%;
  bottom: auto;
}
#encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) [id^="bloc-"] {
  min-height: 100%;
  padding: 2rem 1rem;
  background-color: #FFFFFF;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.04);
}
#bloc-actualites .btn-3 {
  display: none;
}
#encart-actualites #bloc-actualites ul:not(.slick-dots) li .card {
  margin: 0;
  padding: 2rem 1rem;
  background-color: #FFFFFF !important;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.04) !important;
}
#encart-actualites-newsletter #bloc-actualites ul:not(.slick-dots) li .card {
  margin: 0;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
#bloc-actualites .date-actualite {
  margin-bottom: .5rem;
  font-style: italic;
}
#bloc-actualites .card-title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
}
#bloc-actualites .card-title > a {
  color: var(--primary-color) !important;
  text-decoration: underline;
}
#bloc-actualites .card-title > a:hover {
  text-decoration: none;
}
#bloc-newsletter p {
  margin-bottom: 1.5rem;
}
#bloc-newsletter label {
  display: none;
}
#bloc-newsletter .newsletterInput {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 520px;
  margin-bottom: 1.5rem;
}
#bloc-newsletter .newsletterInput #input_newsletter {
  height: 52px;
  margin-bottom: .5rem;
  padding-right: 20px;
}
#bloc-newsletter .newsletterInput #js_submit {
  display: block;
  margin: 0;
  color: #FFFFFF !important;
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  position: static;
}
#bloc-newsletter .newsletterInput #js_submit:hover {
  color: #FFFFFF !important;
  border-color: var(--primary-color-darken) !important;
  background-color: var(--primary-color-darken) !important;
}
.hint {
  color: var(--secondary-color);
}
.hint .material-icons {
  display: inline-block;
  margin-top: -.125rem;
  margin-right: .5rem;
  margin-left: -.1875rem;
}
#encart-actualites-newsletter > .container > .flex-row > .col:only-child #bloc-newsletter .hint {
  color: var(--secondary-color-lighten);
}
#encart-actualites-newsletter > .container > .flex-row > .col:only-child #bloc-newsletter .hint .material-icons {
  display: none;
}
#mess_newsletter {
  color: var(--error-color);
}
@media screen and (min-width: 601px) {
  #encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) [id^="bloc-"] {
    padding: 2rem 2.5rem;
  }
  #bloc-actualites .btn-3 {
    margin-top: -.125rem;
    display: inline-block;
    border: none;
  }
  #encart-actualites #bloc-actualites ul:not(.slick-dots) li .card {
    padding: 2rem 2.5rem;
  }
  #bloc-actualites > div:last-child > div:last-child.center-align {
    display: none;
  }
  #bloc-newsletter .newsletterInput {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }
  #bloc-newsletter .newsletterInput #input_newsletter {
    margin-bottom: 0;
  }
  #bloc-newsletter .newsletterInput #js_submit {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 993px) {
  #encart-formulaire + #encart-actualites-newsletter.section {
    padding-top: 0;
    padding-bottom: 0;
    background-image: linear-gradient(to right, var(--background-color) 50%, var(--primary-color) 50%);
    position: relative;
  }
  #encart-formulaire + #encart-actualites-newsletter::before {
    display: block;
    width: 100%;
    height: 75%;
    content: '';
    background-color: var(--background-color);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #encart-formulaire + #encart-actualites-newsletter > .container > .flex-row {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: var(--background-color);
    position: relative;
  }
  #encart-formulaire + #encart-actualites-newsletter > .container > .flex-row::before {
    display: block;
    height: 25%;
    width: 8.33333%;
    width: calc(8.33333% - .75rem);
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    right: 0;
  }
  #bloc-newsletter {
    position: relative;
  }
  #encart-actualites-newsletter > .container > .flex-row > .col:only-child #bloc-newsletter {
    text-align: center;
  }
  #bloc-newsletter .newsletterInput {
    margin: 0 auto 1.5rem;
  }
  #encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) #bloc-newsletter .newsletterInput {
    display: block;
  }
  #encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) #bloc-newsletter .newsletterInput #input_newsletter {
    margin-bottom: .5rem;
  }
  #encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) #bloc-newsletter .newsletterInput #js_submit {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  #encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) #bloc-newsletter .newsletterInput {
    display: flex;
  }
  #encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) #bloc-newsletter .newsletterInput #input_newsletter {
    margin-bottom: 0;
  }
  #encart-actualites-newsletter > .container > .flex-row > .col:not(:only-child) #bloc-newsletter .newsletterInput #js_submit {
    width: auto;
    margin-left: 1rem;
  }
}

/* ENCART-MAP */
/* ========== */

#encart-map.section {
  padding-bottom: 0;
  background-image: linear-gradient(to bottom, transparent 50%, var(--primary-color) 50%);
}

/* FOOTER */
/* ====== */

body > footer .brand > a.logo svg,
body > footer .brand > a.logo svg * {
  fill: #FFFFFF;
}
#footer-content {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
#footer-content .numero-telephone .material-icons.primary,
#footer-content .adresse-postale .material-icons.primary {
  background-color: var(--primary-color-darken);
}
#footer-content .numero-telephone a.tel {
  color: #fff;
}
#bottom-bar {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-top: solid 1px rgba(255,255,255,.24);
}
#bottom-bar .siret {
  margin-bottom: 1rem;
}
@media screen and (max-width: 600px) {
  #footer-content .flex-row:not([class*="s-align-items-"]) > .col:not(:first-child) {
    padding-top: .5rem;
  }
  #footer-content .flex-row:not([class*="s-align-items-"]) > .col:not(:last-child) {
    padding-bottom: .5rem;
  }
}
@media screen and (max-width: 992px) {
  .top-bar .main-nav {
    padding-bottom:50px;
  }
  #footer-content > .container > .flex-row > .col:not(:first-child) {
    padding-top: .75rem;
  }
  #footer-content > .container > .flex-row > .col:not(:last-child) {
    padding-bottom: .75rem;
  }
  #footer-content address {
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 601px) {
  #footer-content address > .flex-row {
    margin-top: -.75rem;
    margin-bottom: -.75rem;
  }
  #footer-content address > .flex-row > .col {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
}
@media screen and (min-width: 993px) {
  #footer-content .reseaux-sociaux svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  #footer-content > .container > .flex-row > .col:nth-child(3) {
    min-width: 50%;
  }
  #bottom-bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem;
    line-height: 1rem;
  }
  #bottom-bar .siret {
    margin-bottom: 0;
  }
  #bottom-bar nav a {
    transition: opacity .3s ease-in-out;
  }
  #bottom-bar nav a:hover {
    opacity: .72;
  }
}

/* PAGE CONTACT */
/* ============ */

.contact-page h1 {
  margin-bottom: 2rem;
  font-size: 3rem;
  color: #FFFFFF;
}
.contact-page #fil_ariane a {
  color: #fff;
}
.contact-page p.intro {
  color: #FFFFFF;
}
.contact-page .coordonnees li,
.contact-page #clock li {
  font-size: 1rem;
}
.contact-page .coordonnees li a.tel {
  color: #fff;
}

/* PAGE 404 */
/* ======== */

body.page-404 {
  padding-top: 0;
}
.page-404 .right-404 {
  margin: 2.5rem 0 1.5rem;
  padding: 2rem 1rem;
  border-radius: var(--card-border-radius);
  background-color: #FFFFFF;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.04);
}
.page-404 .right-404 ul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 601px) {
  body.page-404 > main > .section > .container > .flex-row {
    flex-direction: row-reverse;
  }
  .page-404 .right-404 {
    margin: 3rem 0;
    padding: 2rem 2.5rem;
  }
}

/* GdC */
/* === */

input[class*="mce-"] {
  width: 320px;
  max-width: 100%;
  box-sizing: border-box;
}
.mce-label {
  position: static !important;
}

.btn-cabinet a{
  position: absolute;
  z-index: 1;
}



.ligne-btn-fold {
  width: 100%;
  height: 1px;
}

.btn-fold {
  width: 50%;
  display: flex;
  justify-content: center;
}

.btn-fold .btn-cabinet a{
  position: relative;
  right: 40px;
  top: 10px;
}

@media screen and (max-width: 992px){



.btn-fold .btn-cabinet a{
  position: relative;
  right: 0px;
  top: 100px; 
  width: 200px;

}

}

@media screen and (max-width: 767px){

  .btn-fold .btn-cabinet a{
    position: relative;
    right: -40px;
    top: 100px; 
    width: 200px;
  
  }


}

@media screen and (max-width: 600px){

  .btn-fold .btn-cabinet a{
    position: relative;
    right: -40px;
    top: 100px; 
    width: 80%;
  
  }

  .btn-fold {
    width: 100%;
  }

  .btn-fold .btn-cabinet{
    width: 100%;
  }


}

@media screen and (max-width: 400px){

  .btn-fold .btn-cabinet a{
    position: relative;
    right: -30px;
    top: 50px; 
    width: 80%;
  
  }
}

@media screen and (max-width: 600px){
  .btn-calex-avocats {
    margin-bottom: 30px;
  }
}



