:root {
  --darkblue: #00788a;
  --mainblue: #54b5c3;
  --lightblue: #b5eff7;
  --pink: #f85043;
}

/*------------------------------------------------------------------
[ Master Stylesheet ]

Project:	ICARE - Nonprofit, Fundraising HTML Template
Version:	1.0
Last change:	06/13/14
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Table of contents ]

[p1] General (Rest, Typography)
[p2] Header (Social Icons, Search Form...)
[p2.5] Menu
[p3] Content (Old-base)
[p4] Footer
[p5] Misc (Plugins styling)
[p5.5] WP Specifics (Widgets, Post Classes etc)
[ p6. Voyelle Global ]
[ p7. Home page ]
[ p8. Interiors pages ] Pages spe
[ p9. CONTENU VOYELLE editors styles]
[ p10. responsive ]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ p1. GENERAl ]
-------------------------------------------------------------------*/

@media (min-width: 1400px) {
  .container {
    width: 1360px;
  }
}

/* small container 10/12 */
.small-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
.small-container {
      width: calc(750px * 10 / 12);
  }
}
@media (min-width: 992px) {
  .small-container {
      width: calc(970px * 10 / 12);
  }
}
@media (min-width: 1200px) {
    .small-container {
        width: calc(1170px * 10 / 12);
    }
}
@media (min-width: 1400px) {
  .small-container {
    width: calc(1360px * 10 / 12);
  }
}

/* extra small container 8/12 */
@media (min-width: 768px) {
  .extra-small-container {
    width: calc(750px * 8 / 12);
  }
}
@media (min-width: 992px) {
  .extra-small-container {
    width: calc(970px * 8 / 12);
  }
}
@media (min-width: 1200px) {
  .extra-small-container {
    width: calc(1170px * 8 / 12);
  }
}
@media (min-width: 1400px) {
  .extra-small-container {
    width: calc(1360px * 8 / 12);
  }
}
.extra-small-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}

.top-header .header-info-right ul,
.top-header .header-info-left ul,
.main-header .social-icon-top ul,
.menu-wrapper .main-menu ul.sf-menu,
.menu-wrapper .main-menu ul.sf-menu > li ul,
.responsive-menu .menu-open ul,
.event-single .event-content ul.event-info,
.testimonials-wrapper ul,
.events-sidebar ul,
.causes-sidebar ul,
ul.footer-social {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
}

.add-flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (min-width: 768px) {
  .add-sm-flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

a,
button,
input[type='button'],
input[type='submit'],
.main-button, 
.nav-tabs>li>a {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

html {
  height: 100%;
  font-size: 10px;
}

body {
  font-family: 'Montserrat', Arial, Heveltica Neue, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8rem;
  background: #fff;
  color: #000;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

body.too-small {
  min-height: 100%;
}

h1,
.h1-like {
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1-like {
  font-family: 'Montserrat', Helvetica, Arial, Heveltica Neue, sans-serif;
  font-weight: normal;
  color: #232323;
  text-transform: uppercase;
  line-height: normal;
}

p {
  font-size: 15px;
  line-height: 28px;
}

a {
  color: #f85043;
}

a:hover,
a:active,
a:focus {
  color: #00788a;
  text-decoration: none;
  outline: none;
}

@media (max-width: 768px) {
  blockquote {
    padding: 30px;
  }
}

hr {
  border: 0;
  border-bottom: 1px solid #54b5c3;
  background: #54b5c3;
  margin: 30px 0;
}

label {
  font-weight: normal;
}

input,
textarea,
select {
  padding: 5px 10px;
  background-color: #f4f4f4;
  border: 0;
  line-height: 36px;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

input:active,
input:focus,
textarea:active,
textarea:focus,
select:focus {
  background-color: #f4f4f4;
  outline: none;
}
input:not([type='submit']):not([type='button']):active,
input:not([type='submit']):not([type='button']):focus,
textarea:active,
textarea:focus,
.content .gform_wrapper input:not([type='submit']):not([type='button']):active,
.content .gform_wrapper input:not([type='submit']):not([type='button']):focus,
.content .gform_wrapper textarea:active,
.content .gform_wrapper textarea:focus {
  border-left: 5px solid #54b5c3;
}

.gform_wrapper ul.gfield_checkbox li input[type='checkbox'],
.gform_wrapper ul.gfield_radio li input[type='radio'] {
  margin-top: 4px;
  margin-right: 10px;
}

input[type='radio'] + label,
input[type='checkbox'] + label {
  cursor: pointer;
}

button,
input[type='button'],
input[type='submit'],
.main-button {
  display: inline-block;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: white;
  padding: 0 15px;
  height: 3.6rem;
  line-height: 36px;
  background-color: #00788a;
  border: none;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.main-btn:hover,
.bt.bt--active {
  background-color: #f85043;
}

button:active {
  outline: none;
  border: 0;
}

fieldset.checkbox {
  margin: 10px 0 0 0;
}

input.input-checkbox,
input[type='checkbox'] {
  display: inline-block;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

label.checkbox {
  margin: 8px 0 0 0;
  padding-left: 0;
  display: inline-block;
  overflow: hidden;
  font-weight: normal !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.small-text {
  font-size: 12px;
}

.voy_image {
  margin-top: 30px;
}

.no-box-content .voy_image {
  margin-bottom: 30px;
}

.not-full .voy_image {
  margin-top: 15px;
  margin-bottom: 15px;
}

a.load-more {
  position: relative;
  margin-top: 30px;
  text-align: center;
  display: block;
  background-color: white;
  color: #6b9262;
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px 20px;
}

a.load-more i {
  margin-left: 10px;
  font-size: 10px;
}

a.load-more:active {
  top: 1px;
}

a.go-next,
a.go-prev {
  position: relative;
  background-color: white;
  color: #6b9262;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 30px;
  display: inline-block;
  padding: 15px 20px;
}

a.go-next:active,
a.go-prev:active {
  top: 1px;
}

a.go-next i,
a.go-prev i {
  font-size: 10px;
  display: inline-block;
}

a.go-next.inactive,
a.go-prev.inactive {
  cursor: default;
  color: #dddddd;
}

a.go-next.inactive:active,
a.go-prev.inactive:active {
  top: 0;
}

a.go-next i {
  margin-left: 10px;
}

a.go-prev i {
  margin-right: 10px;
}

img {
  max-width: 100%;
  height: auto;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #54b5c3;
  border-color: #54b5c3;
}
.pagination > li > a,
.pagination > li > span {
  color: #54b5c3;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a96a6;
}

/*------------------------------------------------------------------
[ marges - paddings ]
-------------------------------------------------------------------*/

.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.pt-0 {
  padding-top: 0;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

/*------------------------------------------------------------------
[ p2. HEADER ]
-------------------------------------------------------------------*/

.site-header {
  background-color: #54b5c3;
  /*custom*/
  color: #fff;
  font-size: 1rem;
}

.site-header a {
  color: white;
}

.site-header a:not(.bt):hover,
.site-header a.sub--open {
  color: #f85043;
}

.top-header {
  background: #00788a;
  padding: 2px 0;
}

.top-header a {
  color: #fff;
  /*custom*/
  font-size: 1.2rem;
}

.top-header a:hover {
  color: #f85043;
  /*custom*/
}

.top-header .account-access {
  text-transform: uppercase;
}
.top-header .account-access:hover {
  padding-left: 10px;
}

.top-header .account-access i {
  font-size: 1.6em;
  margin-right: 7px;
  vertical-align: middle;
}

.top-header .account-access strong {
  font-weight: 500;
}

.top-header__left {
  float: left;
  padding: 5px 15px;
}
.top-header__right {
  text-align: right;
  float: right;
  padding: 5px 15px;
}

.top-header .lang {
  font-weight: 500;
}

.top-header .lang--active {
  color: #54a8b5;
}
.lang__select {
  padding: 15px 0;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #e7edee;
}
.lang__select .lang {
  color: #00788a;
}
.main-header {
  margin: 0 -15px;
  -webkit-align-items: center;
  align-items: center;
}

.main-header .logo > p {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  letter-spacing: 1px;
  width: 100%;
  max-width: 190px;
}

.main-header .logo {
  font-size: 0;
  padding: 10px 15px;
  width: 40%;
}

.main-header .header__content {
  width: 60%;
  text-align: right;
}

.main-header .logo a {
  padding-right: 2rem;
}

.main-header .logo > * {
  display: inline-block;
  vertical-align: middle;
}

.site-header .search-form input[type='text'] {
  height: 3rem;
  width: 130px;
  background: transparent;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}

.site-header .search-form input[type='text']:focus,
.site-header .search-form input[type='text']:active {
  border: none;
  background: rgba(255, 255, 255, 0.1);
}

.site-header .search-form fieldset > * {
  float: left;
}

.site-header .search-form [type='submit'] {
  position: relative;
  background: none;
  padding: 0 15px;
  margin: 0;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.5rem;
  color: white;
}

.site-header .search-form [type='submit']:before {
  content: '';
  position: absolute;
  height: 70%;
  top: 15%;
  left: 0;
  width: 1px;
  background: white;
}

.site-header .search-form input::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
}

.site-header .search-form input:active::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
}

.main-header .header__content > * {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 15px;
  text-align: left;
}

.renseignement {
  background: #2a96a6;
}
.renseignement--mobile {
  display: none;
  padding: 10px 15px;
}
.renseignement--fixed,
.main-header .header__content > .renseignement--fixed {
  display: block;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 15px;
  -webkit-animation: slideDown 0.7s; /* Safari 4+ */
  -moz-animation: slideDown 0.7s; /* Fx 5+ */
  -o-animation: slideDown 0.7s; /* Opera 12+ */
  animation: slideDown 0.7s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.renseignement__close {
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: 300;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  background: #54b5c3;
  display: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.renseignement__close:hover {
  background: #00788a;
}
.renseignement--fixed .renseignement__close {
  display: block;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.renseignement > * {
  display: inline-block;
  vertical-align: middle;
}

.renseignement img {
  border-radius: 50%;
  margin-right: 15px;
}

.renseignement__content p {
  margin: 5px 0;
  font-size: 1rem;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 1px;
}

.renseignement__content p a {
  display: block;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8em;
}

.renseignement__content p a:hover {
  color: white;
  -webkit-animation: smallShake 0.7s;
  /* Safari 4+ */
  -moz-animation: smallShake 0.7s;
  /* Fx 5+ */
  -o-animation: smallShake 0.7s;
  /* Opera 12+ */
  animation: smallShake 0.7s;
  /* IE 10+, Fx 29+ */
}

.main-header .bt--testeur {
  margin: 0 15px;
  padding: 20px 25px;
  font-size: 1rem;
  font-weight: 700;
}

@-webkit-keyframes smallShake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20%,
  60% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }
  40%,
  80% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }
}
@-moz-keyframes smallShake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20%,
  60% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }
  40%,
  80% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }
}
@-o-keyframes smallShake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20%,
  60% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }
  40%,
  80% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }
}
@keyframes smallShake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20%,
  60% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }
  40%,
  80% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }
}

