/*
Theme Name: Starter Template
Theme URI: http://underscores.me/
Author: Tokiz Digital
Author URI: https://www.tokiz.fr
Description: Minimal and unstyled starter template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Starter Template is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/* FONT FACE */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url("assets/fonts/DMSans-Light.ttf") format("opentype");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("assets/fonts/DMSans-Regular.ttf") format("opentype");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url("assets/fonts/DMSans-Bold.ttf") format("opentype");
}
/* VARIABLES */
html, body, #responsive-menu #responsive-menu-inner #mobile-menu, #content_repeater .line_pictos .container {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* GLOBAL */
html {
  font-family: "DM Sans", Arial;
  color: #04151f;
  scroll-behavior: smooth;
  font-size: 17px;
  font-weight: 400;
}
a {
  color: #fab730;
  text-decoration: none;
  transition: 0.3s;
}
h1, .h1 {
  font-size: clamp(1.7rem, 2.71vw, 3.5rem);
  line-height: 1em;
  font-weight: 300;
}
h2, .h2 {
  font-size: clamp(1.7rem, 2.5vw, 3rem);
  font-weight: 700;
  line-height: 1em;
  color: #04151f;
}
h2 strong, h2 b, .h2 strong, .h2 b {
  color: #fab730;
}
h3, .h3 {
  font-size: clamp(1.5rem, 1.6vw, 2rem);
  color: #04151f;
  font-weight: 700;
  line-height: 1em;
}
@media (max-width: 1080px) {
  p iframe {
    width: 100%;
  }
}
blockquote {
  border: 1px solid #fab730;
  padding: 20px;
  margin: 20px 0;
}
blockquote p {
  color: #fab730;
  text-align: left;
  margin: 0;
  font-weight: 700;
}
img {
  max-width: 100%;
  height: auto;
}
/* WORDPRESS */
.gallery {
  margin: 30px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
@media (max-width: 1220px) {
  .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gallery figure {
  margin: 0;
}
.gallery a {
  display: block;
  position: relative;
}
.gallery a:hover:after {
  background-color: rgba(250, 183, 48, 0.4);
}
.gallery a:hover:before {
  opacity: 1;
}
.gallery a:after {
  content: "";
  background-color: rgba(250, 183, 48, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.3s;
}
.gallery a:before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 700;
  opacity: 0;
  transition: 0.2s;
}
.gallery img {
  object-fit: cover;
  width: 100%;
  height: 400px;
  display: block;
}
@media (max-width: 700px) {
  .gallery img {
    height: 200px;
  }
}
.alignnone, .alignleft, .wp-caption.alignnone, .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright, .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.alignright {
  float: right;
}
.wp-caption .wp-caption-text, .gallery-item .wp-caption-text {
  font-size: 0.7rem;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/* CLASS */
.clear {
  clear: both;
}
.wrapper {
  width: 1365px;
  max-width: 90%;
  margin: 0 auto;
}
.wrapper.big {
  width: 1640px;
}
.wrapper.medium {
  width: 1080px;
}
.wrapper.small {
  width: 900px;
}
.link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.wrapper_btn {
  display: flex;
  margin-top: 37px;
}
.wrapper_btn.center {
  justify-content: center;
}
.wrapper_btn.left {
  justify-content: left;
}
.wrapper_btn.right {
  justify-content: right;
}
.btn, form input[type="submit"], .wpcf7-form input[type="submit"], #colophon ul#footer-menu li .sub-menu li.horaires a {
  display: inline-block;
  background-color: #fab730;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 15px 25px;
  transition: 0.3s;
}
.btn:hover, form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover, #colophon ul#footer-menu li .sub-menu li.horaires a:hover {
  background-color: #27336b;
}
.btn_flex {
  display: flex;
  align-items: center;
}
.btn_flex .btn, .btn_flex form input[type="submit"], form .btn_flex input[type="submit"], .btn_flex .wpcf7-form input[type="submit"], .wpcf7-form .btn_flex input[type="submit"], .btn_flex #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires .btn_flex a {
  margin: 0 10px;
}
@media (max-width: 700px) {
  .btn_flex .btn, .btn_flex form input[type="submit"], form .btn_flex input[type="submit"], .btn_flex .wpcf7-form input[type="submit"], .wpcf7-form .btn_flex input[type="submit"], .btn_flex #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires .btn_flex a {
    font-size: 0.8rem;
    margin: 2px !important;
    padding: 12px 6px;
  }
}
section {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
@media (max-width: 700px) {
  section {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}
/* Slick */
.slick-prev, .slick-next {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  cursor: pointer;
  /*background-image: url(assets/img/arrow_left_black.svg);*/
  transform: translateY(-50%) rotate(180deg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
  border: 0;
  color: transparent;
  background-color: transparent;
}
.slick-next {
  right: 0;
  left: auto;
  transform: translateY(-50%) rotate(0);
}
.slick-dots {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-dots li {
  margin: 3px;
}
.slick-dots li.slick-active button {
  background-color: #fab730;
}
.slick-dots li button {
  background-color: transparent;
  border: 1px solid #fab730;
  padding: 0;
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
}
/* Fil d'ariane */
.breadcrumb {
  width: fit-content;
  margin: 0 auto !important;
  background-color: #27336b;
  color: #ffffff;
  padding: 5px 20px !important;
}
.breadcrumb li {
  list-style: none;
  text-transform: uppercase;
  font-size: 0.7rem;
}
.breadcrumb li a {
  color: #ffffff;
}
/* Form */
form, .wpcf7-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
}
form p, .wpcf7-form p {
  margin: 0;
}
form .mid, .wpcf7-form .mid {
  width: 48%;
  margin: 10px 0;
}
@media (max-width: 500px) {
  form .mid, .wpcf7-form .mid {
    width: 100%;
  }
}
form .full, .wpcf7-form .full {
  width: 100%;
  margin: 10px 0;
}
form .submit, .wpcf7-form .submit {
  width: 100%;
  text-align: center;
  position: relative;
}
form .submit .wpcf7-spinner, .wpcf7-form .submit .wpcf7-spinner {
  display: none;
}
form .select label, .wpcf7-form .select label {
  display: block;
}
form .select select, .wpcf7-form .select select {
  width: 100%;
}
form label, .wpcf7-form label {
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #04151f;
}
form label .wpcf7-not-valid-tip, .wpcf7-form label .wpcf7-not-valid-tip {
  font-size: 0.7rem;
  text-transform: initial;
  margin-top: 5px;
}
form input, form textarea, .wpcf7-form input, .wpcf7-form textarea {
  width: 100%;
}
form input, form select, form textarea, .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
  color: #04151f;
  font-weight: 700;
  border: 0;
  font-size: 1rem;
  background-color: transparent;
  border-radius: 0;
  padding: 5px 10px 5px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #c3c3c3;
  outline: none;
  transition: 0.2s;
}
form input:focus, form select:focus, form textarea:focus, .wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus {
  border-color: #04151f;
}
form textarea, .wpcf7-form textarea {
  height: 120px;
}
@media (max-width: 500px) {
  form textarea, .wpcf7-form textarea {
    height: 80px;
  }
}
form input[type="submit"], .wpcf7-form input[type="submit"] {
  border: 0;
  width: auto;
}
.wpcf7-response-output {
  border: 0 !important;
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.wpcf7-spinner {
  display: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-requibleu .wpcf7-response-output {
  color: red;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #00ab15;
}
/* Pagination */
.navigation {
  margin: 30px 0 0;
  width: 100%;
  text-align: center;
  grid-column: 1 / 4;
}
.navigation .nav-links .page-numbers {
  border: 2px solid #04151f;
  padding: 5px 12px;
}
.navigation .nav-links .page-numbers.next, .navigation .nav-links .page-numbers.prev {
  border: 0;
  text-transform: uppercase;
  font-family: "DM Sans", Arial;
}
.navigation .nav-links .page-numbers.current {
  background-color: #04151f;
  color: #ffffff;
}
/* FAQ*/
.wrapper_faq .faq, .line_faq .faq {
  position: relative;
}
.wrapper_faq .faq:after, .wrapper_faq .faq:first-child:before, .line_faq .faq:after, .line_faq .faq:first-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  transition: 0.2s;
  background-color: #fab730;
}
.wrapper_faq .faq:hover:after, .wrapper_faq .faq.active:after, .line_faq .faq:hover:after, .line_faq .faq.active:after {
  opacity: 1;
  background-color: #fab730;
}
.wrapper_faq .faq .question, .line_faq .faq .question {
  padding: 20px 60px 20px 0;
  position: relative;
  cursor: pointer;
}
@media (max-width: 700px) {
  .wrapper_faq .faq .question, .line_faq .faq .question {
    padding: 15px 40px 15px 0;
  }
}
.wrapper_faq .faq .question h3, .line_faq .faq .question h3 {
  font-size: 1.3rem;
}
.wrapper_faq .faq .question:after, .line_faq .faq .question:after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 1.7rem;
  color: #27336b;
}
.wrapper_faq .faq .question > *, .line_faq .faq .question > * {
  margin: 0;
}
.wrapper_faq .faq.active .question:after, .line_faq .faq.active .question:after {
  content: "-";
  color: #fab730;
}
.wrapper_faq .faq .reponse, .line_faq .faq .reponse {
  display: none;
  padding: 0 60px 10px 0;
}
@media (max-width: 700px) {
  .wrapper_faq .faq .reponse, .line_faq .faq .reponse {
    padding: 0 0 10px 0;
  }
}
.nav_sommaire {
  padding: 20px;
  margin: 0;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(4, 21, 31, 0.1);
  width: 25%;
  box-sizing: border-box;
  position: sticky;
  top: 130px;
}
.nav_sommaire span {
  display: block;
  border-bottom: 1px solid rgba(4, 21, 31, 0.1);
  padding-bottom: 10px;
  margin-bottom: 17px;
  text-transform: uppercase;
}
.nav_sommaire .btn, .nav_sommaire form input[type="submit"], form .nav_sommaire input[type="submit"], .nav_sommaire .wpcf7-form input[type="submit"], .wpcf7-form .nav_sommaire input[type="submit"], .nav_sommaire #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires .nav_sommaire a {
  font-size: 0.9rem;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  text-align: center;
}
.nav_sommaire li {
  list-style: none;
}
.nav_sommaire li a {
  display: block;
  margin: 10px 0;
  color: rgba(4, 21, 31, 0.4);
  font-size: 1rem;
  position: relative;
}
.nav_sommaire li a.active {
  color: #04151f;
}
.nav_sommaire li a.active:after {
  background-color: #04151f;
}
.nav_sommaire li a:hover {
  color: rgba(4, 21, 31, 0.7);
}
.nav_sommaire li a:hover:after {
  background-color: rgba(4, 21, 31, 0.7);
}
.error-404 {
  text-align: center;
}
.error-404 .btn, .error-404 form input[type="submit"], form .error-404 input[type="submit"], .error-404 .wpcf7-form input[type="submit"], .wpcf7-form .error-404 input[type="submit"], .error-404 #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires .error-404 a {
  margin-top: 30px;
}
/*--------------------------------------------------------------
MENU
--------------------------------------------------------------*/
#masthead {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 20px rgba(4, 21, 31, 0.1);
}
#masthead .wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  #masthead .wrapper {
    max-width: 95%;
  }
}
#masthead .wrapper #logo {
  width: 155px;
}
@media (max-width: 1220px) {
  #masthead .wrapper #logo {
    width: 122px;
  }
}
@media (max-width: 700px) {
  #masthead .wrapper #logo {
    width: 118px;
  }
}
#masthead .wrapper #logo img {
  transition: 0.3s;
}
#masthead .wrapper #site-navigation {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1080px) {
  #masthead .wrapper #site-navigation {
    justify-content: flex-start;
  }
}
@media (max-width: 700px) {
  #masthead .wrapper #site-navigation {
    width: 75%;
  }
}
@media (max-width: 500px) {
  #masthead .wrapper #site-navigation {
    justify-content: center;
  }
}
#masthead .wrapper #site-navigation #top_infos {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid rgba(4, 21, 31, 0.4);
}
@media (max-width: 500px) {
  #masthead .wrapper #site-navigation #top_infos {
    display: none;
  }
}
#masthead .wrapper #site-navigation #top_infos ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#masthead .wrapper #site-navigation #top_infos ul li {
  list-style: none;
}
#masthead .wrapper #site-navigation #top_infos ul li.rs {
  display: flex;
  align-items: center;
}
#masthead .wrapper #site-navigation #top_infos ul li.rs a {
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #fab730;
  margin: 0 2px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center center;
  transition: 0.2s;
}
#masthead .wrapper #site-navigation #top_infos ul li.rs a:hover {
  opacity: 0.6;
}
#masthead .wrapper #site-navigation #top_infos ul li.rs a.fb {
  background-image: url(assets/img/facebook.svg);
}
#masthead .wrapper #site-navigation #top_infos ul li.rs a.insta {
  background-image: url(assets/img/instagram.svg);
}
#masthead .wrapper #site-navigation #top_infos ul li.rs a.yt {
  background-image: url(assets/img/youtube.svg);
}
#masthead .wrapper #site-navigation #top_infos ul li a {
  display: block;
  margin: 0 10px;
  font-size: 0.9rem;
}
@media (max-width: 1440px) {
  #masthead .wrapper #site-navigation #top_infos ul li a {
    font-size: 0.8rem;
  }
}
@media (max-width: 1220px) {
  #masthead .wrapper #site-navigation #top_infos ul li a {
    font-size: 0.7rem;
  }
}
#masthead .wrapper #site-navigation #top_infos ul li a.btn, #masthead .wrapper #site-navigation #top_infos ul li #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires #masthead .wrapper #site-navigation #top_infos ul li a {
  padding: 10px 15px 10px 30px;
  font-size: 0.8rem;
  margin-right: 0;
  background-image: url(assets/img/calendar.svg);
  background-position: left 7px center;
  background-repeat: no-repeat;
  background-size: 15px;
}
@media (max-width: 1440px) {
  #masthead .wrapper #site-navigation #top_infos ul li a.btn, #masthead .wrapper #site-navigation #top_infos ul li #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires #masthead .wrapper #site-navigation #top_infos ul li a {
    font-size: 0.7rem;
  }
}
@media (max-width: 1220px) {
  #masthead .wrapper #site-navigation #top_infos ul li a.btn, #masthead .wrapper #site-navigation #top_infos ul li #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires #masthead .wrapper #site-navigation #top_infos ul li a {
    padding: 6px 15px 6px 30px;
    font-size: 0.65rem;
  }
}
#masthead .wrapper #site-navigation #top_infos ul li a.btn.horaires, #masthead .wrapper #site-navigation #top_infos ul li #colophon ul#footer-menu li .sub-menu li.horaires a.horaires, #colophon ul#footer-menu li .sub-menu li.horaires #masthead .wrapper #site-navigation #top_infos ul li a.horaires {
  background-image: url(assets/img/time.svg);
}
#masthead .wrapper #site-navigation #top_infos ul li a.tel {
  background-image: url(assets/img/call.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 18px;
}
#masthead .wrapper #site-navigation #top_infos ul li a.tel:hover {
  color: #27336b;
}
@media (max-width: 700px) {
  #masthead .wrapper #site-navigation #top_infos ul li a.tel {
    display: none;
  }
}
#masthead .wrapper #site-navigation #top_infos ul li a.adress {
  background-image: url(assets/img/gps.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 18px;
}
@media (max-width: 1080px) {
  #masthead .wrapper #site-navigation #top_infos ul li a.adress {
    display: none;
  }
}
#masthead .wrapper #site-navigation #top_infos ul li a.adress:hover {
  color: #27336b;
}
#masthead .wrapper #site-navigation #bottom_menu {
  border-bottom: 4px solid #fab730;
}
@media (max-width: 1080px) {
  #masthead .wrapper #site-navigation #bottom_menu {
    border: 0;
    margin-top: 16px;
  }
}
@media (max-width: 700px) {
  #masthead .wrapper #site-navigation #bottom_menu {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1080px) {
  #masthead .wrapper #site-navigation #bottom_menu #primary-menu {
    display: none;
  }
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li {
  list-style: none;
  position: relative;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li:first-child a {
  margin-left: 0;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li:last-child a {
  margin-right: 0;
  padding-right: 0;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li a {
  display: block;
  color: #04151f;
  margin: 0 7px;
  padding: 24px 17px 24px 0;
}
@media (max-width: 1440px) {
  #masthead .wrapper #site-navigation #bottom_menu #primary-menu li a {
    font-size: 0.9rem;
  }
}
@media (max-width: 1220px) {
  #masthead .wrapper #site-navigation #bottom_menu #primary-menu li a {
    font-size: 0.8rem;
    padding: 20px 17px 20px 0;
  }
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li a:hover {
  color: #fab730;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li.menu-item-has-children a {
  background-image: url(assets/img/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right center;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li ul.sub-menu {
  width: 250px;
  box-sizing: border-box;
  background-color: #27336b;
  position: absolute;
  top: 70%;
  left: 0;
  padding: 10px;
  margin: 0;
  border-top: 4px solid #fab730;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li ul.sub-menu li {
  list-style: none;
  margin: 0;
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li ul.sub-menu li a {
  margin: 7px;
  padding: 0;
  color: #ffffff;
  background-image: none;
  font-size: 0.9rem;
}
@media (max-width: 1440px) {
  #masthead .wrapper #site-navigation #bottom_menu #primary-menu li ul.sub-menu li a {
    font-size: 0.85rem;
  }
}
@media (max-width: 1220px) {
  #masthead .wrapper #site-navigation #bottom_menu #primary-menu li ul.sub-menu li a {
    font-size: 0.8rem;
  }
}
#masthead .wrapper #site-navigation #bottom_menu #primary-menu li ul.sub-menu li a:hover {
  color: #fab730;
}
/*--------------------------------------------------------------
MENU MOBILE
--------------------------------------------------------------*/
#responsive-menu-trigger-container {
  flex-flow: row-reverse;
  align-items: center;
  display: none;
}
@media (max-width: 1080px) {
  #responsive-menu-trigger-container {
    display: flex;
  }
}
#responsive-menu-trigger-container #responsive-menu-trigger {
  height: 30px;
  width: 42px;
  flex-flow: column;
  justify-content: space-between;
  cursor: pointer;
  display: flex;
}
#responsive-menu-trigger-container #responsive-menu-trigger span {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #fab730;
  transition: 0.2s;
  position: relative;
}
#responsive-menu-trigger-container #responsive-menu-trigger span span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#responsive-menu-trigger-container #responsive-menu-trigger.active > span {
  background-color: transparent;
}
#responsive-menu-trigger-container #responsive-menu-trigger.active > span:first-child {
  transform: translateY(15px);
}
#responsive-menu-trigger-container #responsive-menu-trigger.active > span:last-child {
  transform: translateY(-15px);
}
#responsive-menu-trigger-container #responsive-menu-trigger.active span span {
  opacity: 1;
}
#responsive-menu-trigger-container #responsive-menu-trigger.active span span:first-child {
  transform: rotate(45deg);
}
#responsive-menu-trigger-container #responsive-menu-trigger.active span span:last-child {
  transform: rotate(-45deg);
}
/* Menu */
#responsive-menu {
  display: none;
  position: fixed;
  top: 0;
  left: -100%;
  height: 100%;
  width: 75%;
  transition: 0.2s;
  z-index: 1000;
}
@media (max-width: 1220px) {
  #responsive-menu {
    display: block;
  }
}
#responsive-menu #responsive-menu-inner {
  width: 100%;
  background-color: #04151f;
  box-sizing: border-box;
  height: 100%;
  padding: 20px 0;
  overflow-y: auto;
}
#responsive-menu #responsive-menu-inner .reponsive-menu-trigger-container {
  position: absolute;
  right: 30px;
  top: 30px;
}
#responsive-menu #responsive-menu-inner .infos {
  padding: 0;
  margin: 0;
}
#responsive-menu #responsive-menu-inner .infos .adress {
  margin: 25px auto 9px !important;
}
#responsive-menu #responsive-menu-inner .infos .adress, #responsive-menu #responsive-menu-inner .infos .tel {
  color: #fab730;
  font-size: 1rem;
  text-align: left;
  margin: 0 auto 9px;
  display: block;
  padding: 0 20px;
  line-height: 1em;
}
#responsive-menu #responsive-menu-inner #logo_responsive {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
#responsive-menu #responsive-menu-inner #logo_responsive img {
  filter: brightness(0) invert(1);
  width: 150px;
}
#responsive-menu #responsive-menu-inner #mobile-menu > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#responsive-menu #responsive-menu-inner #mobile-menu li.menu-item-has-children {
  position: relative;
}
#responsive-menu #responsive-menu-inner #mobile-menu li.menu-item-has-children .submenu-toggle {
  display: block;
  position: absolute;
  right: 18px;
  top: 0;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  z-index: 1;
  appearance: none;
  border: 0;
  margin: 5px 0;
  background-image: url(assets/img/arrow-down.svg);
  background-position: center center;
  background-size: 21px;
  background-repeat: no-repeat;
  transition: 0.3s;
}
#responsive-menu #responsive-menu-inner #mobile-menu li.no_cursor > a {
  cursor: default;
}
#responsive-menu #responsive-menu-inner #mobile-menu .submenu-toggle {
  display: none;
}
#responsive-menu #responsive-menu-inner #mobile-menu a {
  color: #ffffff;
  padding: 10px 65px 10px 20px;
  display: block;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}
