:root {
  --couleur-principale: #010849;
  --couleur-secondaire: #29c5ff;
  --couleur-secondaire-2: #2059b1; }

body {
  font-family: "Barlow",sans-serif;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 400;
  color: var(--couleur-principale); }

* {
  font: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Exo',sans-serif;
  font-weight: 600; }

img {
  max-width: 100%;
  height: auto; }

a.calltoaction {
  display: inline-block;
  padding: 15px 25px;
  color: #fff !important;
  background-color: var(--couleur-principale);
  font-weight: bold;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  a.calltoaction:hover {
    background-color: var(--couleur-secondaire); }

.content-wrapper {
  max-width: 970px;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto; }

.logo-header {
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .logo-header img {
    max-width: 145px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

header {
  position: relative;
  background-color: #fff;
  z-index: 9999;
  padding-top: 20px;
  -webkit-box-shadow: 0 10px 21px rgba(178, 188, 205, 0.4);
          box-shadow: 0 10px 21px rgba(178, 188, 205, 0.4); }

header.header-fixe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }
    header.scroll .logo-header img {
      max-width: 65px; }
  header.scroll .navbar ul > li > a {
    padding: 10px 15px; }

main {
  margin-top: 130px; }

.navbar {
  padding: 0; }
  .navbar ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .navbar ul > li {
      display: inline-block; }
      .navbar ul > li > a {
        display: block;
        padding: 5px 15px 20px; }
  .navbar a {
    white-space: nowrap;
    text-decoration: none !important;
    outline: none !important;
    font-size: 16px;
    line-height: 22px;
    color: var(--couleur-principale);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .navbar li {
    position: relative; }
      .navbar li.current_page_item > a, .navbar li.current-menu-parent > a {
        font-weight: bold; }
    .navbar li .sub-menu {
      position: absolute;
      top: 100%;
      left: 0;
      min-width: 100%;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      background-color: rgba(1, 8, 73, 0.8); }
      .navbar li .sub-menu a {
        color: #fff; }
      .navbar li .sub-menu li {
        width: 100%; }
          .navbar li .sub-menu li:hover a {
            background-color: var(--couleur-secondaire); }
      .navbar li:hover .sub-menu {
        opacity: 1;
        visibility: visible; }

.navbar-expand-lg {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.navbar-collapse {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.recherche-header {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 20px; }
  .recherche-header form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .recherche-header .search {
    position: absolute;
    right: 20px;
    width: 0%;
    opacity: 0; }
  .recherche-header .buttonsearch {
    background: url(../assets/img/loupe.png) no-repeat center center;
    width: 23px;
    height: 22px;
    border: none; }
    .recherche-header form:hover .search {
      width: 100%;
      opacity: 1; }
  .recherche-header .search:focus {
    width: 100%;
    opacity: 1; }

footer {
  margin-top: 50px; }
  footer .content-footer {
    padding: 25px 0;
    background-color: var(--couleur-principale); }
  footer .widget {
    text-align: center;
    color: #fff;
    padding: 25px;
    margin-bottom: 20px; }
    footer .widget a {
      color: var(--couleur-secondaire); }
  footer h3 {
    font-weight: bold;
    font-size: 22px;
    color: var(--couleur-secondaire);
    margin-bottom: 20px; }

.logo-footer {
  padding: 25px 0; }

.menu-bottom {
  padding: 15px 0;
  list-style: none; }
  .menu-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .menu-bottom li {
    display: inline-block;
    margin-right: 20px;
    position: relative; }
  .menu-bottom a {
    color: var(--couleur-principale); }
    .menu-bottom ul li:not(:first-child):before {
      content: '-';
      margin-right: 20px; }
  .menu-bottom .copyright a {
    font-weight: 600; }

.bloc-texte {
  color: var(--couleur-principale); }
  .bloc-texte h1, .bloc-texte h2, .bloc-texte h3, .bloc-texte h4, .bloc-texte h5, .bloc-texte h6 {
    color: var(--couleur-secondaire-2); }
  .bloc-texte h1 {
    font-size: 30px; }
  .bloc-texte h2 {
    font-size: 20px; }
  .bloc-texte h3 {
    font-size: 18px; }
  .bloc-texte h4, .bloc-texte h5, .bloc-texte h6 {
    font-size: 16px; }
  .bloc-texte a {
    color: var(--couleur-secondaire-2); }
  .bloc-texte-accueil h2 {
    font-size: 30px; }
  .bloc-texte-accueil h3 {
    font-size: 20px; }
  .bloc-texte-accueil h4 {
    font-size: 18px; }
  .bloc-texte-accueil h5, .bloc-texte-accueil h6 {
    font-size: 16px; }

.fil-ariane {
  padding: 35px 0 25px; }
  .fil-ariane *, .fil-ariane a {
    color: var(--couleur_principale); }
  .fil-ariane .breadcrumb_last {
    color: var(--couleur-secondaire-2); }

.bloc-mea-actu {
  max-width: 285px;
  margin: auto;
  position: relative; }
  .bloc-mea-actu h3 {
    padding: 20px 0 10px;
    margin-bottom: 10px !important;
    color: var(--couleur-secondaire-2); }
  .bloc-mea-actu .more p {
    font-family: "Barlow",sans-serif;
    color: var(--couleur-secondaire);
    font-weight: bold;
    font-size: 15px; }
  .bloc-mea-actu .lien-libel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .bloc-mea-actu .bloc-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px; }
    .bloc-mea-actu .bloc-image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .bloc-mea-actu .bloc-extrait {
    border-top: 1px solid #acb7c9;
    padding-top: 10px; }

#header-accueil {
  padding: 90px 0;
  background-color: var(--couleur-principale); }
  #header-accueil .bloc-texte {
    color: #fdffff; }
    #header-accueil .bloc-texte h1, #header-accueil .bloc-texte h2, #header-accueil .bloc-texte h3, #header-accueil .bloc-texte h4, #header-accueil .bloc-texte h5, #header-accueil .bloc-texte h6 {
      margin-bottom: 20px; }
    #header-accueil .bloc-texte h1 {
      font-size: 30px; }
    #header-accueil .bloc-texte a {
      color: var(--couleur-secondaire); }
  #header-accueil .bloc-image {
    padding: 0 30px; }

#zone-one {
  padding-top: 140px;
  padding-bottom: 50px; }
    #zone-one .bloc-texte h1, #zone-one .bloc-texte h2, #zone-one .bloc-texte h3, #zone-one .bloc-texte h4, #zone-one .bloc-texte h5, #zone-one .bloc-texte h6 {
      margin-bottom: 43px; }
  #zone-one .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px; }
  #zone-one .bloc-mea {
    max-width: 285px;
    margin: auto;
    position: relative; }
    #zone-one .bloc-mea .bloc-texte {
      text-align: center;
      color: #000; }
    #zone-one .bloc-mea .bloc-image {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 200px; }
      #zone-one .bloc-mea .bloc-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    #zone-one .bloc-mea h3 {
      padding: 20px 0;
      margin-bottom: 0;
      color: var(--couleur-secondaire-2); }
    #zone-one .bloc-mea .more p {
      font-family: "Barlow",sans-serif;
      color: var(--couleur-secondaire);
      font-weight: bold;
      font-size: 15px; }
    #zone-one .bloc-mea .lien-libel {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }

#description-accueil {
  padding: 50px 0; }
  #description-accueil .bloc-texte {
    max-width: calc(970px/2);
    margin-right: auto;
    padding: 30px 15px; }
    #description-accueil .bloc-texte h1, #description-accueil .bloc-texte h2, #description-accueil .bloc-texte h3, #description-accueil .bloc-texte h4, #description-accueil .bloc-texte h5, #description-accueil .bloc-texte h6 {
      margin-bottom: 20px; }
  #description-accueil .bloc-image {
    text-align: right;
    padding-right: 70px; }

#mea-derniere-actu {
  padding: 50px 0; }
  #mea-derniere-actu .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px; }
    #mea-derniere-actu .bloc-texte h1, #mea-derniere-actu .bloc-texte h2, #mea-derniere-actu .bloc-texte h3, #mea-derniere-actu .bloc-texte h4, #mea-derniere-actu .bloc-texte h5, #mea-derniere-actu .bloc-texte h6 {
      margin-bottom: 43px; }

#accroche {
  padding: 25px 0; }
    #accroche .bloc-titre h1 {
      font-size: 30px;
      color: var(--couleur-secondaire-2);
      margin-bottom: 20px; }
  #accroche .bloc-texte {
    max-width: 600px;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px; }
  #paragraphes-description .content-texte {
    width: 0%;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
  #paragraphes-description .bloc-image {
    padding-left: 40px;
    margin-left: 40px;
    max-width: 50%;
    width: 100%; }
    #paragraphes-description .bloc-titre h2 {
      color: var(--couleur-secondaire-2);
      margin-bottom: 20px;
      font-weight: bold;
      font-size: 20px; }
  #paragraphes-description .bloc-para {
    padding: 40px 0; }
      #paragraphes-description .bloc-para:nth-child(even) .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
      #paragraphes-description .bloc-para:nth-child(even) .bloc-image {
        padding-left: 0;
        padding-right: 40px;
        margin-left: 0;
        margin-right: 40px; }
  #contenu-flexible .bloc-flexible {
    padding: 40px 0; }
  #contenu-flexible .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 80px;
    grid-row-gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #contenu-flexible .bloc-texte.bg {
    padding: 30px; }
    #contenu-flexible .mea-flexible h2 {
      margin-bottom: 20px; }
    #contenu-flexible .mea-flexible .content-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #contenu-flexible .mea-flexible .content {
      position: relative;
      width: 210px;
      margin: auto; }
    #contenu-flexible .mea-flexible .bloc-image {
      width: 100%;
      height: 150px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      overflow: hidden; }
      #contenu-flexible .mea-flexible .bloc-image img {
        display: block;
        width: auto !important;
        max-width: 100% !important;
        height: 100% !important; }
    #contenu-flexible .mea-flexible h3 {
      font-size: 16px;
      padding: 15px 0;
      text-align: center;
      color: var(--couleur-secondaire-2); }
    #contenu-flexible .mea-flexible .owl-nav button {
      outline: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -35px);
          -ms-transform: translate(-50%, -35px);
              transform: translate(-50%, -35px);
      font-size: 30px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #contenu-flexible .mea-flexible .owl-nav button.owl-prev {
        left: -20px; }
      #contenu-flexible .mea-flexible .owl-nav button.owl-next {
        right: -30px; }
      #contenu-flexible .mea-flexible .owl-nav button:hover {
        color: var(--couleur-secondaire); }
    #contenu-flexible .mea-flexible .lien-libel {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }

#galerie {
  padding: 40px 0; }
    #galerie .bloc-titre h2 {
      color: var(--couleur-secondaire-2);
      margin-bottom: 20px;
      font-weight: bold;
      font-size: 20px; }
  #galerie .mosaique {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #galerie .item-mosaique {
    position: relative;
    width: 172px;
    margin: 0 8px 10px; }
    #galerie .item-mosaique:before {
      content: '';
      display: block;
      width: 100%;
      padding-top: 119px; }
    #galerie .item-mosaique a {
      display: block;
      width: 100%;
      height: 100%; }
    #galerie .item-mosaique .bloc-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #galerie .item-mosaique .bloc-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

#tarteaucitronAlertSmall {
  display: none !important; }
  #infos-blog .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 80px;
    grid-row-gap: 40px; }
  #infos-blog .grid-item {
    padding: 40px 30px; }
    #infos-blog .grid-item h3 {
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 25px; }
    #infos-blog .grid-item * {
      color: var(--couleur-principale);
      font-weight: bold; }
  #infos-blog .grid-item-left {
    background-color: var(--couleur-secondaire); }
  #infos-blog .grid-item-right {
    background-color: var(--couleur-secondaire-2); }
    #infos-blog .widget ul, #infos-blog .widget li {
      padding: 0;
      margin: 0;
      list-style: none; }
    #infos-blog .widget ul {
      -webkit-column-count: 2;
              column-count: 2; }
    #infos-blog .widget li {
      padding: 5px 0; }
      #infos-blog .widget li:before {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #fff;
        margin-right: 5px; }
      #infos-blog .widget li a {
        vertical-align: middle; }
  #liste-categories ul, #liste-categories li {
    padding: 0;
    margin: 0;
    list-style: none; }
  #liste-categories ul {
    text-align: center; }
  #liste-categories li {
    display: inline-block;
    margin: 0 10px 20px; }
    #liste-categories li a {
      font-size: 15px;
      line-height: 22px;
      letter-spacing: 1px;
      font-weight: 500;
      display: block;
      color: #ACB7C9;
      border: 1px solid #ACB7C9;
      padding: 10px 20px;
      text-transform: uppercase;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      text-decoration: none;
      outline: none; }
      #liste-categories li a:hover {
        border-color: var(--couleur-secondaire);
        color: var(--couleur-secondaire); }
      #liste-categories li.current-cat a {
        font-weight: bold;
        border: 2px solid var(--couleur-secondaire);
        color: var(--couleur-secondaire); }

#liste-blog {
  padding-bottom: 50px; }
  #liste-blog .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px; }

#zone-widget-blog-liste {
  padding: 50px 0; }
  #zone-widget-blog-liste .widget {
    text-align: center; }
    #zone-widget-blog-liste .widget h3 {
      color: var(--couleur-secondaire-2);
      font-size: 25px;
      font-weight: 600px;
      margin-bottom: 20px; }