/*------------------------------------------------------------------
[ p2.5 Menu ]
-------------------------------------------------------------------*/

.menu-wrapper {
  background: white;
  border-bottom: 1px solid #e7edee;
  position: relative;
}
.menu-wrapper .main-menu {
  position: static;
}
.menu-wrapper .inner-menu {
  padding: 0 0 0 0;
}
.menu-wrapper .main-menu ul.sf-menu > li {
  display: inline-block;
  float: left;
  border-right: 1px solid #e7edee;
  overflow: hidden;
}

.menu-wrapper .main-menu ul.sf-menu > li a span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
.menu-wrapper .main-menu ul.sf-menu > li .sub-menu a > span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.menu-wrapper .main-menu ul.sf-menu > li .sub-menu a > span span {
  text-align: center;
}
.menu-wrapper .main-menu ul.sf-menu > li .sub-menu a img {
  margin-right: 15px;
  height: 70px;
}
.menu-wrapper .main-menu ul.sf-menu > li a {
  line-height: 70px;
  color: #000;
  font-size: 1rem;
  display: inline-block;
  padding: 0 25px;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}

.menu-wrapper .main-menu ul.sf-menu > li > a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #f84f43 transparent;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.menu-wrapper .main-menu ul.sf-menu > li:hover a:after {
  bottom: 0;
}

.menu-wrapper .main-menu ul.sf-menu > li a:hover {
  color: #000;
}

.menu-wrapper .main-menu ul.sf-menu > li a i {
  margin-left: 7px;
  margin-top: 2px;
}

.menu-wrapper .main-menu ul.sf-menu > li.active > a,
.menu-wrapper .main-menu ul.sf-menu > li.current-menu-item > a,
.menu-wrapper .main-menu ul.sf-menu > li.current-menu-ancestor > a,
.menu-wrapper .main-menu ul.sf-menu > li.current-page-ancestor > a {
  color: #02798b;
  font-weight: 700;
}

.menu-wrapper .main-menu ul.sf-menu > li.active a:after,
.menu-wrapper .main-menu ul.sf-menu > li.current-menu-item a:after,
.menu-wrapper .main-menu ul.sf-menu > li.current-menu-ancestor > a:after,
.menu-wrapper .main-menu ul.sf-menu > li.current-page-ancestor > a:after {
  border-color: transparent transparent #02798b transparent;
  bottom: 0;
}

.menu-wrapper .main-menu ul.sf-menu > li ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #00788a;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.menu-wrapper .main-menu ul.sf-menu > li ul {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}
.menu-wrapper .main-menu ul.sf-menu > li > ul {
  border-bottom: 1px solid white;
}
.menu-wrapper .main-menu ul.sf-menu > li:hover ul,
.menu-wrapper .main-menu ul.sf-menu > li li.no-real-child ul {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.menu-wrapper .main-menu ul.sf-menu > li.active > ul,
.menu-wrapper .main-menu ul.sf-menu > li.current-menu-item > ul,
.menu-wrapper .main-menu ul.sf-menu > li.current-menu-ancestor > ul,
.menu-wrapper .main-menu ul.sf-menu > li.current-page-ancestor > ul {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  z-index: 900;
}
.menu-wrapper .main-menu ul.sf-menu > li ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.menu-wrapper .main-menu ul.sf-menu > li ul li a {
  padding: 30px;
  height: 100%;
  line-height: normal;
  color: white;
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  max-width: 270px;
  border-right: 1px solid #2c9fb0;
  display: block;
  font-size: 13px;
}
.menu-wrapper .main-menu ul.sf-menu > li ul li.no-real-child > a {
  line-height: normal;
  padding: 10px 30px;
  height: auto;
  border-right: none;
  width: 100%;
  position: relative;
  max-width: none;
  cursor: default;
  z-index: 10;
  opacity: 1;
  font-size: 10px;
  color: #54b5c3;
}
.menu-wrapper .main-menu ul.sf-menu > li ul li.no-real-child > a:hover {
  background: transparent;
  color: #54b5c3;
}
.menu-wrapper .main-menu ul.sf-menu > li ul li.no-real-child > a:after {
  content: '';
  position: absolute;
  width: -webkit-calc(100% - 30px);
  width: expression(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -o-calc(100% - 30px);
  width: calc(100% - 30px);
  left: 0;
  right: 0;
  bottom: -1px;
  margin: auto;
  height: 1px;
  background-image: repeating-linear-gradient(
    -45deg,
    rgb(84, 181, 195),
    rgb(84, 181, 195) 4px,
    rgba(0, 0, 0, 0) 4px,
    rgba(0, 0, 0, 0) 8px
  );
}
.menu-wrapper .main-menu ul.sf-menu > li ul li.no-real-child ul {
  position: static;
}
.menu-wrapper .main-menu ul.sf-menu > li ul li a:hover,
.menu-wrapper .main-menu ul.sf-menu > li ul li.current-menu-item a,
.menu-wrapper
  .main-menu
  ul.sf-menu
  > li
  ul
  li.current-page-ancestor:not(.parent--hidden)
  a {
  background: #2c9fb0;
  color: white;
  opacity: 1;
}
.menu-wrapper .main-menu ul.sf-menu > li ul li:last-child > a {
  border-right: 0;
}

.menu-wrapper .main-menu ul.sf-menu > li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}

.menu-wrapper .button-holder {
  text-align: right;
}

.menu-wrapper .button-holder a {
  margin-top: 9px;
}

a.toggle-menu {
  display: inline-block;
  vertical-align: middle;
  color: #00788a;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
}

.mobile-menu > * {
  display: inline-block;
  vertical-align: middle;
}
.mobile-menu .search-form {
  float: right;
}
.mobile-menu .search-form [type='submit'] {
  font-size: 20px;
}
.mobile-menu .search-form [type='submit'],
.mobile-menu .search-form input[type='text'] {
  color: #00788a;
  line-height: 40px;
  height: 40px;
}
.mobile-menu .search-form input::-webkit-input-placeholder {
  color: #00788a;
  font-style: italic;
}
.mobile-menu .search-form input:active::-webkit-input-placeholder {
  color: #00788a;
  font-style: italic;
}
.mobile-menu .search-form [type='submit']:before {
  background: #00788a;
}
.mobile-menu a.toggle-menu {
  margin: 0 15px;
}
/*------------------------------------------------------------------
[ p3. CONTENT theme ]
-------------------------------------------------------------------*/

.content .search-form {
  max-width: 600px;
  margin: auto;
}
.content .search-form form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.content .search-form input[type='text'] {
  flex-grow: 1;
}
.content .search-form button[type='submit'] {
  line-height: normal;
}

/*------widgets-------------*/

.actu-item a {
  display: block;
}

.not-full .container.principal {
  background: #fff;
}

#top-link {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 15px;
  color: white;
  background: #2a96a6;
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  text-align: center;
  z-index: 999;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#top-link:hover {
  bottom: 25px;
}
.shortcodes blockquote {
  margin: 0;
}

.shortcodes .alert:last-child {
  margin-bottom: 0;
}

.shortcodes .panel-group {
  margin-bottom: 0;
}

.shortcodes .buttons a {
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .post-grid {
    margin-bottom: 30px;
  }
}

.post-content h4.post-title {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 23px;
  margin: 5px 0 15px 0;
}

.post-content h4.post-title a {
  color: #232323;
}

.post-content h4.post-title a:hover {
  color: #6b9262;
}

.post-content p.post-meta {
  margin: 15px 0 5px 0;
  color: #aaaaaa;
}

.post-content p.post-meta a {
  color: #aaaaaa;
}

.post-thumb {
  position: relative;
  overflow: hidden;
}

.post-thumb img {
  width: 100%;
  height: auto;
}

.hentry {
  overflow: hidden;
}
.wp-embed-footer {
  display: none;
}
.wp-embed .wp-embed-more {
  color: #f85043;
}
.wp-embed-heading a {
  text-transform: uppercase;
}
blockquote.wp-embedded-content {
  display: none;
}

.hentry .post-content {
  background-color: white;
  padding: 30px;
}

.hentry .post-content h4 {
  margin: 0 0 15px 0;
}

.hentry .post-content p.post-meta {
  margin: 0 0 5px 0;
}

.hentry .meta-author a {
  color: #ffffff;
}

.blog-list {
  overflow: hidden;
  background-color: white;
  margin-top: 30px;
}

.blog-list .post-thumb {
  width: 300px;
  float: left;
}

.blog-list .post-content {
  padding: 30px;
  background-color: white;
  overflow: hidden;
}

.blog-list .post-content h4 {
  margin: 0 0 15px 0;
}

@media (max-width: 768px) {
  .blog-list .post-thumb {
    width: 100%;
    display: block;
  }
}

.blog-single {
  margin-top: 30px;
  overflow: hidden;
}

.blog-single .post-image {
  position: relative;
  overflow: hidden;
}

.blog-single .post-image img {
  width: 100%;
  height: auto;
}

.blog-single .post-image .image-over {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 15px 25px;
}

.blog-single .post-image .image-over span {
  margin-right: 25px;
}

.blog-single .post-image .image-over span:last-child {
  margin-right: 0;
}

.blog-single .post-image .image-over span i {
  margin-right: 10px;
}

.blog-single .post-image .image-over span em {
  color: #00788a;
  font-style: normal;
}

.blog-single .post-content {
  background-color: white;
  padding: 30px;
}

.blog-single .post-content h3.post-title {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 32px;
  margin: 0;
}

ul.post-gallery {
  padding: 0;
  margin: 30px 0;
  list-style: none;
}

ul.post-gallery li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 7px;
  width: 80px;
  height: 80px;
}