#responsive-menu #responsive-menu-inner #mobile-menu a:hover {
  color: #fab730;
}
#responsive-menu #responsive-menu-inner #mobile-menu .sub-menu {
  display: none;
  margin: 0 0 17px;
  list-style: none;
  padding: 0 0 0 15px;
}
#responsive-menu #responsive-menu-inner #mobile-menu .sub-menu a {
  padding: 4px;
  display: block;
  box-sizing: border-box;
  text-transform: initial;
  font-size: 0.8rem;
}
#responsive-menu #responsive-menu-inner #mobile-menu .sub-menu .submenu-toggle {
  width: 25px !important;
  height: 25px !important;
  right: 21px !important;
  background-size: 12px;
}
#responsive-menu #responsive-menu-inner #mobile-menu .sub-menu .sub-menu a {
  text-transform: initial;
  font-size: 0.7rem;
}
#responsive-menu #responsive-menu-inner #mobile-menu .menu-item-has-children.active > .submenu-toggle {
  transform: rotate(-180deg);
}
#responsive-menu #responsive-menu-inner #mobile-menu .menu-item-has-children.active > .sub-menu {
  display: block;
}
#responsive-menu #responsive-menu-inner #mobile-menu .current-menu-item > a, #responsive-menu #responsive-menu-inner #mobile-menu .current-menu-ancestor > a {
  color: #fab730;
}
#responsive-menu.active {
  left: 0;
}
/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/
.scroll_down {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  background-image: url(assets/img/arrow-down-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
  background-color: #fab730;
  display: block;
  width: 60px;
  height: 60px;
  margin: 40px auto 0;
  animation: bounceScroll 2s ease-in-out infinite;
}
/* Animation */
@keyframes bounceScroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
#header_home {
  position: relative;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 700px) {
  #header_home {
    height: 500px;
  }
}
#header_home .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
#header_home .bg:after {
  content: "";
  background-color: #27336b;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