#contenu-contact {
  padding: 50px 0; }
  #contenu-contact .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 80px;
    grid-row-gap: 30px; }
  #contenu-contact .bloc {
    margin-bottom: 40px; }
    #contenu-contact .horaires .row > div {
      padding-left: 20px; }
    #contenu-contact .horaires h4 {
      font-size: 16px;
      font-weight: bold;
      color: var(--couleur-secondaire); }
    #contenu-contact .horaires ul, #contenu-contact .horaires li {
      padding: 0;
      margin: 0;
      list-style: none; }
    #contenu-contact .horaires li {
      position: relative;
      padding-left: 25px; }
      #contenu-contact .horaires li .picto-heure {
        position: absolute;
        left: 0px;
        top: 0; }
    #contenu-contact .horaires .heure {
      font-weight: bold; }
      #contenu-contact .horaires .heure p {
        margin-bottom: 0; }
  #map .content-map {
    width: 100%; }
  #map p {
    margin-bottom: 0; }
  #map iframe {
    display: block;
    width: 100%; }
  .caldera-grid .btnForm {
    display: block !important;
    margin: 20px auto;
    padding: 15px 25px !important;
    color: var(--couleur-secondaire) !important;
    background-color: transparent !important;
    border: 2px solid var(--couleur-secondaire) !important;
    font-weight: bold !important;
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important; }
    .caldera-grid .btnForm:hover {
      background-color: var(--couleur-secondaire) !important;
      color: #fff !important; }

.page-template-contact footer {
  margin-top: 0; }

.tobi {
  z-index: 9999; }

@media all and (max-width: 992px) {
  header {
    padding-bottom: 20px; }
    header .navbar ul > li {
      display: block; }
    header .navbar li .sub-menu {
      position: relative;
      top: 0;
      left: 0;
      opacity: 1;
      visibility: visible;
      background-color: var(--couleur-principale); }
  main {
    margin-top: 0; }
  .recherche-header {
    width: 100%; }
    .recherche-header .search {
      position: relative;
      right: 0;
      opacity: 1;
      width: 0%;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2; }
  #description-accueil { }
    #description-accueil .bloc-image {
      text-align: center;
      padding-right: 0; }
    #description-accueil .bloc-texte {
      max-width: 100%;
      text-align: center; }
  #infos-blog { }
    #infos-blog .content-grid {
      grid-template-columns: 1fr; }
  #liste-blog { }
    #liste-blog .content-grid {
      grid-template-columns: 1fr 1fr; }
  #contenu-contact { }
    #contenu-contact .content-grid {
      grid-template-columns: 1fr; } }

@media all and (max-width: 768px) {
  #zone-one { }
    #zone-one .bloc-texte {
      text-align: center; }
    #zone-one .content-grid {
      grid-template-columns: 1fr; }
  #mea-derniere-actu { }
    #mea-derniere-actu .bloc-texte {
      text-align: center; }
    #mea-derniere-actu .content-grid {
      grid-template-columns: 1fr; }
  #paragraphes-description { }
    #paragraphes-description .content-texte, #paragraphes-description .bloc-image {
      width: 100%;
      max-width: 100%;
      padding: 0;
      margin: 0; }
  #contenu-flexible { }
    #contenu-flexible .content-grid {
      grid-template-columns: 1fr; }
  #liste-blog { }
    #liste-blog .content-grid {
      grid-template-columns: 1fr; }
  #liste-categories { }
    #liste-categories li {
      display: block; } }

@media all and (max-width: 500px) {
  #tarteaucitronIcon {
    display: none !important; }
  .menu-bottom ul {
    text-align: center; }
    .menu-bottom ul li {
      display: block; }
      .menu-bottom ul li:before {
        display: none !important; }
  .menu-footer {
    margin-bottom: 20px; } }

/* **********
FORMULAIRE
********** */
.fluentform .ff-el-group {
  margin-bottom: 15px !important; }

.btnStyle {
  display: inline-block !important;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
  text-align: center !important;
  vertical-align: middle !important;
  -ms-touch-action: manipulation !important;
      touch-action: manipulation !important;
  cursor: pointer !important;
  border: 1px solid #ccc !important;
  white-space: nowrap !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857 !important;
  border-radius: 2px !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  color: #333 !important;
  background-color: #fff !important; }
  .btnStyle:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important; }

.consentement {
  font-weight: 700; }
  .consentement a {
    color: #007bff !important; }
    .consentement a:hover {
      color: #2a6496 !important;
      text-decoration: underline !important; }

.form-control {
  border-radius: 2px !important; }