ul.post-gallery li img {
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

ul.post-gallery li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.tags {
  margin: 30px 0 0 0;
}

.tags span {
  margin: 0 15px 0 0;
}

.tags a {
  background-color: #eeeeee;
  color: #777777;
  padding: 5px 7px;
}

.tags a:hover {
  color: #232323;
}

/*-------------------------------------------------comments-------------------*/

.comments h4.widget-title span em {
  font-style: normal;
  color: #00788a;
}

.comments .comment-list,
.comments .comment-list ol {
  list-style: none;
}

.comments .comment-list {
  padding: 0;
  margin: 0;
}

.comments .comment-list .comment-author {
  position: relative;
  padding-left: 100px;
  width: 100%;
  /*overflow: hidden;*/
  float: left;
  margin-right: 20px;
}

.comments .comment-list .comment-author img {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
}

.comments .comment-list .comment-meta {
  position: relative;
  padding-left: 100px;
}

.comments .comment-list .comment-meta a {
  display: block;
  color: #aaaaaa;
}

.comments .comment-list li > .comment-body,
.comments .comment-list li ol li .comment-body {
  position: relative;
  /*border-bottom: 1px solid #dddddd;*/
}

.comments .comment-list > li:last-child .comment-body {
  /*border-bottom: 0;*/
}

.comments .comment-list .comment-body p {
  padding: 0 0 30px 100px;
  margin-bottom: 0;
}

.comments .comment .comment-body cite a {
  margin: 0 0 10px 0;
  display: inline-block;
  width: 600px;
  margin-right: 15px;
  font-size: 16px;
  font-style: normal;
  color: #232323;
}

.comments .comment-list .comment-body .reply {
  position: absolute;
  top: 0;
  right: 0;
}

.comments .comment-list .comment-body .says {
  display: none;
}

.comments .comment-list .comment {
  margin-top: 30px;
  margin-left: 0;
}

.comments .comment-list li:last-child p,
.comments .comment-list li ol li:last-child p {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .comments .comment-list .author-thumb {
    display: none;
  }
  .comments .comment-list .comment-list {
    margin-left: 40px;
  }
}

.comment-form label {
  width: 200px;
  font-weight: 700;
  float: left;
}

.comment-form label span {
  display: block !important;
  font-weight: 400;
  color: #aaaaaa;
  font-size: 12px;
}

.comment-form fieldset {
  margin-bottom: 20px;
}

.comment-form fieldset:last-child {
  margin-bottom: 0;
}

.comment-form input {
  width: 40%;
}

.comment-form textarea {
  width: 60%;
  max-width: 60%;
  min-height: 120px;
}

.comment-form button {
  margin-left: 200px;
}

@media (max-width: 768px) {
  .comment-form label {
    float: none;
    display: block;
  }
  .comment-form input,
  .comment-form textarea {
    width: 100%;
    max-width: 100%;
  }
  .comment-form button {
    margin-left: 0;
  }
}

.comment-form .form-submit {
  display: none;
}

/* Unwanted markup generated by wp :( */

.comment-reply-title {
  display: none;
}

/*--------------------------------------------gallery-----------------------------*/

.gallery-wrapper {
  margin-left: -3%;
}

.gallery-wrapper .gallery-thumb,
.gallery-wrapper .flickr_badge_image {
  overflow: hidden;
  float: left;
  margin-left: 3%;
  width: 30%;
  display: inline-block;
  margin-bottom: 3%;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

footer .gallery-wrapper .flickr_badge_image {
  width: auto;
}

.gallery-wrapper .gallery-thumb img,
.gallery-wrapper .flickr_badge_image img {
  width: 100%;
  height: auto;
}

footer .gallery-wrapper .flickr_badge_image img {
  width: auto;
  height: auto;
}
.responsive-video,
.iframe-responsive-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.iframe-responsive-wrapper iframe,
.iframe-responsive-wrapper object,
.iframe-responsive-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-featured iframe {
  width: 100%;
}
.sidebar {
  background: #e7edee;
  padding: 30px;
}
.sidebar + .sidebar {
  margin-top: 30px;
}
.sidebar .titre {
  color: #f85043;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.sidebar p {
  font-size: 14px;
  line-height: 24px;
}
.sidebar .card__text {
  margin-bottom: 20px;
}
.sidebar .mail,
.sidebar .phone,
.sidebar .address {
  margin: 0;
  color: #000;
  padding: 5px;
}
.sidebar .mail i,
.sidebar .phone i,
.sidebar .address i,
.sidebar .time i,
.sidebar .location i {
  margin-right: 10px;
  width: 15px;
  text-align: center;
  color: #f85043;
}
.sidebar .address span {
  display: inline-block;
  vertical-align: top;
}
.sidebar .mail a,
.sidebar .phone a {
  color: #000;
}
.sidebar .time,
.sidebar .location {
  font-weight: 600;
  font-size: 15px;
  margin: 5px 0;
}
.sidebar .time i,
.sidebar .location i {
  font-size: 20px;
  position: relative;
  bottom: -2px;
}
.sidebar .mail a:hover,
.sidebar .phone a:hover {
  color: #f85043;
}
.sidebar .contact__infos {
  border-top: 1px solid #00788a;
  padding-top: 15px;
  margin-top: 20px;
}
.sidebar .charge-recrutement {
  margin-top: 20px;
}
.sidebar h2 {
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px;
}
.sidebar ul {
  padding: 0;
  margin: 0;
  list-style: square inside;
}

.sidebar ul li {
  padding: 0;
  margin: 0;
  list-style: square inside;
}

.events-sidebar ul li {
  list-style: none;
}

.sidebar input[type='text'],
.sidebar select,
footer input[type='text'],
footer select {
  width: 100%;
}

.sidebar table,
footer table {
  width: 100%;
}

.sidebar table caption,
footer table caption {
  margin-bottom: 20px;
}

.sidebar table td a {
  font-weight: bold;
}

table {
  margin: 15px 0;
}
table > tbody > tr:nth-of-type(even) {
  background: #fff;
}
table > tbody > tr:nth-of-type(odd) {
  background: #f5f5f5;
}
table > tbody > tr:first-of-type,
table > thead > tr {
  background: #00788a;
  color: white;
}
table > thead + tbody > tr:first-of-type {
  background: #f5f5f5;
  color: inherit;
}
table td {
  padding: 10px 15px;
  border: 1px solid #00788a;
}

/*------------------------------------------------------------------
[ p4. FOOTER ]
-------------------------------------------------------------------*/

.site-footer {
  bottom: 0;
  width: 100%;
  color: white;
  font-size: 15px;
  line-height: 23px;
}

.too-small .site-footer {
  position: absolute;
  overflow: hidden;
}

.site-footer a {
  color: white;
}

.site-footer a.bt-contour:hover {
  color: black;
}

.site-footer a:hover {
  color: #54b5c3;
}

.site-footer ul {
  padding: 0;
  margin: 0;
  list-style: square inside none;
}

.site-footer ul li {
  display: inline-block;
  vertical-align: middle;
}
.social-icon-top li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  display: block;
  background: white;
  color: #00788a;
  margin-right: 10px;
  text-align: center;
  font-size: 22px;
}
.social-icon-top li a:hover {
  -webkit-animation: tada 1s; /* Safari 4+ */
  -moz-animation: tada 1s; /* Fx 5+ */
  -o-animation: tada 1s; /* Opera 12+ */
  animation: tada 1s;
}
.widget-voy_coord p {
  margin: 0;
}
.site-footer .side-to-side {
  margin-top: 30px;
}
.site-footer .side-to-side a {
  display: inline-block;
  vertical-align: top;
}
.site-footer .side-to-side a:not(:last-of-type) {
  margin-right: 20px;
}
.bt-contour i {
  font-size: 2;
}
@media (max-width: 992px) {
  .footer-widget {
    margin-bottom: 30px;
  }
}

.site-footer h2 {
  text-transform: uppercase;
  color: white;
  font-weight: 700;
  margin: 0 0 20px 0;
  line-height: normal;
}
.site-footer .gform_wrapper .top_label .gfield_label {
  display: none;
}
body .gform_wrapper .gform_footer {
  /*padding-left: 16px;*/
}
.site-footer .gform_wrapper .gform_footer input[type='submit'] {
  border: none;
  background: white;
  color: #00788a;
  margin: 0;
}
.site-footer .gform_wrapper .gform_footer input[type='submit']:hover {
  color: white;
  background: #54b5c3;
}
.site-footer .gform_wrapper .gform_footer {
  margin: 0;
  padding: 0;
  width: auto;
}
.site-footer .gform_wrapper ul.gform_fields li.gfield {
  padding: 0;
  margin: 0;
  width: 100%;
}
.site-footer .gform_wrapper form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 400px;
  margin-left: 0;
}
.site-footer .gform_wrapper .gform_body {
  width: auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.site-footer .gform_wrapper .top_label div.ginput_container {
  margin: 0;
}
.site-footer input {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  background: none;
  border: 1px solid white;
}
.site-footer input:not([type='submit']):not([type='button']):active,
.site-footer input:not([type='submit']):not([type='button']):focus {
  border-color: white;
}
.site-footer ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
.site-footer ::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
.site-footer :-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
.site-footer :-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
.contact-info ul li span {
  margin-right: 7px;
}

ul.footer-social {
  list-style: none !important;
}

ul.footer-social li {
  float: left;
  display: inline-block;
  margin-right: 1px;
  margin-bottom: 1px;
}

ul.footer-social li a {
  width: 66px;
  height: 66px;
  line-height: 66px;
  background-color: #5b7d54;
  text-align: center;
  color: white;
}

.main-footer {
  background-color: #00788a;
  padding-top: 50px;
}

.copyright {
  padding: 15px 0;
  margin-top: 15px;
  font-size: 0;
  line-height: 18px;
}
.copyright ul,
.copyright p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.copyright ul li {
  padding: 0 5px;
  font-size: 12px;
  border-right: 1px solid white;
}
.copyright p {
  font-size: 12px;
  margin-left: 5px;
}
.copyright ul {
  font-size: 0;
}
.copyright p a {
  font-weight: 700;
}

@media (max-width: 992px) {
  .copyright {
    text-align: center;
  }
  .copyright .credits {
    text-align: center;
  }
}

/*------------------------------------------------------------------
[ p5. MISC ]
-------------------------------------------------------------------*/

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Icon Fonts
*********************************/

/* Font-face Icons */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0')
      format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Sidenav **/
.side-nav {
  background: white;
  color: black;
  position: fixed;
  width: 250px;
  height: 100%;
  left: -250px;
  top: 0;
  z-index: 99999;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  padding: 0;
  margin: 0;
  overflow: auto;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.side-nav .logo__wrapper {
  background: #00788a;
}
.side-nav .logo__wrapper a {
  padding: 15px;
  display: block;
}
.side-nav--active {
  left: 0;
}
.side-nav ul {
  padding: 0;
  margin: 0;
}
.side-nav ul li a {
  font-size: 13px;
  display: block;
  padding: 0 40px 0 30px;
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #e7edee;
  color: black;
  position: relative;
}
.side-nav .dropdown > a > span:last-of-type {
  font-size: 26px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  background: #f1f1f1;
  text-align: center;
  color: black;
}
.side-nav .dropdown > ul {
  display: none;
}
.side-nav .sub-menu > li > a {
  padding-left: 45px;
}
.side-nav .sub-menu > li > a img {
  display: none;
}
.side-nav ul li.link--pink a {
  background: #f85043;
  color: white;
}
.side-nav ul li a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #f85043;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  margin: auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.side-nav ul li a:hover:before {
  left: 0;
}
.side-nav ul li a:hover,
.side-nav ul li a.sub--open {
  background: #e7edee;
  border-bottom: 1px solid white;
}
.side-nav ul li li a {
  border-left: 5px solid #00788a;
}
.side-nav ul li li a:before {
  left: -12px;
  border-color: transparent transparent transparent #00788a;
}
.side-nav ul li li li a {
  border-left: 5px solid #f85043;
}
.side-nav ul li li li a:before {
  left: -12px;
  border-color: transparent transparent transparent #f85043;
}
.side-nav ul li.dropdown > a.sub--open > span:last-of-type {
  background: #00788a;
  color: white;
}
.side-nav ul li.current-menu-ancestor > a,
.side-nav ul li.current-menu-item > a {
  background: #54b5c3;
  color: white;
}
.site-header .current-menu-ancestor > a:hover,
.site-header .current-menu-ancestor > a.sub--open,
.site-header .current-menu-item > a:hover,
.site-header .current-menu-item > a.sub--open {
  color: white;
}
.side-nav li > a > span:first-of-type {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
.side-nav__shadow {
  background: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -9999;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.side-nav__shadow--active {
  opacity: 0.5;
  z-index: 9999;
  cursor: pointer;
}
.side-nav li a i {
  margin-right: 5px;
}

/** Slick **/
/* Slider */

.slick-slider {
  clear: both;
  padding: 0 40px;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider.add-flexbox .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: auto;
}
.slick-slider.add-flexbox .slick-slide {
  height: auto;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide:focus {
  outline: none;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: inline-block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
.slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-indent: -9999em;
  overflow: hidden;
  background: #00788a;
  color: white;
  z-index: 20;
  padding: 0;
  font-size: 3rem;
}
.slick-arrow:hover,
.slick-arrow:focus {
  background: #00788a;
}
.slick-arrow:before {
  font-family: FontAwesome;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slick-arrow:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 101%;
  height: 101%;
  z-index: -1;
  top: 0;
  left: 0;
  background: #f85043;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: scale(0);
}
.slick-arrow:hover:after {
  transform: scale(1);
  -webkit-animation: scaling 0.7s;
  -moz-animation: scaling 0.7s;
  -o-animation: scaling 0.7s;
  animation: scaling 0.7s;
}
.slick-arrow.slick-prev {
  left: 0;
}
.slick-arrow.slick-next {
  right: 0;
}
#slider .slick-arrow.slick-prev {
  left: 15px;
}
#slider .slick-arrow.slick-next {
  right: 15px;
}
.slick-arrow.slick-prev:before {
  content: '\f104';
}
.slick-arrow.slick-next:before {
  content: '\f105';
}
.slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 0.5rem;
}
.slick-dots li button {
  border-radius: 50%;
  font-size: 0;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: #f5f5f5;
}
.slick-dots .slick-active button {
  background: #00788a;
}
#slider .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@-webkit-keyframes scaling {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes scaling {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-o-keyframes scaling {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes scaling {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../images/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('../images/fancybox_sprite@2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('../images/fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}

/* Shortcodes Ultimate Overrides
 ----------------------------------*/

/* Tabs Shortcodes Overrides */

.su-tabs-style-default {
  padding: 0 !important;
  background-color: #fff !important;
}

.su-tabs-style-default .su-tabs-panes {
  padding: 15px !important;
  background-color: #eeeeee !important;
}

.su-tabs-pane {
  font-size: inherit !important;
  background-color: #eeeeee !important;
}

.su-tabs-style-default .su-tabs-nav span {
  background-color: #00788a !important;
  color: #232323 !important;
  border-radius: 0 !important;
  padding: 10px 15px !important;
  font-size: inherit !important;
}

.su-tabs-style-default .su-tabs-nav .su-tabs-current {
  background-color: #eeeeee !important;
}

/* Accordions Shortcodes Overrides */

.su-spoiler-style-default .su-spoiler-title {
  padding: 10px 15px !important;
  background-color: #00788a;
  font-size: inherit;
  font-weight: normal !important;
  text-transform: uppercase;
  color: #232323;
}

.su-spoiler-style-default .su-spoiler-icon {
  display: none !important;
}

.su-spoiler-style-default > .su-spoiler-content {
  background-color: #eeeeee !important;
  padding: 15px !important;
  font-size: inherit;
}

.su-spoiler-closed > .su-spoiler-content {
  height: 0;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  border: none;
  opacity: 0;
}

/* Blockquote Shortcodes Overrides */

.su-quote-style-default {
  padding: 35px 60px !important;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #eeeeee;
  color: #aaaaaa;
  font-size: 16px;
  line-height: 26px;
  font-style: normal !important;
}

.su-quote-style-default:before,
.su-quote-style-default:after {
  background-image: none !important;
}

/* Default Shortcodes Overrides */

.su-button-style-default {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  border-width: 0 !important;
  padding: 0 15px !important;
  height: 36px !important;
  line-height: 36px !important;
}

.su-button-style-default span {
  border: none !important;
  padding: 0 !important;
  line-height: 36px !important;
}

.su-heading-style-default .su-heading-inner {
  border: none !important;
}

/* Demo purposes */

.apply-margin {
  margin: 0 10px 10px 0;
}

/*------------------------------------------------------------------
[ p5.5 WP SPECIFICS ]
-------------------------------------------------------------------*/

.sticky {
  border: 2px solid #63875b;
}

.sidebar .textwidget img,
footer .textwidget img {
  max-width: 100%;
  height: auto;
}

.wp-caption {
}

.wp-caption-text img {
  width: auto !important;
  height: auto !important;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (max-width: 768px) {
  .fix-box-height {
    height: auto !important;
  }
}

.paging-navigation {
  position: relative;
  margin-top: 30px;
  display: block;
  height: 52px;
  background-color: white;
  color: #6b9262;
  text-transform: uppercase;
  padding: 0 20px;
  line-height: 0;
  vertical-align: middle;
}

@media (max-width: 960px) {
  .paging-navigation {
    height: auto;
    padding: 15px 20px;
  }
  .paging-navigation .loop-pagination,
  .page-info {
    text-align: center !important;
  }
}

.paging-navigation .page-info h6 {
  color: #999999;
  font-size: 11px;
}

.paging-navigation .loop-pagination {
  text-align: right;
  margin-top: 20px;
}

.paging-navigation .page-numbers {
  padding: 4px 8px;
  background-color: #dedede;
  color: #444444;
  margin-left: 3px;
}

.paging-navigation .page-numbers:hover {
  background-color: #6b9262;
  color: #ffffff;
}

.paging-navigation .page-numbers.current {
  background-color: #6b9262;
  color: #ffffff;
}

/*------------------------------------------------------------------
[ p6. Voyelle Global ]
-------------------------------------------------------------------*/

h1,
.h1-like {
  font-weight: normal;
  color: #232323;
  /* custom-color-scheme */
  margin: 0 0 30px 0;
  font-size: 30px;
}
.heading {
  padding: 30px 0 10px;
}
.heading h1,
.heading .h1-like {
  margin: 0;
  font-weight: bold;
  color: #f85043;
  border-bottom: 2px solid #f85043;
  padding-bottom: 20px;
}
.blog h1 {
  font-weight: bold;
  color: #f85043;
  margin-bottom: 45px;
}
.blog .heading {
  padding-top: 0;
}
section.acf-map {
  margin: 0;
}
h2 {
  font-weight: normal;
  color: #00788a;
  /* custom-color-scheme */
  margin: 10px 0;
  font-size: 22px;
}

h3 {
  font-weight: normal;
  color: #00788a;
  /* custom-color-scheme */
  margin: 10px 0;
  font-size: 20px;
}

h4 {
  font-weight: normal;
  color: #00788a;
  /* custom-color-scheme */
  margin: 10px 0;
  font-size: 18px;
}

h5 {
  font-weight: normal;
  color: #00788a;
  /* custom-color-scheme */
  margin: 10px 0;
  font-size: 17px;
}

h6 {
  font-weight: normal;
  color: #00788a;
  /* custom-color-scheme */
  margin: 10px 0;
  font-size: 16px;
}

img.alignleft {
  padding-right: 15px;
}

img.alignright {
  padding-left: 15px;
}

a {
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bt,
.bt-contour {
  text-align: center;
}
.bt {
  background: #00788a;
  /* custom-color-scheme */
  color: #fff;
  /* custom-color-scheme */
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.2rem;
  margin: 0;
  padding: 15px;
  height: auto;
  position: relative;
  overflow: hidden;
  -webkit-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
.bt--effect {
  overflow: hidden;
  -webkit-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.bt:after,
.bt--effect:after {
  content: '';
  position: absolute;
  left: -150%;
  right: -150%;
  top: -300%;
  bottom: -300%;
  width: 150%;
  height: 300%;
  border-radius: 50%;
  margin: auto;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  z-index: -1;
}
.bt--circle:after {
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  width: 100%;
  height: 100%;
}

.bt:hover,
.bt:focus {
  color: #fff;
}

.bt:hover:after,
.bt:focus:after,
.bt--effect:hover:after,
.bt--effect:focus:after {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}

.bt--main {
  background: #f85043;
}

.bt--small {
  font-size: 1.2rem;
  text-transform: none;
  padding: 5px 10px;
}

.bt--big {
  padding: 15px 30px;
  font-size: 1.6rem;
}

.bt-contour, 
.nav-tabs>li>a {
  background: none;
  color: #00788a;
  /* custom-color-scheme */
  border: 1px solid #00788a;
  /* custom-color-scheme */
  text-transform: uppercase;
  display: inline-block;
  font-size: 12px;
  line-height: normal;
  margin: 0;
  padding: 15px;
  height: auto;
  position: relative;
}
.nav-tabs>li>a {
  padding: 8px 15px;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
}
.bt-contour:hover,
.bt-contour:focus, 
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus, 
.nav>li>a:hover, 
.nav>li>a:focus {
  background: #00788a;
  /* custom-color-scheme */
  border-color: #00788a;
  color: #fff;
}
.bt-contour--white {
  border-color: white;
  color: white;
}
.bt-contour--white:hover,
.bt-contour--white:focus {
  background: white;
  color: black;
}
.bt-contour--black {
  border-color: black;
  color: black;
}
.bt-contour--black:hover,
.bt-contour--black:focus {
  background: black;
  color: white;
}
.bt-contour--pink {
  border-color: #f85043;
  color: #f85043;
}
.bt-contour--pink:hover,
.bt-contour--pink:focus {
  background: #f85043;
  color: white;
}
.bt-contour.bt--effect {
  background: none;
}
.bt-contour.bt--effect:after {
  background: #00788a;
}
.bt-contour.bt--effect.bt-contour--white:after {
  background: #fff;
}
.bt-contour.bt--effect.bt-contour--black:after {
  background: #000;
}
.bt-contour.bt--effect.bt-contour--pink:after {
  background: #f85043;
}
.boutonPdf {
  font-weight: 600;
}
.boutonPdf i {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 5px;
}
.breadcrumbs {
  padding: 10px 0;
  font-size: 12px;
  color: #2c9fb0;
}
.breadcrumbs a {
  color: #2c9fb0;
}
.breadcrumbs a:hover {
  color: #f85043;
}
.breadcrumbs p {
  margin: 0;
}
.breadcrumb_last {
  font-weight: 500;
}
::selection {
  background: rgba(84, 181, 195, 0.3); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(84, 181, 195, 0.3); /* Gecko Browsers */
}
.bg--grey {
  background-color: #f5f5f5;
}
.bg--blue {
  background-color: #54b5c3;
}
.bg--striped {
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 1px,
    rgba(0, 0, 0, 0) 1px,
    rgba(0, 0, 0, 0) 7px
  );
}
.color--blue {
  color: #0e7f90;
}
.color--red {
  color: #f85043;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.float--right {
  float: right;
  clear: both;
}
img.objectfit-image {
  display: block;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.no-objectfit img.objectfit-image {
  display: none;
}
.no-objectfit .img-no_objectfit {
  background-position: center center;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/*------------------------------------------------------------------
[ p7. Home page ]
-------------------------------------------------------------------*/
#home_content {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #00788a;
  padding: 15px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#home_content h1 {
  font-size: 12px;
  color: #fff;
  line-height: normal;
  margin: 0;
}
#home_content p {
  font-size: 11px;
  line-height: normal;
  margin: 5px 0;
  color: #fff;
}
#slider {
  padding: 0;
}
#slider .slide {
  position: relative;
  height: 500px;
  line-height: 500px;
  overflow: hidden;
  text-align: center;
}

.slide__image {
  position: absolute;
  top: -9999em;
  bottom: -9999em;
  left: -9999em;
  right: -9999em;
  height: 100%;
  max-width: none;
  margin: auto;
}
.objectfit .slide__image {
  width: 100%;
  object-fit: cover;
}
.slide__content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  padding: 0 40px;
}
.slide__content .title__wrapper {
  display: block;
}
.slide__content h2 {
  font-size: 26px;
  line-height: 47px;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
  margin: 20px 0 0;
  display: inline-block;
  padding: 10px 25px;
  background: rgba(255, 255, 255, 0.8);
  background: radial-gradient(
    circle at 50% 50%,
    rgba(255, 255, 255, 255),
    rgba(255, 255, 255, 0.2) 75%,
    rgba(255, 255, 255, 0) 95%
  );
}

.slide__content h2 span {
  display: block;
  font-size: 30px;
  color: #f85043;
  font-weight: 700;
}

.slide__content .bt {
  margin-top: 40px;
}
section {
  padding: 50px 0;
  position: relative;
  overflow: hidden;
}
section h2 {
  color: #00788a;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  margin: 0;
}
section.bg--blue h2 {
  color: white;
}
section h2.color--pink {
  color: #f85043;
}
section h3 {
  color: #000;
  font-weight: 500;
  text-align: center;
  font-size: 15px;
  line-height: 27px;
  margin: 0;
}

#thematiques .thematique {
  margin-top: 30px;
  text-align: center;
}
#thematiques .thematiques {
  margin-top: 20px;
}
.thematique__icone_wrapper {
  margin-bottom: 30px;
}
.home #thematiques .thematique__icone_wrapper {
  height: 55px;
  line-height: 55px;
}
.thematique p {
  margin: 0;
}
.thematique__titre {
  color: #f85043;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 5px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a:hover > .thematique__titre {
  color: #00788a;
}
.thematique__texte {
  font-size: 13px;
  line-height: 22px;
}
.thematique .bt-contour {
  margin-top: 20px;
}
h2 + .row > .filter-thematique {
  margin-top: 30px;
}
.filter-thematique {
  font-size: 4px;
  background: #00788a;
}
.filter-thematique button {
  display: inline-block;
  vertical-align: middle;
}
.filter-thematique button:not(:last-of-type) {
  border-right: 1px solid #2a96a6;
}
#carte {
  position: relative;
  background: #494848;
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
  min-height: 420px;
}
#carte:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #494848;
  opacity: 0.8;
}
#carte.carte--darker:before {
  background: #181818;
}
#carte .carte {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #46bcec;
  overflow: hidden;
  -webkit-transform: skewX(-18deg);
  -ms-transform: skewX(-18deg);
  transform: skewX(-18deg);
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#carte .carte-wrapper {
  width: 100%;
  height: 100%;
  -webkit-transform: skewX(18deg);
  -ms-transform: skewX(18deg);
  transform: skewX(18deg);
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#carte .carte img {
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: left center;
}
.objectfit #carte .carte img {
  width: 100%;
  height: 100%;
}
#carte .carte__content {
  text-align: right;
}
#carte .carte__content h2,
#carte .carte__content h3,
#carte .carte__content p {
  color: white;
  line-height: 28px;
  margin: 0;
  text-align: right;
}
#carte .carte__content p {
  font-size: 1.4rem;
}
#carte .carte__heading {
  margin-bottom: 50px;
}
#carte .bt-contour {
  margin-top: 40px;
}
#chiffres .chiffres {
  margin-top: 15px;
}
#chiffres .chiffres .chiffre {
  margin-top: 30px;
  text-align: center;
}
.page-template-default #chiffres {
  background: #f5f5f5;
}
.chiffre__icone {
  margin-bottom: 15px;
}
.chiffre__wrapper {
  max-width: 200px;
  display: inline-block;
}
.chiffre__number {
  font-size: 40px;
  font-weight: 700;
  color: #f85043;
  margin: 0;
}
.chiffre__titre {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin: 15px 0 0;
}
.chiffre__texte {
  margin: 0;
}
.confiance {
  margin-top: 30px;
}
#confiance .bt-contour {
  margin-top: 30px;
}
.confiance .partenaire {
  width: 20%;
  float: left;
  text-align: center;
  margin: 10px 0;
}
.confiance .partenaire .partenaire__image {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: white;
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
.confiance .partenaire .partenaire__image img {
  border-radius: 50%;
}
.confiance .partenaire .partenaire__image:before {
  content: '';
  position: absolute;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  background: #00788a;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.confiance .partenaire .partenaire__image:hover:before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-animation: scalingOut 0.7s forwards;
  -moz-animation: scalingOut 0.7s forwards;
  -o-animation: scalingOut 0.7s forwards;
  animation: scalingOut 0.7s forwards;
}
@-webkit-keyframes scalingOut {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}
@-moz-keyframes scalingOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.2);
  }
}
@-o-keyframes scalingOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes scalingOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.2);
  }
}
.blog .news {
  clear: both;
}
#news h2,
#news h3 {
  color: white;
}
#news .news {
  margin-top: 60px;
  -webkit-align-items: stretch;
  align-items: stretch;
  clear: both;
}
.news.add-flexbox {
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#news .news .slick-track {
  -webkit-align-items: stretch;
  align-items: stretch;
}
#news {
  position: relative;
  overflow: hidden;
}
.icone_deco {
  opacity: 0.2;
  position: absolute;
}
.icone_deco--medium {
  height: 35%;
  bottom: 10%;
  left: 15px;
}
.icone_deco--big {
  height: 100%;
  top: -20%;
  right: -10%;
}
.card__wrap {
  text-align: center;
  margin-bottom: 30px;
}
.card {
  max-width: 275px;
  text-align: left;
  margin: auto;
  background: white;
  height: 100%;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.emploi .card {
  max-width: 100%;
  padding: 30px;
  background: #f5f5f5;
  color: #000;
}
.horizontal .card {
  -webkit-flex-direction: row;
  flex-direction: row;
  max-width: none;
}
.card--grey .card {
  background: #f5f5f5;
}
.emploi.emploi--white .card {
  background: #fff;
}
.emploi .card:after,
.card--grey .card:after {
  border-color: #fff #fff transparent transparent;
}
.emploi.emploi--white .card:after {
  border-color: #f5f5f5 #f5f5f5 transparent transparent;
}
.emploi .card__title {
  color: #f85043;
  margin: 0;
}
.emploi .card__data {
  margin: 10px 0 0;
}
.emploi .card__data span {
  font-weight: bold;
  font-size: 15px;
}
.emploi .card__data span:not(:last-of-type) {
  margin-right: 15px;
}
.emploi .card__data span i {
  margin-right: 5px;
  font-weight: normal;
  color: #f85043;
  font-size: 1.2em;
}
.emploi .card__text {
  margin: 5px 0 0;
}
.emploi .card__date {
  color: #999;
  font-weight: normal;
  margin-top: 10px;
}
.emploi .card__content {
  padding: 0;
}
.emploi:not(.emploi--white) .card:hover {
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 1px,
    rgba(0, 0, 0, 0) 1px,
    rgba(0, 0, 0, 0) 7px
  );
}
.emploi.card--pourvu .card {
  padding-top: 45px;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 1px,
    rgba(0, 0, 0, 0) 1px,
    rgba(0, 0, 0, 0) 7px
  );
}
.job__pourvu {
  background: #00788a;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  text-align: center;
  font-size: 16px;
  line-height: normal;
  padding: 5px 25px;
  text-transform: uppercase;
  font-weight: 300;
}
.charge-recrutement .texte {
  margin: 0;
  font-weight: 600;
}