#header_home .content {
  text-align: center;
}
#header_home .content h1, #header_home .content h2 {
  color: #ffffff;
  margin: 0;
}
#header_home .content h2 {
  font-size: clamp(1.3rem, 1.6vw, 2rem);
  margin-top: 20px;
}
#header_home .container_btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: stretch;
  max-width: 900px;
  width: 95%;
}
@media (max-width: 700px) {
  #header_home .container_btn {
    display: block;
    bottom: 28px;
    opacity: 0;
  }
  #header_home .container_btn.slick-initialized {
    visibility: visible;
    opacity: 1;
  }
}
#header_home .container_btn a {
  background-color: #27336b;
  color: #ffffff;
  text-align: center;
  font-size: 1.2rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 40px 30px;
  box-sizing: border-box;
  margin: 0 5px;
  line-height: 1em;
  width: 33%;
  transition: 0.3s;
}
@media (max-width: 1080px) {
  #header_home .container_btn a {
    padding: 25px;
    font-size: 1rem;
  }
}
#header_home .container_btn a:hover {
  background-color: #fab730;
}
#header_home .container_btn a:hover span {
  color: #ffffff;
  border-color: #ffffff;
}
#header_home .container_btn a span {
  text-transform: uppercase;
  color: #fab730;
  font-weight: 700;
  border-bottom: 1px solid #fab730;
  font-size: 0.8rem;
  margin-top: 10px;
}
@media (max-width: 1080px) {
  #header_home .container_btn a span {
    font-size: 0.7rem;
  }
}
section#home_sec1 {
  margin-top: 0 !important;
}
section#home_sec1 .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 1080px) {
  section#home_sec1 .flex {
    flex-flow: column;
  }
}
section#home_sec1 .first {
  width: 55%;
}
@media (max-width: 1080px) {
  section#home_sec1 .first {
    width: 100%;
  }
}
section#home_sec1 .others {
  width: 40%;
}
@media (max-width: 1080px) {
  section#home_sec1 .others {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row wrap;
  }
}
section#home_sec1 .others article {
  margin: 0 0 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f2f2f2;
}
@media (max-width: 1080px) {
  section#home_sec1 .others article {
    width: 100%;
    margin: 0 0 15px;
  }
}
section#home_sec1 .others article:hover {
  background-color: #ffffff;
}
section#home_sec1 .others article:hover .texte {
  box-shadow: initial;
}
section#home_sec1 .others article .image {
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 700px) {
  section#home_sec1 .others article .image {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 500px) {
  section#home_sec1 .others article .image {
    width: 90px;
    height: 90px;
  }
}
section#home_sec1 .others article .texte {
  width: 67%;
  background-color: transparent;
  padding: 0;
  position: initial;
}
section#home_sec1 .others article .texte .title {
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
  margin: 10px 0;
}
@media (max-width: 1080px) {
  section#home_sec1 .others article .texte .title {
    font-size: 1rem;
  }
}
section#home_sec1 .others article .texte p {
  font-size: 0.8rem;
  margin: 0;
}
section#home_sec1 a.btn, section#home_sec1 #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires section#home_sec1 a {
  margin: auto;
  display: flex;
  width: fit-content;
}
section#home_sec2 {
  background-color: #27336b;
  padding: 120px 70px;
  background-image: url(assets/img/motifs.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 1080px) {
  section#home_sec2 {
    padding: 50px 0;
  }
}
section#home_sec2 .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 700px) {
  section#home_sec2 .container {
    flex-flow: column;
  }
}
section#home_sec2 .container .inner {
  width: 30%;
  position: relative;
  text-align: center;
  color: #ffffff;
  background-color: rgba(39, 51, 107, 0.8);
  padding: 40px;
  box-sizing: border-box;
  transition: 0.3s;
}
@media (max-width: 1080px) {
  section#home_sec2 .container .inner {
    padding: 20px;
    width: 32%;
  }
  section#home_sec2 .container .inner .btn, section#home_sec2 .container .inner form input[type="submit"], form section#home_sec2 .container .inner input[type="submit"], section#home_sec2 .container .inner .wpcf7-form input[type="submit"], .wpcf7-form section#home_sec2 .container .inner input[type="submit"], section#home_sec2 .container .inner #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires section#home_sec2 .container .inner a {
    padding: 11px 22px;
    font-size: 0.8rem;
  }
}
@media (max-width: 700px) {
  section#home_sec2 .container .inner {
    width: 100%;
    margin: 5px 0;
  }
}
section#home_sec2 .container .inner:hover {
  background-color: rgba(250, 183, 48, 0.6);
}
section#home_sec2 .container .inner:hover .btn, section#home_sec2 .container .inner:hover form input[type="submit"], form section#home_sec2 .container .inner:hover input[type="submit"], section#home_sec2 .container .inner:hover .wpcf7-form input[type="submit"], .wpcf7-form section#home_sec2 .container .inner:hover input[type="submit"], section#home_sec2 .container .inner:hover #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires section#home_sec2 .container .inner:hover a {
  background-color: #27336b;
}
section#home_sec2 .container .inner h3 {
  color: #ffffff;
}
section#home_sec3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1080px) {
  section#home_sec3 {
    flex-flow: column;
  }
}
section#home_sec3 > * {
  width: 45%;
}
@media (max-width: 1080px) {
  section#home_sec3 > * {
    width: 100%;
  }
}
section#home_sec3 .image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 450px;
}
@media (max-width: 1080px) {
  section#home_sec3 .image {
    margin-top: 40px;
  }
}
@media (max-width: 700px) {
  section#home_sec3 .image {
    height: 270px;
  }
}
section#home_sec4 h2, section#home_sec4 .sub {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
section#home_sec4 .container {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media (max-width: 1080px) {
  section#home_sec4 .container {
    grid-template-columns: repeat(1, 1fr);
  }
}
section#home_sec4 .container .inner {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #f2f2f2;
}
section#home_sec4 .container .inner .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 250px;
}
section#home_sec4 .container .inner h3 {
  margin-bottom: 15px;
  font-size: 1.3rem;
}
section#home_sec4 .container .inner .btn, section#home_sec4 .container .inner form input[type="submit"], form section#home_sec4 .container .inner input[type="submit"], section#home_sec4 .container .inner .wpcf7-form input[type="submit"], .wpcf7-form section#home_sec4 .container .inner input[type="submit"], section#home_sec4 .container .inner #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires section#home_sec4 .container .inner a {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.9rem;
}
section#home_sec5 {
  background-color: #27336b;
  padding: 90px 0;
  background-image: url(assets/img/motifs.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 700px) {
  section#home_sec5 {
    padding: 40px 0;
  }
}
section#home_sec5 .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 30px;
}
@media (max-width: 700px) {
  section#home_sec5 .container {
    grid-template-columns: repeat(1, 1fr);
  }
}
section#home_sec5 .container .inner {
  border-left: 1px solid rgba(255, 255, 255, 0.7);
  padding: 0 20px;
}
@media (max-width: 700px) {
  section#home_sec5 .container .inner {
    border: 0 !important;
  }
}
section#home_sec5 .container .inner:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.7);
}
section#home_sec5 .container .inner span {
  color: #fab730;
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 4rem;
}
@media (max-width: 1080px) {
  section#home_sec5 .container .inner span {
    font-size: 3rem;
  }
}
@media (max-width: 700px) {
  section#home_sec5 .container .inner span {
    font-size: 2.5rem;
  }
}
section#home_sec5 .container .inner p {
  margin: 0;
  text-align: center;
  color: #ffffff;
}
section#newsletter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 700px) {
  section#newsletter {
    flex-flow: column;
  }
}
section#newsletter .text {
  width: 45%;
}
@media (max-width: 700px) {
  section#newsletter .text {
    width: 100%;
  }
}
section#newsletter .text h2 {
  margin-top: 0;
}
section#newsletter .wpcf7 {
  width: 45%;
  background-color: #f2f2f2;
  padding: 20px;
}
@media (max-width: 700px) {
  section#newsletter .wpcf7 {
    width: 90%;
  }
}
section#newsletter .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}
section#newsletter .wpcf7 .wpcf7-checkbox input[type="checkbox"] {
  width: auto;
}
section#newsletter .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {
  font-size: 0.8rem;
}
/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
#content {
  margin-top: 132px;
}
@media (max-width: 1220px) {
  #content {
    margin-top: 108px;
  }
}
@media (max-width: 700px) {
  #content {
    margin-top: 91px;
  }
}
@media (max-width: 500px) {
  #content {
    margin-top: 98px;
  }
}
#header_page {
  position: relative;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1220px) {
  #header_page {
    height: 300px;
  }
}
@media (max-width: 500px) {
  #header_page {
    height: 200px;
  }
}
#header_page .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
#header_page .bg:after {
  content: "";
  background-color: #27336b;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