/* OFFRE EMPLOI PRE RECHERCHE */

.map__wrapper svg path {
  transition: 0.3s;
}

.map__wrapper svg path.active {
  fill: #00788a;
  cursor: pointer;
}

@media (max-width: 991px) {
  .map__wrapper svg {
    max-width: 40rem;
  }
}
@media (min-width: 992px) {
  .map__wrapper svg path:hover,
  .map__wrapper svg path:focus {
    fill: #00788a;
    cursor: pointer;
  }
}

.page-template-modele-emploi-recherche section.content {
  overflow: visible;
}

.page-template-modele-emploi-recherche .checkbox__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
}

.page-template-modele-emploi-recherche .map__wrapper {
  position: relative;
  text-align: center;
}

@media (min-width: 992px) {
  .page-template-modele-emploi-recherche .map__wrapper .map__heading {
    position: absolute;
    min-width: 28rem;
    top: 0;
    right: 75%;
  }

  .page-template-modele-emploi-recherche .map__wrapper svg {
    margin-top: 3rem;
  }

  .page-template-modele-emploi-recherche .search__selects {
    margin-top: 20rem;
  }
}

@media (min-width: 1500px) {
  .page-template-modele-emploi-recherche .map__wrapper .map__heading {
    left: unset;
  }

  .page-template-modele-emploi-recherche .map__wrapper svg {
    margin-top: 0;
  }
}

@media (min-width: 1750px) {
  .page-template-modele-emploi-recherche .map__wrapper .map__heading {
    right: 90%;
  }
}

.page-template-modele-emploi-recherche .checkbox__wrapper label {
  margin: 0 0 0 1rem;
  font-size: 1.5rem;
}

.page-template-modele-emploi-recherche .content.d-flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 0;
}

.page-template-modele-emploi-recherche .search__selects select {
  margin: 0 1rem 1rem;
  background-color: var(--darkblue);
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  padding: 5px 2rem;
}

.page-template-modele-emploi-recherche .search__selects select option {
  font-size: 16px;
}

.bt.offre-back {
  margin-bottom: 4rem;
}

.page-template-modele-nos-offres h1 small {
  display: block;
  text-transform: initial;
}

.page-template-modele-nos-offres .bt--small i {
  margin-right: 1rem;
}

/*  */

.card:after {
  content: '';
  top: 0;
  right: 0;
  position: absolute;
  background: #f85043;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0;
  border-color: #f2f2f2 #f2f2f2 transparent transparent;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.home .card:after {
  border-color: #54b5c3 #54b5c3 transparent transparent;
}
.card:hover:after {
  border-width: 0 40px 40px 0;
}
.card--grey .card {
  background: #f4f4f4;
}
.card__image {
  background: #76c4cf;
  position: relative;
  overflow: hidden;
}
.horizontal .card__image {
  width: 40%;
}
.horizontal .card__content {
  width: 60%;
  padding: 30px 15px;
}
.horizontal .card__text {
  font-size: 13px;
  line-height: 23px;
  margin: 0;
}
.horizontal .card__title {
  color: #f85043;
  margin-bottom: 20px;
}
.card__category {
  font-size: 14px;
  line-height: normal;
  background: #f85043;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 7px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.card__image img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.card__content {
  padding: 15px;
  line-height: 24px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.card__title {
  font-size: 19px;
  margin: 0 0 30px;
  font-weight: 500;
  text-align: left;
  color: #000;
  text-transform: uppercase;
}
.card:hover .card__title {
  text-decoration: underline;
}
.card:hover .card__image img {
  opacity: 0.5;
}
#news .card__title {
  color: #000;
}
.card__text {
  margin: 0 0 30px;
  color: #000;
}
.card__date {
  color: #f85043;
  font-weight: 500;
  font-style: italic;
  margin: auto 0 0;
}
.rejoindre__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-objectfit .rejoindre__image {
  display: none;
}
.rejoindre__image-wrapper {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.rejoindre__stamp {
  position: absolute;
  top: 25px;
  right: 20%;
  z-index: 990;
  max-width: 25%;
}
#rejoindre h2,
#rejoindre h3 {
  text-align: left;
}
.rejoindre__heading {
  margin-bottom: 30px;
}
.rejoindre_texte {
  line-height: 27px;
}
#rejoindre .bt-contour {
  margin-top: 40px;
}
#rejoindre:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 53%;
  height: 100%;
  background: white;
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
.rejoindre__content {
  z-index: 2;
}
/*------------------------------------------------------------------
[ p8. Interiors pages ] - Styles des pages interieur spé
-------------------------------------------------------------------*/