#header_page #inner_header_page h1 {
  color: #ffffff;
  font-weight: 700;
  font-size: 2rem;
  margin: 0;
  text-align: center;
}
@media (max-width: 700px) {
  #header_page #inner_header_page h1 {
    font-size: 1.5rem;
  }
}
#header_page #inner_header_page #traduction {
  display: flex;
  align-items: center;
  justify-content: center;
}
#header_page #inner_header_page #traduction a {
  width: 40px;
  height: 40px;
  display: block;
  margin: 4px 2px 0;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center center;
  transition: 0.2s;
}
#header_page #inner_header_page #traduction a:hover {
  transform: scale(1.05);
}
#header_page #inner_header_page #traduction a.fr {
  background-image: url(assets/img/fr.svg);
}
#header_page #inner_header_page #traduction a.en {
  background-image: url(assets/img/en.svg);
}
#header_page #inner_header_page #traduction a.es {
  background-image: url(assets/img/es.svg);
}
#header_page #inner_header_page #traduction a.it {
  background-image: url(assets/img/it.svg);
}
/*--------------------------------------------------------------
EVENTS
--------------------------------------------------------------*/
body.single-evenement div.entry-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1220px) {
  body.single-evenement div.entry-content {
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }
}
body.single-evenement div.entry-content .date_event {
  width: 270px;
  box-sizing: border-box;
  text-align: center;
  padding: 69px 10px 18px;
  background-position: top 15px center;
  background-size: 40px;
  font-size: 1.2rem;
  font-weight: 700;
  position: sticky;
  top: 145px;
}
@media (max-width: 1220px) {
  body.single-evenement div.entry-content .date_event {
    position: initial;
  }
}
@media (max-width: 700px) {
  body.single-evenement div.entry-content .date_event {
    background-size: 30px;
    font-size: 1.1rem;
    padding: 58px 10px 15px;
  }
}
body.single-evenement div.entry-content .date_event span {
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
}
body.single-evenement div.entry-content > div.contenu-event {
  width: 65%;
}
@media (max-width: 1220px) {
  body.single-evenement div.entry-content > div.contenu-event {
    width: 100%;
  }
}
body.single-evenement div.entry-content > div.sidebar {
  width: 270px;
}
body.single-evenement div.entry-content > div.sidebar .btn, body.single-evenement div.entry-content > div.sidebar form input[type="submit"], form body.single-evenement div.entry-content > div.sidebar input[type="submit"], body.single-evenement div.entry-content > div.sidebar .wpcf7-form input[type="submit"], .wpcf7-form body.single-evenement div.entry-content > div.sidebar input[type="submit"], body.single-evenement div.entry-content > div.sidebar #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires body.single-evenement div.entry-content > div.sidebar a {
  width: 100%;
  box-sizing: border-box;
}
/*--------------------------------------------------------------
ACTUS
--------------------------------------------------------------*/
body.single-post .entry-meta {
  display: flex;
  align-items: center;
}
body.single-post .entry-meta span {
  margin: 0 5px;
}
body.single-post .entry-meta span.cat {
  background-color: #fab730;
  text-transform: uppercase;
  padding: 7px 15px;
}
body.single-post .entry-meta span.cat a {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.8rem;
}
.wrapper_event.archive {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
/*--------------------------------------------------------------
TEMPLATE CONTACT
--------------------------------------------------------------*/
section#contact_sec1 .infos {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
section#contact_sec1 .infos li {
  list-style: none;
  width: 48%;
}
section#contact_sec1 .infos li a {
  margin: 0 10px;
  background-color: #27336b;
  padding: 30px;
  text-align: center;
  display: block;
  color: #fab730;
  font-size: 1.3rem;
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 1080px) {
  section#contact_sec1 .infos li a {
    font-size: 1.1rem;
  }
}
@media (max-width: 700px) {
  section#contact_sec1 .infos li a {
    font-size: 0.9rem;
    padding: 15px;
    margin: 0 5px;
  }
}
section#contact_sec1 .infos li a span {
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  section#contact_sec1 .infos li a span {
    font-size: 0.8rem;
  }
}
section#contact_sec1 .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 90px 0;
}
@media (max-width: 1080px) {
  section#contact_sec1 .flex {
    flex-flow: column;
  }
  section#contact_sec1 .flex:nth-child(even) {
    flex-flow: column-reverse;
  }
}
section#contact_sec1 .flex > * {
  width: 45%;
}
@media (max-width: 1080px) {
  section#contact_sec1 .flex > * {
    width: 100%;
  }
}
section#contact_sec1 .flex .img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 400px;
}
@media (max-width: 1080px) {
  section#contact_sec1 .flex .img {
    height: 300px;
  }
}
section#contact_sec2 {
  background-color: #f2f2f2;
  padding: 40px;
  box-sizing: border-box;
}
section#contact_sec2 h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}
/*--------------------------------------------------------------
EVENTS
--------------------------------------------------------------*/
.wrapper_event article {
  transition: 0.3s;
  position: relative;
}
.wrapper_event article:hover {
  background-color: #ffffff;
}
.wrapper_event article:hover .texte {
  box-shadow: 10px 0 24px 5px rgba(4, 21, 31, 0.1);
}
.wrapper_event article .image {
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 700px) {
  .wrapper_event article .image {
    height: 270px;
  }
}
.wrapper_event article .texte {
  background-color: #ffffff;
  padding: 40px;
  width: 65%;
  position: relative;
  top: -49px;
  transition: 0.3s;
}
@media (max-width: 700px) {
  .wrapper_event article .texte {
    padding: 20px;
  }
}
.wrapper_event article .texte .title {
  font-size: 1.5rem;
  font-weight: 700;
  display: block;
  margin: 10px 0;
}
@media (max-width: 700px) {
  .wrapper_event article .texte .title {
    font-size: 1.1rem;
  }
}
@media (max-width: 500px) {
  .wrapper_event article .texte .title {
    font-size: 1rem;
  }
}
@media (max-width: 500px) {
  .wrapper_event article .texte p {
    font-size: 0.9rem;
  }
}
.date_event {
  display: inline-block;
  background-color: #27336b;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.75rem;
  text-align: center;
  padding: 10px 15px 10px 30px;
  background-image: url(assets/img/calendar-lines.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left 10px center;
}
@media (max-width: 1080px) {
  .date_event {
    font-size: 0.65rem;
    padding: 7px 15px 7px 30px;
    background-size: 12px;
  }
}
body.post-type-archive-evenement .categories, body.tax-categorie .categories {
  padding: 0 20px;
  margin: -25px auto 20px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  flex-flow: row wrap;
  max-width: 1200px;
  z-index: 1;
}
@media (max-width: 700px) {
  body.post-type-archive-evenement .categories, body.tax-categorie .categories {
    margin-top: 20px;
  }
}
body.post-type-archive-evenement .categories li, body.tax-categorie .categories li {
  list-style: none;
}
body.post-type-archive-evenement .categories li a, body.tax-categorie .categories li a {
  background-color: #fab730;
  margin: 3px;
  padding: 12px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.7rem;
}
@media (max-width: 700px) {
  body.post-type-archive-evenement .categories li a, body.tax-categorie .categories li a {
    background-color: transparent;
    padding: 0;
    margin: 3px 7px;
    color: #fab730;
    border-bottom: 1px solid #fab730;
  }
  body.post-type-archive-evenement .categories li a:hover, body.tax-categorie .categories li a:hover {
    background-color: transparent !important;
    color: #27336b;
    border-color: #27336b;
  }
}
body.post-type-archive-evenement .categories li a:hover, body.tax-categorie .categories li a:hover {
  background-color: #27336b;
}
body.post-type-archive-evenement .wrapper_event article, body.tax-categorie .wrapper_event article {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  body.post-type-archive-evenement .wrapper_event article, body.tax-categorie .wrapper_event article {
    flex-flow: column;
  }
}
body.post-type-archive-evenement .wrapper_event article .image, body.tax-categorie .wrapper_event article .image {
  min-height: 240px;
  height: 100%;
  width: 30%;
}
@media (max-width: 700px) {
  body.post-type-archive-evenement .wrapper_event article .image, body.tax-categorie .wrapper_event article .image {
    width: 100%;
  }
}
body.post-type-archive-evenement .wrapper_event article .texte, body.tax-categorie .wrapper_event article .texte {
  width: 70%;
  position: initial;
}
@media (max-width: 700px) {
  body.post-type-archive-evenement .wrapper_event article .texte, body.tax-categorie .wrapper_event article .texte {
    width: 100%;
  }
}
body.post-type-archive-evenement .wrapper_event .pagination, body.tax-categorie .wrapper_event .pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
}
/*--------------------------------------------------------------
HOMELIES
--------------------------------------------------------------*/
section#homelies_sec1 .inner {
  margin: 10px 0;
  display: flex;
  align-items: stretch;
}
section#homelies_sec1 .inner .image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 300px;
}
@media (max-width: 1080px) {
  section#homelies_sec1 .inner .image {
    display: none;
  }
}
section#homelies_sec1 .inner > div {
  width: 70%;
  background-color: #27336b;
  padding: 30px;
  box-sizing: border-box;
  color: #ffffff;
  transition: 0.2s;
}
@media (max-width: 1080px) {
  section#homelies_sec1 .inner > div {
    width: 100%;
  }
}
@media (max-width: 700px) {
  section#homelies_sec1 .inner > div {
    padding: 20px;
  }
}
section#homelies_sec1 .inner > div:hover {
  background-color: rgba(39, 51, 107, 0.7);
}
section#homelies_sec1 .inner > div h2 {
  color: #ffffff;
  margin: 0;
  font-size: 1.5rem;
}
@media (max-width: 700px) {
  section#homelies_sec1 .inner > div h2 {
    font-size: 1.1rem;
  }
}
section#homelies_sec1 .inner > div p {
  margin: 10px 0;
  text-transform: uppercase;
  font-size: 0.8rem;
}
@media (max-width: 700px) {
  section#homelies_sec1 .inner > div p {
    font-size: 0.7rem;
  }
}
/*--------------------------------------------------------------
Bloc Builder
--------------------------------------------------------------*/
#content_repeater .margin {
  margin: 70px auto;
}
#content_repeater .formulaire .container {
  background-color: #f2f2f2;
  padding: 40px;
}
#content_repeater .formulaire .container h2, #content_repeater .formulaire .container h3 {
  margin: 0;
}
#content_repeater .line_titre .centre {
  text-align: center;
}
#content_repeater .line_bg_color .container, #content_repeater .line_bg_image .container {
  position: relative;
  z-index: 5;
}
#content_repeater .line_bg_color.line_width_wrapper, #content_repeater .line_bg_image.line_width_wrapper {
  padding-right: 40px;
  padding-left: 40px;
}
#content_repeater .realisation_line h2 {
  text-align: center;
}
#content_repeater .realisation_line h2:after {
  margin: 14px auto;
}
#content_repeater .line_bg_image {
  position: relative;
  background-size: cover;
  background-position: center center;
}
#content_repeater .line_bg_image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #27336b;
  z-index: 1;
}
#content_repeater .line_text_light * {
  color: #ffffff;
}
#content_repeater .line_width_full {
  padding: 70px 0;
}
@media (max-width: 1080px) {
  #content_repeater .line_width_full {
    padding: 40px 0;
  }
}
#content_repeater .line_width_full .container {
  width: 1365px;
  max-width: 90%;
  margin: 0 auto;
}
#content_repeater .line_image .container {
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#content_repeater .line_image .container .img {
  background-size: cover;
  background-position: top center;
  position: relative;
  min-height: 450px;
  box-shadow: 0 0 20px rgba(4, 21, 31, 0.1);
}
@media (max-width: 1080px) {
  #content_repeater .line_image .container .img {
    min-height: 350px;
  }
}
#content_repeater .line_image .container .img:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(assets/img/petit-triangle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  z-index: 1;
  width: 120px;
  height: 120px;
  transition: 0.2s;
}
#content_repeater .line_image .container .text {
  flex-basis: 0;
  flex-grow: 1;
  padding-right: 70px;
  padding-top: 30px;
  padding-bottom: 30px;
}
#content_repeater .line_image .container .text > h2 {
  margin-top: 0;
}
#content_repeater .line_image .container .text .btn, #content_repeater .line_image .container .text form input[type="submit"], form #content_repeater .line_image .container .text input[type="submit"], #content_repeater .line_image .container .text .wpcf7-form input[type="submit"], .wpcf7-form #content_repeater .line_image .container .text input[type="submit"], #content_repeater .line_image .container .text #colophon ul#footer-menu li .sub-menu li.horaires a, #colophon ul#footer-menu li .sub-menu li.horaires #content_repeater .line_image .container .text a {
  margin-top: 10px;
}
#content_repeater .line_image .container.line_align_reverse {
  flex-flow: row-reverse nowrap;
}
#content_repeater .line_image .container.line_align_reverse .text {
  padding-left: 70px;
  padding-right: 0;
}
@media (max-width: 1080px) {
  #content_repeater .line_image .container {
    flex-flow: column;
  }
  #content_repeater .line_image .container .img {
    width: 100% !important;
    height: 50vw;
  }
  #content_repeater .line_image .container .text {
    width: 100%;
    padding: 0 0 40px 0;
  }
  #content_repeater .line_image .container.line_align_reverse {
    flex-flow: column;
  }
  #content_repeater .line_image .container.line_align_reverse .text {
    padding: 0 0 40px 0;
  }
}
#content_repeater .line_colonnes .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#content_repeater .line_colonnes .container > div {
  padding: 30px;
  border: 1px solid #fab730;
  box-sizing: border-box;
}
#content_repeater .line_colonnes .container > div img {
  margin: 0;
  width: 100%;
  height: 250px;
  object-fit: cover;
}
#content_repeater .line_colonnes .container > div h3 {
  text-transform: initial;
  margin: 0;
}
#content_repeater .line_colonnes .container.line_colonnes_2 > div {
  width: 48%;
}
#content_repeater .line_colonnes .container.line_colonnes_3 > div {
  width: 31%;
}
#content_repeater .line_colonnes .container.line_colonnes_4 > div {
  width: 24%;
}
@media (max-width: 1220px) {
  #content_repeater .line_colonnes .container {
    flex-flow: row wrap;
  }
  #content_repeater .line_colonnes .container > div {
    margin-bottom: 30px;
  }
  #content_repeater .line_colonnes .container.line_colonnes_2 > div {
    width: 100%;
  }
  #content_repeater .line_colonnes .container.line_colonnes_3 > div {
    width: 48%;
  }
  #content_repeater .line_colonnes .container.line_colonnes_3 > div:last-child {
    width: 100%;
  }
  #content_repeater .line_colonnes .container.line_colonnes_4 > div {
    width: 48%;
  }
}
@media (max-width: 700px) {
  #content_repeater .line_colonnes .container > div {
    width: 100% !important;
  }
}
#content_repeater .line_galerie .gallery-columns-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
#content_repeater .line_galerie .gallery-columns-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#content_repeater .line_galerie .gallery-columns-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 700px) {
  #content_repeater .line_galerie .gallery-columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