.see-more__heading h2,
.see-more__heading h3 {
  color: black;
}
.see-more__heading h2.blue {
  color: #00788a;
}
section.content {
  padding: 30px 0 50px;
}
section.content .post__data {
  border-top: 1px solid #00788a;
  border-bottom: 1px solid #00788a;
  padding: 5px 15px;
  overflow: hidden;
  color: #00788a;
  margin: 30px 0;
}
section.content .post__data p {
  margin: 5px 0;
}
.post__data .text-left {
  float: left;
}
.post__data .text-right {
  float: right;
}
.category__tag {
  background: #00788a;
  padding: 5px 10px;
  color: white;
  margin: 5px;
}

/** Single Offre **/
.offre__content {
  padding-top: 30px;
}
.heading--offre .type {
  color: #f85043;
  font-size: 20px;
  line-height: 34px;
  margin: 0;
}
.heading--offre h1 {
  color: #000;
  font-weight: 500;
  text-align: left;
  font-size: 25px;
  line-height: 34px;
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7edee;
}
.contenu__bloc {
  padding: 0;
}
.contenu__bloc .collapse {
  padding-bottom: 15px;
}
.contenu__toggler {
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #2a96a6;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 0;
  border-bottom: 1px solid #e7edee;
}
.contenu__toggler span {
  position: relative;
  display: block;
  padding-right: 25px;
}
.contenu__toggler.collapsed span:after {
  content: '\f107';
}
.contenu__toggler span:after {
  content: '\f106';
  font-size: 30px;
  position: absolute;
  font-family: FontAwesome;
  right: 0;
  top: 0;
  bottom: 0;
}

/** PAGE POSTULER **/

.page-template-modele-postuler h1 span {
  color: #00788a;
  display: block;
  font-weight: normal;
}
.apply__button {
  margin: 5px;
}
.apply--linkedin i {
  margin-right: 7px;
  font-size: 1.4em;
}

/** PAGE THEMATIQUE **/
.heading--thematique {
  padding: 30px 0;
}
.heading--thematique h1,
.heading--thematique .h1-like {
  color: #f85043;
  font-weight: bold;
  margin-top: 20px;
}
.page-template-modele-thematique-v2 .editor-content  .bt-contour {
  font-weight: 700;
}
.page-template-modele-thematique-v2  .heading--thematique  ul {
  padding-left: 0 !important;
}

/* .page-template-modele-thematique-v2 .editor-content > *:first-child {
  margin-top: 0;
}
.page-template-modele-thematique-v2 .editor-content > *:last-child {
  margin-bottom: 0;
} */
@media (min-width: 1400px) {
  .page-template-modele-thematique-v2 .editor-content {
    font-size: 16px;
  }
  .page-template-modele-thematique-v2 .editor-content p {
    font-size: 16px;
  }
}

.page-template-modele-thematique-v2 .heading--thematique {
  padding-top: 75px;
  padding-bottom: 60px;
}
.page-template-modele-thematique-v2 .heading--thematique h1,
.page-template-modele-thematique-v2 .heading--thematique .h1-like  {
  margin: 0;
}
.page-template-modele-thematique-v2 .heading--thematique h1 span,
.page-template-modele-thematique-v2 .heading--thematique .h1-like span{
  max-width: 680px;
  margin: 0 auto;
}
.page-template-modele-thematique-v2 .heading--thematique > .container > .row::after, 
.page-template-modele-thematique-v2 .heading--thematique > .container > .row::before {
  display: none;
}
.page-template-modele-thematique-v2 .heading--thematique > .container > .row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  --gap-x : 15px;
  --gap-y : 40px;
  margin-left: calc(-1 * var(--gap-x));
  margin-right: calc(-1 * var(--gap-x));
  row-gap: var(--gap-y);
}
.page-template-modele-thematique-v2 .heading--thematique > .container > .row > * {
  padding-left:  var(--gap-x);
  padding-right: var(--gap-x);
}

@media (min-width: 1400px) {
  .page-template-modele-thematique-v2 .heading--thematique .container, 
  .page-template-modele-thematique .heading--thematique .container,
  .page-template-modele-thematique-v2 .content .container, 
  .page-template-modele-thematique .content .container  {
    max-width: 1128px;
  }
  .page-template-modele-thematique-v2 .small-container, 
  .page-template-modele-thematique .small-container {
    width: calc(1128px * 10 / 12);
  }
  .page-template-modele-thematique-v2 .extra-small-container, 
  .page-template-modele-thematique .extra-small-container {
    width: calc(1128px * 8.65 / 12);
  }
}

.page-template-modele-thematique-v2 .editor-content h2{
    color: #F85043;
    margin: 40px 0;
    font-size: 22px;
    text-align: left;
}

.page-template-modele-thematique-v2 .editor-content h2.title--border {
    position: relative;
    padding-left: 13px;
    max-width: 660px;
}

.page-template-modele-thematique-v2 .editor-content h2.title--border::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 27px;
  background: #F85043;
}

.page-template-modele-thematique-v2 .editor-content h3{
  font-size: 21px;
  font-weight: bold;
}

.page-template-modele-thematique-v2 .editor-content ul:not(:last-child) {
  margin-bottom: 40px;
}

.page-template-modele-thematique-v2 .editor-content ul li:not(:last-child) {
  margin-bottom: 10px;
}

.imgText__wrapper .image__wrapper{
  flex-basis: 100%;
  position: relative;
}
.imgText__wrapper .content__wrapper{
  flex-basis: 100%;
}
.imgText__wrapper {
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) {
  .imgText__wrapper .image__wrapper{
    flex-basis: 50%;
  }
}
.page-template-modele-thematique-v2 .heading--thematique + .content .content {
  overflow: initial;
}
.page-template-modele-thematique-v2 *:has(.wp-caption-text) .fancybox.image img {
  border: 1px solid var(--darkblue);
}

.page-template-modele-thematique-v2 .fancybox.image {
  display: block;
  width: 100%;
  position: relative;
}
.page-template-modele-thematique-v2 .fancybox.image:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  width: 30px;
  height: 30px;
  background: var(--darkblue);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
  mask: url('../images/loop.svg') center no-repeat;
  mask-size: contain;
} 

.page-template-modele-thematique-v2 .fancybox.image:hover:after {
  opacity: 1;
}

.page-template-modele-thematique-v2 .wp-caption-text {
  margin-top: 8px;
  line-height: normal;
}
@media (min-width: 992px) {
  .imgText__wrapper {
    justify-content: initial;
    --gap-size: 35px;
    margin-left: calc(-0.5 * var(--gap-size));
    margin-right: calc(-0.5 * var(--gap-size));
  }
  .imgText__wrapper > * {
    padding-left: calc(var(--gap-size) * 0.5);
    padding-right: calc(var(--gap-size) * 0.5);
  }

  .imgText__wrapper .image__wrapper{
    flex-basis: calc(100% * 3 / 10)
  }
  .imgText__wrapper .content__wrapper{
    flex-basis:  calc(100% * 7 / 10)
  }
}

.imgText__wrapper .image__wrapper .img--mask::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/blob-border.svg') center no-repeat;
  background-size: contain;
  transform: scale(1.06);
  z-index: 2;
}

.imgText__wrapper .image__wrapper .img--mask{
  position: relative;
}
.imgText__wrapper .image__wrapper .img--mask img {
  mask: url('../images/blob.svg') center no-repeat;
  mask-size: contain;
  aspect-ratio: 247 / 230;
  object-fit: cover;
}


.imgText__wrapper ul {
  padding-left: 0 !important;
}
.imgText__wrapper ul li {
  margin-bottom: 0 !important;
}