#content_repeater .line_galerie .gallery-columns-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1220px) {
  #content_repeater .line_galerie .gallery-columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  #content_repeater .line_galerie .gallery-columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
#content_repeater .line_galerie .gallery-columns-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1220px) {
  #content_repeater .line_galerie .gallery-columns-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  #content_repeater .line_galerie .gallery-columns-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
#content_repeater .line_galerie .gallery-columns-6, #content_repeater .line_galerie.gallery-columns-7, #content_repeater .line_galerie.gallery-columns-8, #content_repeater .line_galerie.gallery-columns-9, #content_repeater .line_galerie.gallery-columns-10 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1220px) {
  #content_repeater .line_galerie .gallery-columns-6, #content_repeater .line_galerie.gallery-columns-7, #content_repeater .line_galerie.gallery-columns-8, #content_repeater .line_galerie.gallery-columns-9, #content_repeater .line_galerie.gallery-columns-10 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  #content_repeater .line_galerie .gallery-columns-6, #content_repeater .line_galerie.gallery-columns-7, #content_repeater .line_galerie.gallery-columns-8, #content_repeater .line_galerie.gallery-columns-9, #content_repeater .line_galerie.gallery-columns-10 {
    grid-template-columns: repeat(2, 1fr);
  }
}
#content_repeater .line_pictos .container {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
@media (max-width: 1220px) {
  #content_repeater .line_pictos .container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1080px) {
  #content_repeater .line_pictos .container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  #content_repeater .line_pictos .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
#content_repeater .line_pictos .container li {
  display: block;
  background-color: #27336b;
  padding: 20px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  #content_repeater .line_pictos .container li {
    padding: 15px;
  }
}
#content_repeater .line_pictos .container li .h2, #content_repeater .line_pictos .container li .h3, #content_repeater .line_pictos .container li .h4 {
  color: #ffffff;
}
@media (max-width: 700px) {
  #content_repeater .line_pictos .container li .h2, #content_repeater .line_pictos .container li .h3, #content_repeater .line_pictos .container li .h4 {
    font-size: 1.1rem;
  }
}
#content_repeater .line_pictos .container li span {
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: relative;
}
@media (max-width: 700px) {
  #content_repeater .line_pictos .container li span {
    width: 40px;
    height: 40px;
  }
}
#content_repeater .line_pictos .container li p {
  color: #ffffff;
}
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
#colophon {
  background-color: #27336b;
  padding: 70px 0 20px;
  border-top: 4px solid #fab730;
}
@media (max-width: 700px) {
  #colophon {
    padding: 40px 0 20px;
  }
}
#colophon ul#footer-menu {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
  width: 1365px;
  max-width: 90%;
  margin: 0 auto;
}
@media (max-width: 700px) {
  #colophon ul#footer-menu {
    flex-flow: column;
  }
}
#colophon ul#footer-menu > li {
  width: 32%;
}
@media (max-width: 700px) {
  #colophon ul#footer-menu > li {
    width: 100%;
  }
}
#colophon ul#footer-menu li {
  list-style: none;
}
@media (max-width: 700px) {
  #colophon ul#footer-menu li {
    margin-bottom: 20px;
  }
}
#colophon ul#footer-menu li a {
  color: #ffffff;
}
#colophon ul#footer-menu li .sub-menu {
  padding: 0;
  margin: 0;
}
#colophon ul#footer-menu li .sub-menu li {
  margin: 3px 0;
  padding-left: 11px;
}
#colophon ul#footer-menu li .sub-menu li a {
  position: relative;
}
@media (max-width: 1080px) {
  #colophon ul#footer-menu li .sub-menu li a {
    font-size: 0.9rem;
  }
}
#colophon ul#footer-menu li .sub-menu li a:hover {
  color: #fab730;
}
#colophon ul#footer-menu li .sub-menu li a:before {
  content: "";
  background-image: url(assets/img/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -15px;
  top: 5px;
  transform: rotate(-90deg);
}
#colophon ul#footer-menu li .sub-menu li.tel {
  padding-left: 0;
}
#colophon ul#footer-menu li .sub-menu li.tel a {
  background-image: url(assets/img/call.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 18px;
  color: #fab730;
  border-bottom: 1px solid #fab730;
}
#colophon ul#footer-menu li .sub-menu li.tel a:hover {
  opacity: 0.6;
}
#colophon ul#footer-menu li .sub-menu li.tel a:before {
  content: none;
}
#colophon ul#footer-menu li .sub-menu li.mail {
  padding-left: 0;
}
#colophon ul#footer-menu li .sub-menu li.mail a {
  background-image: url(assets/img/mail.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 18px;
  color: #fab730;
  border-bottom: 1px solid #fab730;
}
#colophon ul#footer-menu li .sub-menu li.mail a:hover {
  opacity: 0.6;
}
#colophon ul#footer-menu li .sub-menu li.mail a:before {
  content: none;
}
#colophon ul#footer-menu li .sub-menu li.adress {
  padding-left: 0;
}
#colophon ul#footer-menu li .sub-menu li.adress a {
  background-image: url(assets/img/gps.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 18px;
  color: #fab730;
  border-bottom: 1px solid #fab730;
}
#colophon ul#footer-menu li .sub-menu li.adress a:hover {
  opacity: 0.6;
}
#colophon ul#footer-menu li .sub-menu li.adress a:before {
  content: none;
}
#colophon ul#footer-menu li .sub-menu li.horaires {
  padding-left: 0;
  margin-top: 15px;
}
#colophon ul#footer-menu li .sub-menu li.horaires a {
  padding: 15px 15px 15px 30px;
  font-size: 0.8rem;
  margin-right: 0;
  background-image: url(assets/img/calendar.svg);
  background-position: left 7px center;
  background-repeat: no-repeat;
  background-size: 15px;
  font-size: 0.9rem;
  border: 1px solid #fab730;
}
#colophon ul#footer-menu li .sub-menu li.horaires a:hover {
  background-color: transparent;
}
#colophon ul#footer-menu li .sub-menu li.horaires a:before {
  content: none;
}
#colophon ul#footer-menu > li > a {
  text-transform: uppercase;
  color: #fab730;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  font-size: 1.2rem;
  cursor: default;
}
@media (max-width: 1080px) {
  #colophon ul#footer-menu > li > a {
    font-size: 1rem;
  }
}
#colophon #copyright {
  color: #ffffff;
  text-align: center;
  margin: 20px 0 0;
  font-size: 0.8rem;
  opacity: 0.7;
}
#colophon #copyright a {
  color: #fab730;
  border-bottom: 1px solid #fab730;
}