.temoignage-card__card {
  display: grid;
  grid-template-columns: 100%;
  height: 100%;
  width: 100%;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.10);
  color: var(--darkblue);
  position: relative;
}
.temoignage-card__footer {
  width: 100%;
  display: grid;
  grid-template-columns: calc(100% - 100px) 100px;
  grid-template-areas: 'author picture';
  text-align: left;
  align-items: center;
}
.temoignage-card__job {
  font-style: italic;
}
.temoignage-card__author {
  grid-area: author;
  padding-right: 5px;
}
.temoignage-card__text {
  margin-top: auto;
  margin-bottom: auto;
}
@media (min-width: 768px) {
  .temoignage-card__author {
    padding-left: 105px;
  }
  .temoignage-card__footer {
    text-align: center;
  }
}
.temoignage-card__title {
  font-style: italic;
  font-weight: bold;
}
.temoignage-card__avatar {
  grid-area: picture;
}
.temoignage-card__card::after {
  content: url(../images/deco.svg);
  position: absolute;
  bottom: 0;
  right: 0;
}
.temoignage-card__avatar img {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  width: 100%;
  object-fit: cover;
}
.temoignage-card__card > * {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.temoignage-card__brand, 
.temoignage-card__image {
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.temoignage-card__brand img, 
.temoignage-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.temoignage-card__brand img {
  width: 244px;
  height: 152px;
  object-fit: contain;
  object-position: center;
}
.temoignage-card__brand {
  opacity: 0;
  z-index: -1;
  flex-direction: column;
  text-decoration: underline;
  padding: 46px 15px;
  gap: 30px;
}
.temoignage-card__brand .see-more {
  font-size: 15px;
}
.temoignage-card__content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 15px;
}
.temoignage-card__content p {
  margin: 0 !important;
}
.temoignage-card__brand--small {
  height: 50px;
  max-width: 100%; 
}
.temoignage-card__brand--small img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.temoignage-card__card:hover .temoignage-card__brand, 
.temoignage-card__card:focus .temoignage-card__brand {
  opacity: 1;
  z-index: 1;
}

.testimonial-wrapper .pagination li {
  padding: 0 !important;
  display: flex;
  gap: 1.4rem;
  justify-content: center;
}
.testimonial-wrapper .pagination li > * {
  width: 41px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 41px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.20);
  color: var(--darkblue);
  border-radius: 50% !important;
  border: none !important;
}
.testimonial-wrapper .pagination li::before {
  display: none;
}
.testimonial-wrapper .pagination li.active > *, 
.testimonial-wrapper .pagination-arrow > *{
  background: var(--darkblue) !important;
  color: white !important;
}
.testimonial-wrapper .pagination-arrow {
  font-size: 20px;
}
.testimonial-wrapper .pagination li > a:hover, 
.testimonial-wrapper .pagination li > a:focus {
  /* background: var(--mainblue) !important; */
  background: var(--pink) !important;
  color: white !important;
}
.testimonial-wrapper .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.4rem;
  margin-top: 80px;
}

.testimonial-wrapper .title--border {
  width: 100% !important;
  max-width: 100% !important;
}


@media screen and (min-width: 992px) {
  .testimonial-wrapper .title--border {
    margin-bottom: 60px !important;
  }
  .page-template-modele-thematique-v2 section.content:has(+ #carte) {
    padding-bottom: 130px;
  }
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  --grid-x-gap: 24px;
  --grid-y-gap: 24px;
  margin-left: calc(-1 * var(--grid-x-gap));
  margin-right: calc(-1 * var(--grid-x-gap));
  row-gap: var(--grid-y-gap);
}
.flex-row > * {
  padding-left: var(--grid-x-gap);
  padding-right: var(--grid-x-gap);
}

.video__container {
  display: flex;
  max-width: 100%;
  justify-content: center;
}
p + .video__container {
  margin-top: 24px;
}
.content__columns {
  --size-gap: 24px;
  margin-left: calc(-0.5 * var(--size-gap));
  margin-right: calc(-0.5 * var(--size-gap));
}
.content__columns > * {
  padding-left: calc(var(--size-gap) * 0.5);
  padding-right: calc(var(--size-gap) * 0.5);
}
.content__columns ul {
  padding-left: 0 !important;
}
.content__column img {
  max-width: 100%;
}
.content__column .wp-caption {
  max-width: 100% !important;
}
.content__column .wp-caption-text {
  background: none;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  font-size: 14px !important;
  font-style: italic;
}
.content__column:nth-child(2) .wp-caption-text {
  text-align: right;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.heading--thematique .icone {
  margin: 0 auto;
  display: block;
}

.thematique-thumb img {
  border-radius: 50%;
  width: 92.5%;
}
.prestations {
  clear: both;
  margin-top: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.presta .card {
  max-width: none;
  background: #ebebeb;
}
.presta .card:hover {
  background: #2c9fb0;
}
.presta .card:hover .card__image img {
  opacity: 1;
}
.presta .card__text {
  margin-bottom: 0;
}
.presta .card__text,
.presta .card__title,
.presta .card {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.presta .card:hover .card__text,
.presta .card:hover .card__title,
.presta--surmesure .card .card__text,
.presta--surmesure .card .card__title {
  color: white;
}
.presta .card:after {
  border-color: #fff #fff transparent transparent;
}
.bg--blue .presta .card:after {
  border-color: #54b5c3 #54b5c3 transparent transparent;
}
.presta .card__title {
  margin-bottom: 20px;
}
.presta--square .card__image {
  height: 170px;
}
.presta--long .card,
.presta:not(.presta--square) .card {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-align-items: stretch;
  align-items: stretch;
}
.presta:not(.presta--square) .card__image {
  width: 45%;
  min-height: 150px;
}
.presta:not(.presta--square) .card__content {
  width: 55%;
}
.presta.presta--long .card__image {
  width: 33%;
}
.presta.presta--long .card__content {
  width: 66%;
}
.prestations__firsts .card__wrap {
  flex-grow: 1;
  padding: 0;
}
.prestations__firsts {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.presta--surmesure .card {
  background: #f85043;
}
.presta {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  overflow: hidden;
}
.presta--hidden {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

/** PAGE ACCES COMPTE **/
.bloc-compte-wrapper {
  display: block;
  overflow: hidden;
  background: #f5f5f5;
  padding: 15px;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.bloc-compte-wrapper p {
  color: #000;
}
a:hover .bloc-compte-wrapper {
  background: #00788a;
  color: white;
}
a:hover .bloc-compte-wrapper p,
a:hover .bloc-compte-wrapper h2 {
  color: white;
}
.editor-content .bloc-compte-wrapper h2 {
  margin: 15px 0;
  text-align: center;
}

/** PAGE QUI SOMMES NOUS **/
.page-template-modele-qui-sommes-nous > section:nth-of-type(2n) {
  background: #f5f5f5;
}

/** SINGLE PRESTATION **/
.presta__pdf {
  font-weight: 600;
  padding-top: 15px;
  margin-top: 30px;
  display: block;
  border-top: 1px solid #00788a;
}
.presta__pdf i {
  margin-right: 5px;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
}
.presta__pdf a {
  margin: 5px 15px;
}

/*page contact*/

.page-template-modele-contact .gform_wrapper li {
  padding-left: 0;
  background: none;
}
body .gform_wrapper label.gfield_label {
  font-weight: 500;
  color: #2a96a6;
}
body .gform_wrapper .gfield_required {
  color: #f85043;
}
.gform_wrapper
  input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(
    [type='button']
  ):not([type='image']):not([type='file']) {
  padding: 0 15px !important;
}
.content .gform_wrapper input:not([type='submit']):not([type='button']),
.content .gform_wrapper textarea,
.content .gform_wrapper select {
  border: 1px solid #54b5c3;
}
body .gform_wrapper li.gfield.gfield_error,
body
  .gform_wrapper
  li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: none;
  border: none;
}
body
  .gform_wrapper
  li.gfield_error
  input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(
    [type='button']
  ):not([type='image']):not([type='file']),
body .gform_wrapper li.gfield_error textarea {
  border-color: #f85043;
}
.gform_wrapper div.validation_error {
  color: #f85043 !important;
  border-top: 2px solid #f85043 !important;
  border-bottom: 2px solid #f85043 !important;
  font-weight: normal !important;
}
body .gform_wrapper .validation_message {
  color: #f85043;
  font-weight: normal;
  padding-top: 10px;
}
body
  footer
  .gform_wrapper
  li.gfield_error
  input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(
    [type='button']
  ):not([type='image']):not([type='file']),
body .gform_wrapper li.gfield_error textarea {
  border-color: #ffaea8;
}
footer .gform_wrapper div.validation_error {
  color: #ffaea8 !important;
  border-top: 2px solid #ffaea8 !important;
  border-bottom: 2px solid #ffaea8 !important;
}
body footer .gform_wrapper .validation_message {
  color: #ffaea8;
}
body .gform_wrapper .field_description_below .gfield_description {
  padding-top: 5px;
  line-height: normal;
}
body
  .gform_wrapper.gform_validation_error
  .gform_body
  ul
  li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
}
body .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select,
body .gform_wrapper.gf_browser_chrome .ginput_complex select,
body .gform_wrapper select {
  line-height: 36px;
  height: 36px;
}
.gform_wrapper .top_label .confirmation_box .gfield_label {
  display: none;
}
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
body
  .gform_wrapper.gf_browser_chrome
  .gfield_checkbox
  li
  input[type='checkbox'],
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type='radio'] {
  margin-top: 4px;
  margin-right: 10px;
}
body .gform_wrapper .gfield_checkbox li label,
body .gform_wrapper .gfield_radio li label {
  font-size: 14px;
}
.gform_wrapper li.gfield_error input[type='email'],
.gform_wrapper li.gfield_error input[type='number'],
.gform_wrapper li.gfield_error input[type='password'],
.gform_wrapper li.gfield_error input[type='tel'],
.gform_wrapper li.gfield_error input[type='text'],
.gform_wrapper li.gfield_error input[type='url'],
.gform_wrapper li.gfield_error textarea {
  border: 1px solid #ff6f03;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
  color: #ce5901;
}

body
  .gform_wrapper
  li.gfield.gfield_error.gfield_contains_required
  div.gfield_description,
body
  .gform_wrapper
  li.gfield.gfield_error.gfield_contains_required
  div.ginput_container,
body
  .gform_wrapper
  li.gfield.gfield_error.gfield_contains_required
  label.gfield_label {
  margin-top: 0;
}

.gform_wrapper .top_label .gfield_label {
  margin: 0.625em 0 0;
}

.ginput_container.ginput_container_fileupload #extensions_message {
  font-size: 0.875em;
}

.gform_wrapper .top_label .gfield_description {
  padding: 0;
}

/*------------------------------------------------------------------
--------------------------------------------------------------------
[ p9. CONTENU VOYELLE editors styles]
* Les styles doivent êtres ajouter à la editor-style.css après modification
--------------------------------------------------------------------
-------------------------------------------------------------------*/
.editor-content {
  font-size: 14px;
  line-height: 26px;
}
.editor-content h2 {
  color: #2a95a7;
  /* custom-color-scheme */
  margin: 35px 0 0;
  font-size: 20px;
  text-align: left;
}

.editor-content h3 {
  color: #2a95a7;
  /* custom-color-scheme */
  margin: 20px 0 0;
  font-size: 18px;
  text-align: left;
}

.editor-content h4 {
  color: #2a95a7;
  /* custom-color-scheme */
  text-transform: none;
  margin: 15px 0 0;
  font-size: 16px;
}

.editor-content h5 {
  color: #2a95a7;
  /* custom-color-scheme */
  text-transform: none;
  margin: 15px 0 0;
  font-size: 15px;
}

.editor-content h6 {
  color: #2a95a7;
  /* custom-color-scheme */
  text-transform: none;
  margin: 15px 0 0;
  font-size: 14px;
}

.editor-content p {
  margin: 5px 0 15px;
}

.editor-content ul li {
  list-style: none;
  padding-bottom: 5px;
  padding-left: 15px;
  position: relative;
}

.editor-content ul li:before {
  content: '\f054';
  font-family: 'FontAwesome';
  position: absolute;
  top: 2px;
  left: 0px;
  color: #2a95a7;
  font-size: 13px;
}

.editor-content a.bt-contour:has( + a.bt-contour) {
  margin-right: 10px;
}
.editor-content a.bt-contour + a.bt-contour {
  margin-left: 10px;
}
ol {
  counter-reset: item;
}
ol li {
  display: block;
}
ol li:before {
  content: counter(item) '. ';
  counter-increment: item;
  color: #2a95a7;
  font-weight: 700;
  margin-right: 5px;
}
.bloc-fond {
  margin: 30px;
  padding: 5px 25px;
  border: 3px solid #f85043;
  color: #232323;
  clear: both;
}

.bloc-fond ul {
  padding-left: 30px;
}

.bloc-fond li {
  padding-left: 15px;
}
p.wp-caption-text {
  color: #232323;
  font-size: 12px;
  margin: 0;
  text-align: center;
  background: #f4f4f4;
}
.wp-caption img {
  width: 100%;
}
.texte-2-col {
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;
  margin-bottom: 15px;
  -webkit-column-width: 200px;
  -moz-column-width: 200px;
  -o-column-width: 200px;
  column-width: 200px;
}
.texte-2-col *:first-child {
  margin-top: 0;
}

.legende {
  color: #999;
  font-style: italic;
  font-size: 11px;
  line-height: 13px;
}

.savoir-plus {
  border-bottom: 2px solid #f85043;
  /* custom-color-scheme */
  border-top: 2px solid #f85043;
  /* custom-color-scheme */
  clear: both;
  padding: 15px 15px 15px 40px;
  margin: 20px 0;
  position: relative;
}
.savoir-plus:before {
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7px;
  margin: auto;
  color: #f85043;
  font-size: 40px;
  height: 30px;
}

blockquote {
  background-color: #f4f4f4;
  /* custom-color-scheme */
  width: 80%;
  margin: 30px auto;
  padding: 15px 30px;
  color: #232323;
  font-size: 20px;
  line-height: 26px;
  border-left: 15px solid #54b5c3;
}
.bg--grey blockquote {
  background: #fff;
}

blockquote p {
  color: #232323;
  font-size: 20px;
}

/*-----------------------[ p10. responsive ]--------------------------*/

@media (max-width: 1399px) {
  .menu-wrapper .main-menu ul.sf-menu > li a {
    padding: 0 17px;
  }
  #carte .carte__heading {
    margin-bottom: 30px;
  }
  #carte .bt-contour {
    margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .menu-wrapper .main-menu ul.sf-menu > li a {
    max-width: 115px;
  }
  .main-header .logo {
    width: 25%;
  }
  .main-header .header__content {
    width: 75%;
  }
  #carte .carte__heading {
    margin-bottom: 30px;
  }
  .site-footer .col3 {
    clear: both;
    margin-top: 30px;
  }
  .presta,
  .prestations__firsts {
    padding: 0 7px;
  }
  .presta {
    margin-bottom: 15px;
  }
  #carte .carte {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  #carte .carte img,
  #carte .carte-wrapper {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 100%;
  }
  #carte {
    padding-bottom: 0;
  }
  #carte .carte__content {
    text-align: center;
    margin-bottom: 30px;
  }
  #carte .carte__content h2,
  #carte .carte__content h3,
  #carte .carte__content p {
    text-align: center;
  }
  #carte .carte__heading {
    margin-bottom: 20px;
  }
  #carte .bt-contour {
    margin-top: 20px;
  }
  .rejoindre__stamp {
    right: 10%;
  }
}

@media (max-width: 991px) {
  #slider .slide {
    /* height:400px; */
    /* line-height:400px; */
  }
  .main-header .logo > p {
    max-width: 100%;
  }
  .main-header .header__content > *,
  .renseignement--mobile {
    padding: 10px 15px;
  }
  .main-header .bt--testeur {
    padding: 10px 15px;
  }
  .renseignement img {
    display: none;
  }
  .renseignement__content p {
    font-size: 9px;
    line-height: 14px;
  }
  .main-header .logo {
    width: 50%;
    padding: 5px 15px;
  }
  .main-header .logo a {
    padding: 0;
  }
  .main-header .header__content {
    width: 50%;
  }
  .desktop-only {
    display: none !important;
  }
  .renseignement > * {
    text-align: center;
  }
  .float--right .sidebar {
    margin-bottom: 30px;
  }
  .offre__content {
    padding-top: 0;
  }
  .thematique-thumb img {
    width: auto;
    max-height: 250px;
  }
  .thematique-thumb {
    margin-bottom: 15px;
    text-align: center;
  }
  .presta__pdf {
    text-align: center;
  }
  .presta--square .card {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .presta.presta--square .card__image,
  .presta:not(.presta--square) .card__image {
    width: 33%;
    min-height: 150px;
    height: auto;
  }
  .presta.presta--square .card__content,
  .presta:not(.presta--square) .card__content {
    width: 66%;
  }
  .prestations__firsts,
  .presta {
    padding: 0;
  }
  #rejoindre {
    padding-top: 0;
  }
  #rejoindre:before {
    content: none;
  }
  .rejoindre__image-wrapper {
    position: relative;
    width: 100%;
    height: 200px;
  }
  .rejoindre__stamp {
    height: 80%;
    max-width: none;
    top: 10%;
  }
  .rejoindre__content {
    padding-top: 30px;
  }
  .rejoindre__heading {
    margin-bottom: 20px;
  }
  #rejoindre .bt-contour {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  #slider .slide {
    height: 400px;
    line-height: 400px;
  }
  .slide__content h2 {
    font-size: 22px;
    line-height: 34px;
    margin-top: 10px;
  }
  .slide__content h2 span {
    font-size: 26px;
  }
  .slide__content .bt {
    margin-top: 25px;
  }
  .slide__decoration {
    height: 40px;
  }
  .footer-widget {
    text-align: center;
  }
  .site-footer .gform_wrapper form .gform_body,
  .site-footer .gform_wrapper form .gform_footer {
    font-size: 12px;
  }
  .site-footer .side-to-side a:not(:last-of-type) {
    margin-right: 15px;
  }
  .main-header .logo > p {
    font-size: 8px;
  }
  .top-header a {
    font-size: 1rem;
  }
  .top-header__right,
  .top-header__left {
    padding: 2px 15px;
  }
  .main-header .logo,
  .main-header .header__content {
    width: 50%;
  }
  .editor-content ul,
  .editor-content ol {
    padding-left: 15px;
  }
  blockquote {
    font-size: 16px;
    border-left-width: 10px;
    width: 100%;
  }
  blockquote p {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    top: -46px;
  }
}

@media (max-width: 500px) {
  .slide__content h2 {
    font-size: 18px;
    line-height: 26px;
  }
  .slide__content h2 span {
    font-size: 20px;
  }
  .slick-arrow.slick-prev,
  #slider .slick-arrow.slick-prev {
    left: 5px;
  }
  .slick-arrow.slick-next,
  #slider .slick-arrow.slick-next {
    right: 5px;
  }
  .main-header {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-header .logo,
  .main-header .header__content {
    width: 100%;
    text-align: center;
  }
  .main-header .logo > p {
    /*display:block;*/
    display: none;
    text-align: center;
    margin: auto;
  }
  .header__content {
    margin-top: 5px;
  }
  .renseignement {
    width: 100%;
  }
  .renseignement__content {
    font-size: 0;
    width: 100%;
  }
  .renseignement__content > * {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
  }
  .renseignement__content > a {
    width: auto;
    margin: 0 10px;
  }
  .renseignement__content p a {
    font-size: 1.5rem;
  }
  .main-header .header__content > *,
  .renseignement--mobile {
    padding: 0 15px;
  }
  .renseignement--fixed {
    right: 0;
  }
  .news .card__wrap {
    width: 100%;
  }
  .bloc-fond {
    margin: 30px 0;
  }
  .savoir-plus:before {
    content: none;
  }
  .savoir-plus {
    padding: 15px;
  }
  .breadcrumbs p {
    font-size: 13px;
    line-height: normal;
  }
  .renseignement--mobile {
    display: block;
  }
  .main-header
    .header__content
    > .renseignement--desktop:not(.renseignement--fixed) {
    display: none;
  }
  .renseignement--fixed,
  .main-header .header__content > .renseignement--fixed {
    right: 0;
  }
  .top-header {
    display: none;
  }
  .horizontal .card {
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 350px;
    margin: auto;
  }
  .horizontal .card__image {
    height: 100px;
  }
  .horizontal .card__image,
  .horizontal .card__content {
    width: 100%;
  }
  .presta.presta--square .card,
  .presta:not(.presta--square) .card {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 350px;
  }
  .presta.presta--square .card__image,
  .presta:not(.presta--square) .card__image,
  .presta.presta--square .card__content,
  .presta:not(.presta--square) .card__content {
    width: 100%;
  }
}

@media (max-width: 450px) {
  #slider .slide {
    height: 500px;
    line-height: 500px;
  }
}
@media (max-width: 400px) {
  .card__title,
  .card__text {
    margin-bottom: 15px;
  }
  blockquote {
    padding: 15px;
  }
  .bloc-fond {
    padding: 5px 15px;
  }
  .renseignement__content p {
    font-size: 0;
    line-height: 0;
  }
  .sidebar {
    padding: 30px 15px;
  }
}

/*-------------------------Fin responsive-On ajoute plus rien dessous...-----------*/
.has-400-weight {
  font-weight: 400;
}
.has-500-weight {
  font-weight: 500;
}
.has-600-weight {
  font-weight: 600;
}
.has-700-weight {
  font-weight: 700;
}

.has-darkblue-color {
  color: var(--darkblue);
}

.has-mainblue-color {
  color: var(--mainblue);
}

.has-lightblue-color {
  color: var(--lightblue);
}

.has-pink-color {
  color: var(--pink);
}


.nav-tabs {
  border-bottom: none;
  margin-bottom: 52px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.nav-tabs::before, 
.nav-tabs::after {
  content: none;
}
.nav-tabs li {
  padding: 0 !important; 
  margin: 0 !important;
}
.nav-tabs li::before {
  display: none;
}
.nav-tabs>li>a {
  border-radius: 0;
  font-weight: bold;
}
.tab-content .small-container, 
.tab-content .container {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.align-items-center {
  align-items: center;
}