/*--------FONTES---------*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
/*--------VARIABLES--------*/
@media (max-width: 768px) {
  h2.titre {
    font-size: 24px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', serif;
}

p, span, div, a {
  font-family: 'Roboto', sans-serif;
  color: #000000;
}

p, li {
  font-size: 18px;
  line-height: 1.7em;
}

/*------------MIXINS-----------*/
/*--------GENERAL-------*/
img {
  vertical-align: bottom;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-center {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.line-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}

@media (max-width: 992px) {
  .line-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

a.bouton {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 34px;
  line-height: normal;
  text-align: left;
  padding: 15px 150px 15px 30px;
  border: none;
  min-width: 150px;
  max-width: 600px;
  font-family: "Roboto", serif;
  color: #ffffff;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url(../images/button-arrow.png) #d12e2a no-repeat 92% center;
  text-decoration: none;
}

@media (max-width: 1600px) {
  a.bouton {
    font-size: 29px;
  }
}

@media (max-width: 1200px) {
  a.bouton {
    font-size: 22px;
    margin: 18px auto;
  }
}

@media (max-width: 992px) {
  a.bouton {
    font-size: 18px;
    width: 300px;
  }
}

@media (max-width: 768px) {
  a.bouton {
    width: 100%;
  }
}

a.bouton:active, a.bouton:hover, a.bouton:focus {
  outline: 0 !important;
  outline-offset: 0;
  background: url(../images/button-arrow.png) #bc2926 no-repeat 92% center;
}

a.bouton:hover {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}

.container {
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 479px) {
  .container {
    max-width: 100%;
    overflow: hidden;
  }
}

@media (min-width: 480px) {
  .container {
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 752px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}

@media (min-width: 1250px) {
  .container {
    max-width: 1180px;
  }
}

.container-1300 {
  width: 100%;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 479px) {
  .container-1300 {
    max-width: 100%;
    overflow: hidden;
  }
}

@media (min-width: 480px) {
  .container-1300 {
    max-width: unset;
  }
}

@media (min-width: 768px) {
  .container-1300 {
    max-width: unset;
  }
}

@media (min-width: 992px) {
  .container-1300 {
    max-width: 970px;
  }
}

@media (min-width: 1250px) {
  .container-1300 {
    max-width: unset;
  }
}

@media (min-width: 1650px) {
  .container-1300 {
    max-width: 1270px;
  }
}

.container-1400 {
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 479px) {
  .container-1400 {
    max-width: 100%;
    overflow: hidden;
  }
}

@media (min-width: 480px) {
  .container-1400 {
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .container-1400 {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container-1400 {
    max-width: 970px;
  }
}

@media (min-width: 1250px) {
  .container-1400 {
    max-width: 1180px;
  }
}

@media (min-width: 1400px) {
  .container-1400 {
    max-width: 1370px;
  }
}

.container-1500 {
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

@media (max-width: 767px) {
  .container-1500 {
    max-width: 100%;
    width: 100%;
    padding: 0 65px;
  }
}

@media (max-width: 480px) {
  .container-1500 {
    padding: 0 30px;
  }
}

@media (min-width: 768px) {
  .container-1500 {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container-1500 {
    max-width: 970px;
  }
}

@media (min-width: 1250px) {
  .container-1500 {
    max-width: 1180px;
  }
}

@media (min-width: 1549px) {
  .container-1500 {
    max-width: 1470px;
  }
}

/*--------LOGO et MENU PRINCIPAL---------*/
#header {
  position: absolute;
  top: 50px;
  width: 100%;
  background: transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 10;
}

@media (max-width: 1600px) {
  #header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 1200px) {
  #header {
    top: 25px;
  }
}

@media (max-width: 450px) {
  #header {
    top: 5px;
  }
}

#header .line-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}

@media (max-width: 992px) {
  #header .line-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#header .container-custom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 50px;
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 992px) {
  #header .container-custom {
    max-width: 90%;
    left: 5%;
    margin: 0 auto;
    padding: 0;
  }
}

@media (max-width: 768px) {
  #header .container-custom {
    max-width: 90%;
    left: 5%;
    padding: 0;
  }
}

@media (max-width: 450px) {
  #header .container-custom {
    width: 100%;
  }
}

#header .container-custom #logo {
  width: 240px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (max-width: 1600px) {
  #header .container-custom #logo {
    width: 200px;
  }
}

@media (max-width: 1250px) {
  #header .container-custom #logo {
    width: 183px;
  }
}

@media (max-width: 992px) {
  #header .container-custom #logo {
    width: 168px;
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

@media (max-width: 768px) {
  #header .container-custom #logo {
    width: 150px;
  }
}

#header .container-custom #menu-principal {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#header .container-custom #menu-principal .tel {
  font-family: 'Roboto', sans-serif;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
}

#header .container-custom #menu-principal .tel:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 1600px) {
  #header .container-custom #menu-principal .tel {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 18px;
  }
}

@media (max-width: 1400px) {
  #header .container-custom #menu-principal .tel {
    margin-left: 25px;
    margin-right: 25px;
  }
}

@media (max-width: 1070px) {
  #header .container-custom #menu-principal .tel {
    margin-right: 0;
  }
}

@media (max-width: 992px) {
  #header .container-custom #menu-principal .tel {
    width: 100%;
    text-align: left;
    margin-top: 30px;
  }
  #header .container-custom #menu-principal .tel, #header .container-custom #menu-principal .tel:hover {
    color: #ffffff;
  }
}

#header .container-custom #menu-principal .logo-belin-header {
  width: 100px;
}

@media (max-width: 1170px) {
  #header .container-custom #menu-principal .logo-belin-header {
    display: none;
  }
}

@media (max-width: 1600px) {
  #header .container-custom #menu-principal .bouton-contact {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
}

@media (max-width: 1400px) {
  #header .container-custom #menu-principal .bouton-contact {
    margin: 0;
    padding: 8px 15px;
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  #header .container-custom #menu-principal .bouton-contact {
    margin: 30px 0 0 0 !important;
    max-width: 216px;
  }
}

@media (max-width: 992px) {
  #header .container-custom #menu-principal {
    position: fixed;
    overflow: scroll;
    top: 0;
    height: 100%;
    left: -100%;
    background: #000000;
    bottom: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 50px 20px !important;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    margin: 0;
    width: 80%;
    z-index: 100;
  }
  #header .container-custom #menu-principal.is-active {
    left: 0;
  }
  #header .container-custom #menu-principal .menu {
    padding: 0;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #header .container-custom #menu-principal .menu > li {
    height: auto;
    display: block;
    padding: 0 40px 0 10px;
    position: relative;
  }
  #header .container-custom #menu-principal .menu > li > a {
    font-family: "Roboto", serif;
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    padding: 20px 0;
    font-weight: 100;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  #header .container-custom #menu-principal .menu > li > a br {
    display: none;
  }
  #header .container-custom #menu-principal .menu > li:hover > a {
    color: #91201d !important;
  }
  #header .container-custom #menu-principal .menu > li .texte-descriptif {
    display: none;
  }
  #header .container-custom #menu-principal .menu > li .sub-menu.level-2 {
    position: relative;
    background: none;
    max-height: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    top: auto;
    padding: 0 20px;
    margin-bottom: 10px;
    display: none;
  }
  #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li {
    margin-bottom: 20px;
  }
  #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li a {
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    padding: 5px 0;
    display: inline-block;
  }
  #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li .level-3 {
    display: block;
    padding: 0 20px;
  }
  #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li .level-3 li {
    margin: 0;
  }
  #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li .level-3 li a {
    padding: 3px 0;
    text-transform: none;
    display: inline-block;
  }
  #header .container-custom #menu-principal .menu > li.menu-item-has-children:after {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 30px;
    color: #d12e2a;
    position: absolute;
    top: 22px;
    right: 10px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  #header .container-custom #menu-principal .menu > li.menu-item-has-children.active:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu {
    padding: 0;
    list-style-type: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    margin: 0 0 0 40px;
  }
  #header .container-custom .menu > .menu-item {
    padding: 0 20px 0;
    text-align: center;
    cursor: pointer;
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  #header .container-custom .menu > .menu-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #header .container-custom .menu > .menu-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu > .menu-item > a {
    position: relative;
    padding-bottom: 5px;
  }
  #header .container-custom .menu > .menu-item > a:after {
    content: '';
    height: 1px;
    width: 0;
    background: #2c65a4;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -5px;
  }
  #header .container-custom .menu > .menu-item:hover > a:after {
    width: 100%;
  }
  #header .container-custom .menu > .menu-item a {
    font-family: "Roboto", serif;
    color: #000000;
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  #header .container-custom .menu > .menu-item a {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #header .container-custom .menu > .menu-item a {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu > .menu-item:last-of-type {
    padding-right: 0;
  }
  #header .container-custom .menu > .menu-item:hover > a {
    color: #2c65a4;
    text-decoration: none;
  }
  #header .container-custom .menu .texte-descriptif,
  #header .container-custom .menu .sub-menu {
    visibility: hidden;
    position: absolute;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 {
    position: absolute;
    background: #f5f5f3;
    top: 100%;
    right: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    z-index: 10;
    text-align: left;
    width: 1000px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 {
    width: 880px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 {
    width: 770px;
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur {
    background: #deded7;
    width: 30%;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li {
    padding: 25px 20px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li {
    padding: 15px;
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item.menu-item-has-children:after {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 20px;
    color: #d12e2a;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a {
    font-size: 17px;
    color: #000000;
    text-align: left;
    padding: 0;
    text-decoration: none;
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover {
    background: #f5f5f3;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3 {
    position: absolute;
    visibility: visible;
    top: 0;
    right: 0;
    width: 70%;
    bottom: 0;
    z-index: 2;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-height: 100%;
    padding: 0;
    list-style-type: none;
    display: inline-block;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3 .conteneur {
    background: #f5f5f3;
    width: 100%;
    min-height: 100%;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3 .conteneur a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    padding: 0 10px;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3 .conteneur a:hover {
    padding: 0 0 0 20px;
    color: #333333;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif {
    display: block;
    padding: 20px 30px;
    -ms-flex-negative: 99999;
        flex-shrink: 99999;
    position: relative;
    z-index: 1;
  }
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h2, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h4, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h5 {
    font-size: 22px;
    font-weight: 800;
    display: inline-block;
    line-height: 1.7em;
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h2, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h4, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h5 {
    font-size: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h2, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h4, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h5 {
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p {
    font-size: 18px;
    line-height: 1.7em;
  }
}

@media (min-width: 992px) and (max-width: 1600px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p {
    font-size: 15px;
    line-height: 20px;
  }
}

@media (min-width: 992px) {
  #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p:last-of-type {
    margin-bottom: 0;
  }
  #header .container-custom .menu .menu-item-has-children:hover .texte-descriptif {
    visibility: visible;
  }
  #header .container-custom .menu .menu-item-has-children:hover > .sub-menu.level-2 {
    visibility: visible;
  }
}

@media (max-width: 1400px) {
  #header .container-custom .menu {
    margin: 0;
  }
}

@media (min-width: 992px) {
  #header:not(.sticky) #logo {
    position: relative;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  #header:not(.sticky) #logo:after {
    content: '';
    position: absolute;
    background-color: #ffffff;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    z-index: -1;
  }
}

@media (min-width: 1600px) {
  #header:not(.sticky) #logo {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  #header:not(.sticky) #logo:after {
    content: '';
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
  }
}

#header.sticky {
  position: fixed !important;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: 10;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding-top: 5px;
  padding-bottom: 5px;
}

#header.sticky #logo {
  width: 166px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

#header.sticky #menu-principal {
  border-bottom: 0;
}

#header.sticky #menu-principal .wpml-ls {
  visiblity: hidden;
}

@media (min-width: 992px) {
  #header.sticky #menu-principal .line1 {
    opacity: 0;
    right: 50px;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    position: absolute;
    display: -ms-inline-grid;
    display: inline-grid;
  }
}

#header.sticky #menu-principal .bouton-contact {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

@media (max-width: 1250px) {
  #header.sticky #menu-principal .bouton-contact {
    margin: 0;
    padding: 8px 15px;
    font-size: 14px;
  }
}

#header.sticky #menu-principal .menu {
  border: 0;
}

@media (min-width: 1201px) {
  #header.sticky #menu-principal .menu {
    margin: 10px 40px 0 0;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  #header.sticky #menu-principal .menu {
    margin: 10px 30px 0 0;
  }
}

#header.sticky #menu-principal .menu > li {
  padding-bottom: 10px;
}

#header.sticky #menu-principal .menu li:hover > a {
  color: #000000;
}

#header.sticky #menu-principal .menu li > a {
  padding-bottom: 5px;
  font-size: 17px;
}

@media (max-width: 1250px) {
  #header.sticky #menu-principal .menu li > a {
    font-size: 16px;
  }
}

#header.sticky #menu-principal .menu li .level-2 li:hover a {
  color: #2c65a4;
  border-bottom: 0;
}

#header.sticky #menu-principal .menu li .level-2 a {
  padding-bottom: 0;
}

#menu-mobile {
  outline: 0;
  padding: 15px 0;
}

#menu-mobile .hamburger-inner,
#menu-mobile .hamburger-inner:after,
#menu-mobile .hamburger-inner:before {
  background-color: #000000;
  opacity: 1;
}

@media (min-width: 992px) {
  #menu-mobile {
    display: none;
  }
}

.not-front #header {
  background: #ffffff;
  position: relative;
  top: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.not-front #header #logo {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.not-front #header #logo img {
  margin-top: 5px;
}

.not-front #header #logo:after {
  display: none;
}

.not-front #header #menu-principal {
  border-bottom: 0;
}

@media (min-width: 992px) {
  .not-front #header #menu-principal .menu > .menu-item {
    padding: 0 20px 5px;
  }
}

.not-front #header #menu-principal .menu li > a {
  padding-bottom: 5px;
  position: relative;
}

.not-front #header #menu-principal .menu li:hover > a {
  text-decoration: none;
  color: #d12e2a;
}

.not-front #header #menu-principal .menu li .level-2 li:hover a {
  color: #000000;
  border-bottom: 0;
}

.not-front #header #menu-principal .menu li .level-2 a {
  padding-bottom: 0;
}

.not-front #header #menu-principal .menu li .level-2 a:after {
  display: none;
}

.page #bandeau-principal.avec-visuel {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 630px;
  position: relative;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}

@media (max-width: 1600px) {
  .page #bandeau-principal.avec-visuel {
    height: 550px;
  }
}

@media (max-width: 1200px) {
  .page #bandeau-principal.avec-visuel {
    height: 500px;
  }
}

@media (max-width: 992px) {
  .page #bandeau-principal.avec-visuel {
    height: 400px;
  }
}

@media (max-width: 768px) {
  .page #bandeau-principal.avec-visuel {
    height: 350px;
  }
}

.page #bandeau-principal.avec-visuel #header:not(.sticky) {
  background: transparent;
  top: 30px;
  position: absolute;
  width: 100%;
}

.page #bandeau-principal.avec-visuel #header:not(.sticky) #menu-principal {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.page #bandeau-principal.avec-visuel .titre {
  position: absolute;
  top: 50%;
  text-align: center;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  min-height: 35%;
  background: radial-gradient(rgba(0, 0, 0, 0.45) 17%, transparent 60%, transparent 100%);
  background-size: 100%;
  background-position-y: -20px;
}

@media (max-width: 1200px) {
  .page #bandeau-principal.avec-visuel .titre {
    top: 60%;
  }
}

@media (max-width: 992px) {
  .page #bandeau-principal.avec-visuel .titre {
    top: 50%;
  }
}

.page #bandeau-principal.avec-visuel .titre h1 {
  color: #ffffff;
  font-weight: 300;
  font-size: 36px;
  line-height: normal;
}

@media (max-width: 1600px) {
  .page #bandeau-principal.avec-visuel .titre h1 {
    font-size: 32px;
  }
}

@media (max-width: 1200px) {
  .page #bandeau-principal.avec-visuel .titre h1 {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  .page #bandeau-principal.avec-visuel .titre h1 {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .page #bandeau-principal.avec-visuel .titre h1 {
    font-size: 18px;
  }
}

.page #bandeau-principal.avec-visuel .titre h1 .grand {
  color: #ffffff;
  font-size: 52px;
  font-weight: 700;
}

@media (max-width: 1600px) {
  .page #bandeau-principal.avec-visuel .titre h1 .grand {
    font-size: 42px;
  }
}

@media (max-width: 1200px) {
  .page #bandeau-principal.avec-visuel .titre h1 .grand {
    font-size: 36px;
  }
}

@media (max-width: 992px) {
  .page #bandeau-principal.avec-visuel .titre h1 .grand {
    font-size: 28px;
  }
}

/*-----------------ACCUEIL----------------*/
.home #header {
  position: relative;
  top: 0;
}

.home #bandeau-principal {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 1050px;
}

@media (max-height: 880px) and (min-width: 1200px), (max-width: 1200px) {
  .home #bandeau-principal {
    height: 600px;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal {
    height: 500px;
    overflow: hidden;
    margin: 0;
  }
}

@media (max-width: 450px) {
  .home #bandeau-principal {
    height: 400px;
    background-position-x: center;
  }
}

.home #bandeau-principal .logo-header {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
}

@media (max-width: 768px) {
  .home #bandeau-principal .logo-header {
    top: 30px;
    width: 120px;
  }
}

@media (max-width: 580px) {
  .home #bandeau-principal .logo-header {
    top: 30px;
    width: 90px;
  }
}

.home #bandeau-principal .titre {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 64%;
  z-index: 2;
}

@media (min-width: 1919px) {
  .home #bandeau-principal .titre {
    top: 48%;
    left: unset;
    -webkit-transform: translate(0);
            transform: translate(0);
    width: 100%;
  }
}

@media (max-width: 1918px) {
  .home #bandeau-principal .titre [class^="container-"] {
    max-width: unset;
    width: calc(100% - 30px);
  }
}

@media (max-width: 768px) {
  .home #bandeau-principal .titre {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 72%;
  }
}

@media (max-width: 580px) {
  .home #bandeau-principal .titre {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .home #bandeau-principal .titre {
    top: 58%;
  }
}

.home #bandeau-principal .titre h1 {
  font-weight: 700;
  font-size: 60px;
  margin: 0;
  text-align: left;
  position: relative;
  padding: 30px 160px 70px 70px;
}

.home #bandeau-principal .titre h1, .home #bandeau-principal .titre h1 span {
  font-family: "Roboto", serif;
  color: #ffffff;
}

@media (max-width: 1800px) {
  .home #bandeau-principal .titre h1 {
    font-size: 50px;
  }
}

@media (max-width: 1600px) {
  .home #bandeau-principal .titre h1 {
    font-size: 40px;
    padding: 30px 120px 70px 70px;
  }
}

@media (max-width: 1250px) {
  .home #bandeau-principal .titre h1 {
    font-size: 35px;
    padding: 30px 120px 70px 30px;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal .titre h1 {
    padding: 30px 60px 70px 30px;
    font-size: 30px;
  }
}

@media (max-width: 580px) {
  .home #bandeau-principal .titre h1 {
    font-size: 20px;
    line-height: normal;
  }
}

.home #bandeau-principal .titre h1 .content {
  position: relative;
  color: #ffffff;
  background-color: rgba(71, 161, 214, 0.8);
  padding: 50px 50px 100px;
  text-transform: uppercase;
}

.home #bandeau-principal .titre h1 .content::before {
  content: ' ';
  width: 50px;
  height: 50px;
  position: absolute;
  left: -25px;
  top: -25px;
  background: #d12e2a;
}

@media (max-width: 768px) {
  .home #bandeau-principal .titre h1 .content::before {
    width: 30px;
    height: 30px;
    left: -15px;
    top: -15px;
  }
}

.home #bandeau-principal .titre h1 .content::after {
  content: ' ';
  width: 80px;
  height: 80px;
  position: absolute;
  left: -80px;
  bottom: -80px;
  background: #ffffff;
}

@media (max-width: 768px) {
  .home #bandeau-principal .titre h1 .content::after {
    width: 50px;
    height: 50px;
    left: -50px;
    bottom: -50px;
  }
}

@media (max-width: 1600px) {
  .home #bandeau-principal .titre h1 .content {
    padding-bottom: 70px;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal .titre h1 .content {
    padding: 30px 30px 40px;
  }
}

@media (max-width: 768px) {
  .home #bandeau-principal .titre h1 .content {
    width: 300px;
  }
}

@media (max-width: 580px) {
  .home #bandeau-principal .titre h1 .content {
    padding: 20px 20px 20px;
    width: 200px;
    margin: 0 auto;
  }
}

.home #bandeau-principal .titre h1 small {
  font-weight: 500;
  width: 100%;
  display: block;
  font-size: 28px;
  line-height: 35px;
  margin-top: 15px;
}

@media (max-width: 1600px) {
  .home #bandeau-principal .titre h1 small {
    font-size: 30px;
  }
}

@media (max-width: 1400px) {
  .home #bandeau-principal .titre h1 small {
    font-size: 28px;
  }
}

@media (max-width: 1200px) {
  .home #bandeau-principal .titre h1 small {
    font-size: 25px;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal .titre h1 small {
    visibility: hidden;
    font-size: 0;
  }
  .home #bandeau-principal .titre h1 small span {
    font-size: 19px;
    border-right: none;
    width: 100%;
    display: inline-block;
    height: inherit;
    visibility: visible;
  }
}

.home #bandeau-principal .titre .texte .version-mobile {
  display: none;
}

@media (max-width: 1600px) {
  .home #bandeau-principal .titre .texte .visuel-desktop {
    width: 80%;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal .titre .texte .visuel-desktop {
    width: 100%;
  }
}

.home #bandeau-principal .titre .texte .container-bouton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: -130px;
}

@media (max-width: 1918px) {
  .home #bandeau-principal .titre .texte .container-bouton {
    margin-top: -100px;
  }
}

@media (max-width: 1600px) {
  .home #bandeau-principal .titre .texte .container-bouton {
    margin-top: -90px;
  }
}

@media (max-width: 1400px) {
  .home #bandeau-principal .titre .texte .container-bouton {
    margin-top: -70px;
  }
}

@media (max-width: 1250px) {
  .home #bandeau-principal .titre .texte .container-bouton {
    margin-top: -48px;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal .titre .texte .container-bouton {
    margin-top: -43px;
    margin-left: 75px;
  }
}

@media (max-width: 768px) {
  .home #bandeau-principal .titre .texte .container-bouton {
    margin-left: 0;
    width: 400px;
  }
}

@media (max-width: 580px) {
  .home #bandeau-principal .titre .texte .container-bouton {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    -webkit-transform: translate(20px);
            transform: translate(20px);
  }
}

.home #bandeau-principal .titre .texte .bouton {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 80px;
  background-size: 27px 37px;
  max-width: 650px;
}

.home #bandeau-principal .titre .texte .bouton:hover {
  background-size: 27px 37px;
}

@media (max-width: 1600px) {
  .home #bandeau-principal .titre .texte .bouton {
    font-size: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-size: 22px 32px;
    margin: 0;
  }
  .home #bandeau-principal .titre .texte .bouton:hover {
    background-size: 22px 32px;
  }
}

@media (max-width: 1250px) {
  .home #bandeau-principal .titre .texte .bouton {
    font-size: 22px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 105px;
  }
  .home #bandeau-principal .titre .texte .bouton:hover {
    background-size: 22px 32px;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal .titre .texte .bouton {
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 15px;
    background-size: 22px 32px;
    margin: 0;
    width: 84%;
    padding-right: 60px;
  }
}

@media (max-width: 768px) {
  .home #bandeau-principal .titre .texte .bouton {
    font-size: 18px;
    width: 350px;
    padding-right: 60px;
  }
}

@media (max-width: 580px) {
  .home #bandeau-principal .titre .texte .bouton {
    font-size: 14px;
    width: 250px;
    padding: 15px 30px 15px 15px;
    background-size: 15px 22px;
    background-position-x: 95%;
  }
}

.home #bandeau-principal #scrolldown {
  position: absolute;
  bottom: 12%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.home #bandeau-principal #scrolldown:hover {
  bottom: 11%;
}

@media (max-width: 1700px) {
  .home #bandeau-principal #scrolldown {
    bottom: 20%;
  }
  .home #bandeau-principal #scrolldown:hover {
    bottom: 19%;
  }
}

@media (max-width: 1200px) {
  .home #bandeau-principal #scrolldown {
    bottom: 22%;
    width: 47px;
  }
  .home #bandeau-principal #scrolldown:hover {
    bottom: 21%;
  }
}

@media (max-width: 992px) {
  .home #bandeau-principal #scrolldown {
    display: none;
  }
}

.home h2.titre {
  font-weight: 100;
}

.home h2.titre, .home h3.titre {
  font-family: "Roboto", serif;
  text-align: center;
}

.home #section-edito--1 {
  margin-top: 100px;
  margin-bottom: 50px;
  overflow-x: hidden;
}

.home #section-edito--1 .gauche {
  padding-right: 0;
  padding-left: 0;
  width: auto;
  max-height: 877px;
  overflow: hidden;
  position: relative;
}

.home #section-edito--1 .gauche .visuel {
  position: relative;
}

.home #section-edito--1 .gauche .visuel:after {
  content: "";
  position: absolute;
  background-color: rgba(111, 177, 239, 0.8);
  width: 25%;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
}

.home #section-edito--1 .gauche .bouton {
  position: absolute;
  top: 80%;
  right: 30%;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
}

.home #section-edito--1 .droite {
  width: 42%;
  background-color: #e0efff;
}

.home #section-edito--1 .droite .texte {
  width: 100%;
}

.home #section-edito--1 .droite .texte.intro {
  padding: 0 0 90px 50px;
  background-color: #ffffff;
}

.home #section-edito--1 .droite .texte.intro h2:first-child {
  margin-top: 0;
}

.home #section-edito--1 .droite .texte.intro h2 {
  color: #2c65a4;
  font-size: 33px;
  margin-bottom: 60px;
}

@media (max-width: 1600px) {
  .home #section-edito--1 .droite .texte.intro h2 {
    margin-bottom: 60px;
  }
}

.home #section-edito--1 .droite .texte.intro p {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #2c65a4;
  padding: 0 20px 0 0;
  margin-bottom: 35px;
  text-align: justify;
}

.home #section-edito--1 .droite .texte.bloc-infos-details {
  padding: 40px 65px 0;
}

.home #section-edito--1 .droite .texte.bloc-infos-details h3 {
  font-size: 30px;
  margin-top: 20px;
  font-weight: 500;
}

.home #section-edito--1 .droite .texte.bloc-infos-details h3:first-child {
  margin-top: 0;
}

.home #section-edito--1 .droite .texte.bloc-infos-details p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3em;
}

@media (max-width: 1600px) {
  .home #section-edito--1 .droite .texte.bloc-infos-details p {
    line-height: inherit;
  }
}

.home #section-edito--1 .droite .texte .line-infobulle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.home #section-edito--1 .droite .texte .line-infobulle h3 {
  padding-right: 20px;
}

.home #section-edito--1 .droite .texte .line-infobulle p {
  min-width: 110px;
}

.home #section-edito--1 .droite .texte h3 {
  font-weight: 800;
  margin-bottom: 10px;
}

.home #section-edito--1 .droite .texte ul.programme {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.home #section-edito--1 .droite .texte ul.programme li {
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background-color: #ffffff;
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: 10px;
}

.home #section-edito--1 .droite .texte ul.programme li:before {
  display: none;
}

.home #section-edito--1 .droite .texte ul.programme li span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #2c65a4;
  line-height: normal;
}

.home #section-edito--1 .droite .texte ul.programme li .infocase-horaire {
  text-align: left;
  color: #ffffff;
  background-color: #2c65a4;
  position: relative;
  padding: 13px;
  width: 145px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-right: 25px;
  font-size: 25px;
}

.home #section-edito--1 .droite .texte ul.programme li .infocase-horaire:before {
  content: '';
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  background: url(../images/puce-horaire.png) transparent no-repeat center center;
  vertical-align: middle;
  margin-right: 15px;
  margin-bottom: 4px;
}

.home #section-edito--1 .droite .texte ul.programme li .infocase-horaire:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -10px;
  height: 24px;
  width: 10px;
  background: url(../images/bg-infocase-horaire.png) transparent no-repeat bottom center;
}

.home #section-edito--1 .droite .texte ul:not(.programme) {
  margin-top: 22px;
  margin-bottom: 0;
}

.home #section-edito--1 .droite .texte ul:not(.programme) li {
  color: #2c65a4;
  font-size: 24px;
  padding-bottom: 0px;
  margin-bottom: 0;
}

.home #section-edito--1 .droite .texte ul:not(.programme) li::before {
  color: rgba(44, 101, 164, 0.6);
}

@media (max-width: 1800px) {
  .home #section-edito--1 .gauche {
    width: 55%;
  }
  .home #section-edito--1 .gauche .visuel {
    overflow: hidden;
    height: 100%;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details {
    padding: 40px 50px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul.programme li .infocase-horaire {
    font-size: 21px;
    padding: 8px;
  }
  .home #section-edito--1 .droite .texte ul.programme li span {
    font-size: 16px;
  }
  .home #section-edito--1 .droite ul:not(.programme) {
    margin-bottom: 0px;
  }
  .home #section-edito--1 .droite ul:not(.programme) li {
    font-size: 21px;
  }
}

@media (max-width: 1675px) {
  .home #section-edito--1 .gauche {
    width: 55%;
  }
  .home #section-edito--1 .gauche .visuel {
    overflow: hidden;
    position: relative;
    height: auto;
  }
  .home #section-edito--1 .gauche .bouton {
    top: 60%;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details {
    padding: 30px 40px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul.programme li .infocase-horaire {
    width: 138px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul:not(.programme) {
    margin-bottom: 0px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul:not(.programme) li {
    font-size: 19px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details p {
    font-size: 15px;
  }
}

@media (min-width: 1251px) and (max-width: 1675px) {
  .home #section-edito--1 .gauche {
    width: 49%;
    max-height: 720px;
  }
  .home #section-edito--1 .gauche .visuel {
    overflow: hidden;
    position: relative;
    height: auto;
  }
  .home #section-edito--1 .gauche .visuel img {
    max-width: none;
    height: auto;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  .home #section-edito--1 .gauche .visuel:after {
    width: 17%;
  }
  .home #section-edito--1 .gauche .bouton {
    top: 65%;
  }
  .home #section-edito--1 .droite {
    width: 49%;
  }
  .home #section-edito--1 .droite .texte.intro {
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .home #section-edito--1 .droite .texte.intro p {
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details {
    padding: 25px 40px 15px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul {
    margin-top: 15px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul li .infocase-horaire {
    width: 118px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul li span {
    font-size: 15px !important;
    font-weight: 500;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details p {
    font-size: 15px;
  }
}

@media (max-width: 1800px) {
  .home #section-edito--1 .droite .texte.intro h2 small {
    font-size: 56%;
  }
}

@media (max-width: 1400px) {
  .home #section-edito--1 .gauche .visuel img {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .home #section-edito--1 .droite ul:not(.programme) {
    margin-top: 24px;
    margin-bottom: 20px;
  }
  .home #section-edito--1 .droite ul:not(.programme) li {
    font-size: 19px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul:not(.programme) {
    margin-bottom: 0px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul:not(.programme) li {
    font-size: 19px;
    padding-bottom: 5px;
  }
}

@media (max-width: 1250px) {
  .home #section-edito--1 .gauche {
    margin: 0 auto 50px;
    padding-right: 0;
    padding-left: 0;
  }
  .home #section-edito--1 .gauche .visuel img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .home #section-edito--1 .gauche .bouton {
    top: 80%;
    font-size: 25px;
  }
  .home #section-edito--1 .droite {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul:not(.programme) {
    margin-bottom: 25px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul:not(.programme) li {
    font-size: 19px;
    padding-bottom: 5px;
  }
}

@media (max-width: 992px) {
  .home #section-edito--1 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .home #section-edito--1 .gauche .bouton {
    top: 76%;
    font-size: 26px;
    max-width: none;
    width: auto;
    padding-right: 56px;
  }
  .home #section-edito--1 .droite ul:not(.programme) li {
    font-size: 22px;
    padding-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .home #section-edito--1 .gauche {
    width: calc(100% - 30px);
  }
  .home #section-edito--1 .gauche .visuel {
    width: 100%;
    margin: 0 auto;
  }
  .home #section-edito--1 .gauche .bouton {
    top: 74%;
    font-size: 26px;
    max-width: none;
    width: auto;
    padding-right: 56px;
  }
  .home #section-edito--1 .droite .texte.intro p {
    font-size: 17px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details {
    padding: 20px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul.programme li .infocase-horaire {
    min-width: 100px;
    max-width: 110px;
    font-size: 18px;
    padding: 11px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul.programme li .infocase-horaire:before {
    margin-right: 11px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul.programme li span {
    font-size: 15px;
  }
  .home #section-edito--1 .droite .texte .line-infobulle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 580px) {
  .home #section-edito--1 .gauche {
    width: calc(100% - 30px);
  }
  .home #section-edito--1 .gauche .bouton {
    top: 55%;
    font-size: 21px;
    padding-right: 48px;
    padding-left: 15px;
  }
  .home #section-edito--1 .droite .texte.intro {
    padding: 0 15px 30px;
  }
  .home #section-edito--1 .droite .texte.intro h2 {
    font-size: 25px;
  }
  .home #section-edito--1 .droite .texte.intro p {
    padding: 0;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details {
    padding: 20px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul li .infocase-horaire {
    min-width: 85px;
    max-width: 86px;
    font-size: 15px;
    padding: 9px;
    margin-right: 16px;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul li .infocase-horaire:before {
    margin-right: 11px;
    width: 15px;
    height: 15px;
    background-size: contain;
  }
  .home #section-edito--1 .droite .texte.bloc-infos-details ul li span {
    font-size: 15px;
  }
  .home #section-edito--1 .droite .texte .line-infobulle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.home #bandeau-slider .formations {
  text-align: center;
  padding: 0 20px;
}

.home #bandeau-slider .formations h2, .home #bandeau-slider .formations p {
  color: #2c65a4;
}

.home #bandeau-slider .slider-hp {
  min-height: 400px;
  overflow: hidden;
}

.home #bandeau-slider .slider-hp .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.home #bandeau-slider .slider-hp .slick-list {
  height: 100%;
  min-height: 400px;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-list {
    padding: 0 !important;
  }
}

.home #bandeau-slider .slider-hp .slick-arrow.slick-prev, .home #bandeau-slider .slider-hp .slick-arrow.slick-next {
  color: #424242;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url(../images/button-arrow.png) transparent no-repeat 92% center;
  -webkit-filter: contrast(0);
          filter: contrast(0);
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-arrow.slick-prev, .home #bandeau-slider .slider-hp .slick-arrow.slick-next {
    -webkit-transform: inherit;
            transform: inherit;
  }
}

.home #bandeau-slider .slider-hp .slick-arrow.slick-prev {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
          transform: translateY(-50%) rotateZ(180deg);
  left: 33%;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-arrow.slick-prev {
    left: 20px;
  }
}

.home #bandeau-slider .slider-hp .slick-arrow.slick-next {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 33%;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-arrow.slick-next {
    right: 20px;
  }
}

.home #bandeau-slider .slider-hp .slick-slide {
  position: relative;
  height: 100% !important;
  min-height: 400px;
}

.home #bandeau-slider .slider-hp .slick-slide .block {
  padding: 0 5.5rem;
  height: 100%;
  min-height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: padding 1s linear;
  transition: padding 1s linear;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-slide .block {
    width: 100%;
    padding: 0 50px;
  }
}

.home #bandeau-slider .slider-hp .slick-slide .caption {
  width: 100%;
  height: auto;
  background-color: #e0efff;
}

.home #bandeau-slider .slider-hp .slick-slide .caption h3 {
  font-size: 20px;
  padding: 20px;
  text-align: center;
  margin: 0;
  background-color: #2c65a4;
  color: #e0efff;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-slide .caption h3 {
    font-size: 24px;
  }
}

.home #bandeau-slider .slider-hp .slick-slide .caption ul {
  max-height: 0;
  margin: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
  position: relative;
  padding-right: 20px;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-slide .caption ul {
    max-height: inherit;
  }
}

.home #bandeau-slider .slider-hp .slick-slide .caption ul::before {
  content: ' ';
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.home #bandeau-slider .slider-hp .slick-slide .caption ul li {
  color: #2c65a4;
  font-size: 1rem;
  padding-left: 20px;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
}

.home #bandeau-slider .slider-hp .slick-slide .caption ul li:first-child {
  margin-top: 20px;
}

.home #bandeau-slider .slider-hp .slick-slide .caption ul li:last-child {
  margin-bottom: 20px;
}

.home #bandeau-slider .slider-hp .slick-slide .caption ul li:before {
  margin-left: 0;
}

.home #bandeau-slider .slider-hp .slick-active.slick-center .block {
  padding: 0 1.5rem;
  -webkit-transition: padding 1s linear;
  transition: padding 1s linear;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-active.slick-center .block {
    width: 100%;
    padding: 0 50px 50px;
  }
}

.home #bandeau-slider .slider-hp .slick-active.slick-center .caption h3 {
  font-size: 24px;
}

.home #bandeau-slider .slider-hp .slick-active.slick-center .caption ul {
  max-height: 400px;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}

@media (max-width: 1249px) {
  .home #bandeau-slider .slider-hp .slick-active.slick-center .caption ul {
    max-height: inherit;
  }
}

.home #bandeau-video {
  margin-top: 50px;
  margin-bottom: 115px;
  margin: 50px 0 115px;
}

.home #bandeau-video .gauche {
  padding-right: 0;
  padding-left: 0;
  width: auto;
  max-height: 877px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.home #bandeau-video .gauche .visuel {
  position: relative;
}

.home #bandeau-video .droite {
  padding-left: 150px;
  width: 48%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 45px;
}

.home #bandeau-video .droite:before, .home #bandeau-video .droite:after {
  content: "";
  position: absolute;
  left: -15%;
  right: -15%;
  bottom: 0;
}

.home #bandeau-video .droite:before {
  background-color: #d12e2a;
  height: 100%;
  z-index: -1;
  top: 0;
}

.home #bandeau-video .droite:after {
  background-color: #e3827f;
  height: 190px;
  z-index: 0;
}

.home #bandeau-video .droite .text {
  position: relative;
  z-index: 2;
  color: #ffffff;
}

.home #bandeau-video .droite .text h2 {
  margin-top: 18px;
}

.home #bandeau-video .droite .text p {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 24px;
  margin-bottom: 30px;
  position: relative;
}

.home #bandeau-video .droite .text p.programme {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.home #bandeau-video .droite .text ul {
  margin-top: 0;
  margin-bottom: 33px;
}

.home #bandeau-video .droite .text ul li {
  color: #ffffff;
  font-size: 1rem;
  padding-bottom: 0px;
  margin-bottom: 0;
}

.home #bandeau-video .droite .text iframe {
  position: absolute;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
  top: 0;
}

@media (max-width: 1919px) {
  .home #bandeau-video[class^="container-"] {
    max-width: unset;
    width: calc(100% - 30px);
  }
  .home #bandeau-video .gauche {
    padding-right: 0;
    padding-left: 15px;
    width: 45%;
  }
  .home #bandeau-video .droite {
    padding-left: 100px;
  }
  .home #bandeau-video .droite .text p {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .home #bandeau-video .droite .text p.programme {
    font-size: 1rem;
  }
}

@media (max-width: 1600px) {
  .home #bandeau-video .droite {
    width: 48%;
  }
  .home #bandeau-video .droite .text h2 {
    margin-top: 8px;
  }
  .home #bandeau-video .droite .text p {
    font-size: 18px;
  }
  .home #bandeau-video .droite .text p.programme {
    font-size: 1rem;
  }
  .home #bandeau-video .droite .text iframe {
    max-width: 569px;
    width: 569px;
    max-height: 322px;
    display: block;
  }
  .home #bandeau-video .droite .text ul {
    margin-bottom: 28px;
  }
  .home #bandeau-video .gauche {
    padding-right: 0;
    padding-left: 15px;
    width: 48%;
  }
  .home #bandeau-video .slider-hp {
    max-width: 100%;
    width: 100%;
  }
  .home #bandeau-video .slider-hp .slick-slide .caption {
    font-size: 22px;
    left: 0;
    min-height: 115px;
  }
  .home #bandeau-video .slider-hp .slick-prev, .home #bandeau-video .slider-hp .slick-next {
    height: 120px !important;
  }
}

@media (max-width: 1400px) {
  .home #bandeau-video .droite {
    padding-left: 75px;
  }
  .home #bandeau-video .droite:after {
    height: 150px;
  }
  .home #bandeau-video .droite .text h2 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .home #bandeau-video .droite .text ul {
    margin-top: 24px;
    margin-bottom: 22px;
  }
  .home #bandeau-video .droite .text iframe {
    max-width: 569px;
    width: 569px;
    max-height: 322px;
    display: block;
  }
}

@media (max-width: 1250px) {
  .home #bandeau-video {
    margin-bottom: 50px;
  }
  .home #bandeau-video[class^="container-"] {
    width: 100%;
  }
  .home #bandeau-video .droite {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 115px;
    padding: 45px 40px 190px;
  }
  .home #bandeau-video .droite:before, .home #bandeau-video .droite:after {
    left: 0;
    right: 0;
  }
  .home #bandeau-video .droite .text p:last-child {
    text-align: center;
  }
  .home #bandeau-video .droite .text iframe {
    max-width: 569px;
    width: 569px;
    max-height: 322px;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .home #bandeau-video .gauche {
    padding-right: 0;
    padding-left: 15px;
    width: auto;
    margin: 50px auto;
  }
  .home #bandeau-video .slider-hp {
    max-width: 767px;
    width: 767px;
    max-height: 804px;
  }
}

@media (max-width: 992px) {
  .home #bandeau-video {
    margin-bottom: 50px;
  }
  .home #bandeau-video .droite {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 115px;
  }
  .home #bandeau-video .droite:before, .home #bandeau-video .droite:after {
    left: 0;
    right: 0;
  }
  .home #bandeau-video .droite .text h2 {
    font-size: 28px;
  }
  .home #bandeau-video .droite .text ul li {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .home #bandeau-video .droite .text iframe {
    max-width: 100%;
    width: 100%;
    max-height: 322px;
    display: block;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .home #bandeau-video .gauche {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    margin: 50px auto 0;
  }
}

@media (max-width: 768px) {
  .home #bandeau-video {
    margin-bottom: 50px;
  }
  .home #bandeau-video .droite {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 115px;
    padding-top: 20px;
  }
  .home #bandeau-video .droite:before, .home #bandeau-video .droite:after {
    left: 0;
  }
  .home #bandeau-video .droite .text h2 {
    font-size: 22px;
  }
  .home #bandeau-video .droite .text ul li {
    font-size: 18px;
    padding-bottom: 18px;
  }
  .home #bandeau-video .droite .text iframe {
    display: block;
    margin: 0 auto -60px;
  }
  .home #bandeau-video .slider-hp {
    max-width: 100%;
    width: 100%;
    max-height: auto;
  }
  .home #bandeau-video .slider-hp .slick-slide .caption {
    font-size: 20px;
    left: 0;
    min-height: 115px;
  }
  .home #bandeau-video .slider-hp .slick-prev, .home #bandeau-video .slider-hp .slick-next {
    height: 120px !important;
  }
}

/*--------PREFOOTER--------*/
#formulaire-contact {
  margin-top: 50px;
  margin-bottom: 20px;
}

#formulaire-contact .gauche {
  padding: 0;
  position: relative;
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
  width: 59%;
  margin-left: 0 !important;
  margin-right: 40px;
}

#formulaire-contact .gauche .visuel img {
  width: 100%;
}

#formulaire-contact .gauche .texte {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(111, 177, 239, 0.85);
  color: #ffffff;
  padding: 30px 50px;
}

#formulaire-contact .gauche .texte span {
  color: #ffffff;
  font-size: 28px;
  font-weight: 300;
  max-width: 60%;
  text-align: center;
  display: block;
  margin: 15px auto 0;
  line-height: initial;
}

#formulaire-contact .gauche .texte ul {
  padding: 0;
  list-style: none;
}

#formulaire-contact .gauche .texte ul li {
  position: relative;
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  margin-top: 15px;
  margin-bottom: 15px;
}

#formulaire-contact .gauche .texte ul li small {
  font-size: 75%;
  font-weight: 600;
  width: 100%;
  display: block;
  margin-top: -21px;
}

#formulaire-contact .gauche .texte ul li:after {
  content: '';
  display: block;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100px;
  height: 1px;
  background-color: rgba(224, 239, 255, 0.5);
  margin-top: 15px;
}

#formulaire-contact .gauche .texte ul li:last-child:after {
  display: none;
}

@media (min-width: 1600px) {
  #formulaire-contact .gauche .texte {
    padding: 30px 50px;
  }
  #formulaire-contact .gauche .texte span {
    color: #ffffff;
    font-size: 38px;
    font-weight: 300;
    max-width: 330px;
    text-align: center;
    display: block;
    margin: 15px auto 0;
    line-height: initial;
  }
  #formulaire-contact .gauche .texte ul {
    padding: 0;
    list-style: none;
  }
  #formulaire-contact .gauche .texte ul li {
    position: relative;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #formulaire-contact .gauche .texte ul li:after {
    content: '';
    display: block;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100px;
    height: 1px;
    background-color: rgba(224, 239, 255, 0.5);
    margin-top: 15px;
  }
  #formulaire-contact .gauche .texte ul li:last-child:after {
    display: none;
  }
}

@media (max-width: 1600px) {
  #formulaire-contact .gauche {
    width: 56%;
  }
}

@media (min-width: 1251px) and (max-width: 1800px) {
  #formulaire-contact .gauche .visuel {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  #formulaire-contact .gauche .visuel img {
    width: 181%;
    -webkit-transform: translate(-33%, -11%);
            transform: translate(-33%, -11%);
    max-width: none;
    position: absolute;
  }
  #formulaire-contact .gauche .texte {
    padding: 40px 50px 10px 50px;
  }
  #formulaire-contact .gauche .texte span {
    font-size: 25px;
    max-width: 60%;
    margin: 15px auto 0;
  }
  #formulaire-contact .gauche .texte ul li {
    font-size: 26px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media (max-width: 1249px) {
  #formulaire-contact .gauche {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    margin: 0 -15px;
    width: 100%;
  }
}

@media (max-width: 992px) {
  #formulaire-contact .gauche {
    overflow: hidden;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    max-height: 530px;
  }
  #formulaire-contact .gauche .visuel {
    overflow: hidden;
  }
  #formulaire-contact .gauche .visuel img {
    width: 200%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    max-width: none;
  }
  #formulaire-contact .gauche .texte {
    left: 0;
  }
}

#formulaire-contact .droite {
  padding: 47px 70px 40px;
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
  background-color: #e0efff;
  width: 33.33%;
}

@media (max-width: 1600px) {
  #formulaire-contact .droite {
    width: 39.33%;
    padding: 50px;
  }
}

@media (max-width: 1250px) {
  #formulaire-contact .droite {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

#formulaire-contact .droite .form-title {
  color: #2c65a4;
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}

#formulaire-contact #formulaire-contact--formulaire a {
  text-decoration: underline;
}

#formulaire-contact #formulaire-contact--formulaire a:hover {
  text-decoration: underline;
}

@media (max-width: 1249px) {
  #formulaire-contact {
    margin-bottom: 0;
  }
}

/*-------------FOOTER------------*/
#section--footer {
  background-color: #2c65a4;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  padding: 30px 15px;
}

#section--footer * {
  color: #ffffff;
}

#section--footer [class^="container-"] > .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#section--footer .gauche.adresse p {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 20px;
  font-size: 15px;
  font-weight: 300;
}

#section--footer .gauche.adresse p strong {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 500;
}

#section--footer .droite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

#section--footer .droite img {
  width: 100px;
}

#section--footer .droite a.lien-formation {
  margin-top: 10px;
}

@media (max-width: 1249px) {
  #section--footer {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  #section--footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #section--footer .gauche, #section--footer .droite {
    padding-left: 15px;
    padding-right: 15px;
  }
  #section--footer .droite {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media (max-width: 580px) {
  #section--footer [class^="container-"] > .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #section--footer .gauche {
    margin-bottom: 50px;
  }
}

#section--footer #menu-footer-zone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  font-size: 12px;
  color: #ffffff;
}

#section--footer #menu-footer-zone a {
  text-decoration: underline;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#section--footer #menu-footer-zone a:hover {
  color: #e0efff;
}

#section--footer #menu-footer-zone ul#menu-menu-footer {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  margin-left: 8px;
}

#section--footer #menu-footer-zone ul#menu-menu-footer li {
  font-size: 12px;
}

#section--footer #menu-footer-zone .credit-op {
  margin-right: 8px;
}

@media (max-width: 992px) {
  #section--footer #menu-footer-zone {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 920px) {
  #section--footer #menu-footer-zone {
    margin-top: 25px;
    width: 100%;
  }
}

@media (max-width: 580px) {
  #section--footer #menu-footer-zone {
    margin-top: 25px;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  #section--footer #menu-footer-zone ul#menu-menu-footer {
    margin-right: 0;
  }
  #section--footer #menu-footer-zone .credit-op {
    margin-left: 0;
  }
}

@media (max-width: 520px) {
  #section--footer #menu-footer-zone {
    margin-top: 55px;
  }
}

/*----------------PAGES INTERIEURES------------------*/
.page #main,
.single #main,
.blog #main,
.category #main {
  padding: 50px 0 90px;
}

.not-front #main,
#tinymce,
.texte-style {
  /*---------Tableau----------*/
  /**
* Tables.
*/
  /**
* Exception for webkit bug with the right border of the last cell
* in some tables, since it's webkit only, we can use :last-child
*/
  /* --- Fin: tableaux ---*/
  /*//FAQ
  .collapseomatic{
    all: unset;
    position: relative;
    font-size: 20px;
    padding: 20px 80px 20px 30px;
    color: $texte;
    display: block;
    cursor: pointer;
    width: calc(100% - 110px);
    background: $gris;
    font-weight: 600;
    transition: all 1s linear;
    overflow: visible;
    @media(max-width:992px){
      padding: 15px 70px 15px 20px;
      font-size: 18px;
      width: calc(100% - 90px);
    }
    @media(max-width:768px){
      padding: 15px 50px 15px 20px;
      font-size: 16px;
      width: calc(100% - 70px);
    }
    &:after{
      content : '';
      width: 50px;
      height: 50px;
      display: inline-block;
      position: absolute;
      top: 50%;
      transform : translateY(-50%);
      right: 20px;
      background: url(../images/fleche-faq.png) no-repeat;
      transition : $trans;
      transform-origin: center;
      @media(max-width:992px){
        width: 40px;
        height: 40px;
        background-size: 40px;
      }
      @media(max-width:768px){
        width: 30px;
        height: 30px;
        background-size: 30px;
      }
    }
  }
  .colomat-close{
    margin-bottom: 0px;
  }
  .colomat-visited:after{
    transform:rotate(90deg) translateX(-50%);

  }
  .colomat-visited + .collapseomatic_content{
    height: auto;
    padding: 15px;
    max-height: 600px;
    transition: padding 0.5s ease,max-height 0.5s ease;
  }
  .collapseomatic_content{
    display: block $i;
    //height: 0;
    max-height: 0;
    padding: 0 15px;
    overflow:hidden;
    margin-bottom: 30px;
    transition: padding 0.5s ease,max-height 0.25s ease;
    margin-left: 0px;
    position: relative;
    background-color: $blanc;
  }*/
}

.not-front #main .titre,
#tinymce .titre,
.texte-style .titre {
  text-align: center;
}

.not-front #main .titre h1,
#tinymce .titre h1,
.texte-style .titre h1 {
  font-family: "Roboto", serif;
  font-size: 42px;
  font-weight: 500;
  color: #000000;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 50px;
  padding-bottom: 15px;
}

.not-front #main .titre h1:after,
#tinymce .titre h1:after,
.texte-style .titre h1:after {
  content: '';
  width: 60%;
  background: #2c65a4;
  display: inline-block;
  position: absolute;
  bottom: 0;
  border-radius: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
}

@media (max-width: 1250px) {
  .not-front #main .titre h1,
  #tinymce .titre h1,
  .texte-style .titre h1 {
    font-size: 32px;
  }
}

@media (max-width: 992px) {
  .not-front #main .titre h1,
  #tinymce .titre h1,
  .texte-style .titre h1 {
    font-size: 28px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .not-front #main .titre h1,
  #tinymce .titre h1,
  .texte-style .titre h1 {
    font-size: 24px;
  }
}

.not-front #main .titre .sous-titre,
#tinymce .titre .sous-titre,
.texte-style .titre .sous-titre {
  margin-top: 10px;
  font-size: 32px;
  font-weight: normal;
  font-family: "Roboto", serif;
  font-weight: 100;
  text-transform: uppercase;
}

@media (max-width: 1250px) {
  .not-front #main .titre .sous-titre,
  #tinymce .titre .sous-titre,
  .texte-style .titre .sous-titre {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  .not-front #main .titre .sous-titre,
  #tinymce .titre .sous-titre,
  .texte-style .titre .sous-titre {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .not-front #main .titre .sous-titre,
  #tinymce .titre .sous-titre,
  .texte-style .titre .sous-titre {
    font-size: 20px;
  }
}

.not-front #main h2,
#tinymce h2,
.texte-style h2 {
  font-family: "Roboto", serif;
  font-weight: 600;
  font-size: 37px;
  line-height: normal;
  margin-top: 30px;
  margin-bottom: 12px;
  position: relative;
}

.not-front #main h2:not(.titre):not(.collapseomatic),
#tinymce h2:not(.titre):not(.collapseomatic),
.texte-style h2:not(.titre):not(.collapseomatic) {
  position: relative;
  margin-bottom: 20px;
}

@media (max-width: 1600px) {
  .not-front #main h2,
  #tinymce h2,
  .texte-style h2 {
    font-size: 33px;
  }
}

@media (max-width: 1400px) {
  .not-front #main h2,
  #tinymce h2,
  .texte-style h2 {
    font-size: 30px;
  }
}

@media (max-width: 1250px) {
  .not-front #main h2,
  #tinymce h2,
  .texte-style h2 {
    font-size: 28px;
  }
}

@media (max-width: 992px) {
  .not-front #main h2,
  #tinymce h2,
  .texte-style h2 {
    font-size: 24px;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .not-front #main h2,
  #tinymce h2,
  .texte-style h2 {
    font-size: 22px;
  }
}

.not-front #main h3,
#tinymce h3,
.texte-style h3 {
  font-weight: 500;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 12px;
  color: #2c65a4;
}

@media (max-width: 1600px) {
  .not-front #main h3,
  #tinymce h3,
  .texte-style h3 {
    font-size: 23px;
  }
}

@media (max-width: 1400px) {
  .not-front #main h3,
  #tinymce h3,
  .texte-style h3 {
    font-size: 22px;
  }
}

@media (max-width: 992px) {
  .not-front #main h3,
  #tinymce h3,
  .texte-style h3 {
    font-size: 20px;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .not-front #main h3,
  #tinymce h3,
  .texte-style h3 {
    font-size: 18px;
  }
}

.not-front #main h4,
#tinymce h4,
.texte-style h4 {
  font-weight: 500;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 12px;
  color: #000000;
}

@media (max-width: 1250px) {
  .not-front #main h4,
  #tinymce h4,
  .texte-style h4 {
    font-size: 20px;
  }
}

@media (max-width: 992px) {
  .not-front #main h4,
  #tinymce h4,
  .texte-style h4 {
    font-size: 18px;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .not-front #main h4,
  #tinymce h4,
  .texte-style h4 {
    font-size: 16px;
  }
}

.not-front #main p, .not-front #main li, .not-front #main span, .not-front #main a,
#tinymce p,
#tinymce li,
#tinymce span,
#tinymce a,
.texte-style p,
.texte-style li,
.texte-style span,
.texte-style a {
  line-height: 1.7em;
}

@media (max-width: 992px) {
  .not-front #main p, .not-front #main li, .not-front #main span, .not-front #main a,
  #tinymce p,
  #tinymce li,
  #tinymce span,
  #tinymce a,
  .texte-style p,
  .texte-style li,
  .texte-style span,
  .texte-style a {
    font-size: 16px;
    line-height: 22px;
  }
}

.not-front #main a,
#tinymce a,
.texte-style a {
  color: #bc2926;
  font-weight: 700;
}

.not-front #main ul, .not-front #main ol,
#tinymce ul,
#tinymce ol,
.texte-style ul,
.texte-style ol {
  padding-left: 20px;
}

.not-front #main ul li, .not-front #main ol li,
#tinymce ul li,
#tinymce ol li,
.texte-style ul li,
.texte-style ol li {
  margin-bottom: 10px;
  padding-bottom: 0;
  list-style-type: none;
  padding-left: 15px;
  position: relative;
}

.not-front #main ul li:last-of-type, .not-front #main ol li:last-of-type,
#tinymce ul li:last-of-type,
#tinymce ol li:last-of-type,
.texte-style ul li:last-of-type,
.texte-style ol li:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}

.not-front #main ul li:before, .not-front #main ol li:before,
#tinymce ul li:before,
#tinymce ol li:before,
.texte-style ul li:before,
.texte-style ol li:before {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  margin-left: 30px;
  margin-left: -15px;
  font-size: 33px;
  font-weight: 100;
  position: absolute;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  left: 0;
  top: 0;
}

.not-front #main .date-categorie,
#tinymce .date-categorie,
.texte-style .date-categorie {
  font-size: 18px;
  display: inline-block;
  padding: 5px 10px;
  color: #ffffff;
  margin-bottom: 20px;
  background: #2c65a4;
}

@media (max-width: 992px) {
  .not-front #main .date-categorie,
  #tinymce .date-categorie,
  .texte-style .date-categorie {
    font-size: 16px;
  }
}

.not-front #main .visuel-principal,
#tinymce .visuel-principal,
.texte-style .visuel-principal {
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .not-front #main .visuel-principal,
  #tinymce .visuel-principal,
  .texte-style .visuel-principal {
    margin-bottom: 15px;
  }
}

.not-front #main .chapeau,
#tinymce .chapeau,
.texte-style .chapeau {
  font-family: "Roboto", serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
  color: #000000;
  margin-bottom: 30px;
  display: block;
  margin-top: 10px;
}

@media (max-width: 1600px) {
  .not-front #main .chapeau,
  #tinymce .chapeau,
  .texte-style .chapeau {
    font-size: 30px;
    line-height: 38px;
  }
}

@media (max-width: 1400px) {
  .not-front #main .chapeau,
  #tinymce .chapeau,
  .texte-style .chapeau {
    font-size: 25px;
    line-height: 32px;
  }
}

@media (max-width: 1200px) {
  .not-front #main .chapeau,
  #tinymce .chapeau,
  .texte-style .chapeau {
    font-size: 25px;
    margin-bottom: 15px;
    line-height: 33px;
  }
}

@media (max-width: 992px) {
  .not-front #main .chapeau,
  #tinymce .chapeau,
  .texte-style .chapeau {
    font-size: 22px;
    line-height: 30px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .not-front #main .chapeau,
  #tinymce .chapeau,
  .texte-style .chapeau {
    font-size: 27px;
    line-height: 36px;
  }
}

.not-front #main img.aligncenter,
#tinymce img.aligncenter,
.texte-style img.aligncenter {
  margin: 20px auto;
}

.not-front #main img.alignright,
#tinymce img.alignright,
.texte-style img.alignright {
  margin: 20px 0 20px 20px;
}

.not-front #main img.alignleft,
#tinymce img.alignleft,
.texte-style img.alignleft {
  margin: 20px 20px 20px 0;
}

.not-front #main .citation,
#tinymce .citation,
.texte-style .citation {
  position: relative;
  font-style: italic;
  display: inline-block;
  width: 100%;
  padding-left: 100px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.7em;
  margin: 40px 0 50px;
}

@media (max-width: 992px) {
  .not-front #main .citation,
  #tinymce .citation,
  .texte-style .citation {
    font-size: 18px;
    margin: 25px 0 30px;
    padding-left: 70px;
    background-size: 50px;
  }
}

@media (max-width: 768px) {
  .not-front #main .citation,
  #tinymce .citation,
  .texte-style .citation {
    margin: 15px 0 20px;
    font-size: 16px;
    padding-left: 50px;
    background-size: 30px;
  }
}

.not-front #main .citation::before,
#tinymce .citation::before,
.texte-style .citation::before {
  content: ',,';
  color: #d12e2a;
  letter-spacing: -16px;
  font-size: 136px;
  font-weight: 500;
  position: absolute;
  left: 5px;
  top: -25px;
  height: 90px;
  line-height: 0;
  font-style: initial;
  font-family: "Roboto", serif;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.not-front #main .mis-en-avant,
#tinymce .mis-en-avant,
.texte-style .mis-en-avant {
  font-style: italic;
  display: block;
  color: #2c65a4;
  position: relative;
  width: 100%;
  background: #d12e2a;
  padding: 20px 30px 20px 50px;
  font-weight: 700;
  font-size: 18px;
  margin: 40px 0 50px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.not-front #main .mis-en-avant:before,
#tinymce .mis-en-avant:before,
.texte-style .mis-en-avant:before {
  content: '';
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 30px;
  display: inline-block;
  width: 2px;
  background: #2c65a4;
}

@media (max-width: 992px) {
  .not-front #main .mis-en-avant,
  #tinymce .mis-en-avant,
  .texte-style .mis-en-avant {
    font-size: 16px;
    padding: 15px 20px 15px 40px;
    margin: 30px 0 40px;
  }
  .not-front #main .mis-en-avant:before,
  #tinymce .mis-en-avant:before,
  .texte-style .mis-en-avant:before {
    left: 20px;
  }
}

@media (max-width: 768px) {
  .not-front #main .mis-en-avant,
  #tinymce .mis-en-avant,
  .texte-style .mis-en-avant {
    font-size: 15px;
    margin: 20px 0 30px;
  }
}

.not-front #main span.bouton a, .not-front #main a.bouton,
#tinymce span.bouton a,
#tinymce a.bouton,
.texte-style span.bouton a,
.texte-style a.bouton {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 34px;
  line-height: normal;
  text-align: left;
  padding: 15px 150px 15px 30px;
  border: none;
  min-width: 150px;
  max-width: 600px;
  font-family: "Roboto", serif;
  color: #ffffff;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url(../images/button-arrow.png) #d12e2a no-repeat 92% center;
  text-decoration: none;
  font-family: "Roboto", serif;
}

@media (max-width: 1600px) {
  .not-front #main span.bouton a, .not-front #main a.bouton,
  #tinymce span.bouton a,
  #tinymce a.bouton,
  .texte-style span.bouton a,
  .texte-style a.bouton {
    font-size: 29px;
  }
}

@media (max-width: 1200px) {
  .not-front #main span.bouton a, .not-front #main a.bouton,
  #tinymce span.bouton a,
  #tinymce a.bouton,
  .texte-style span.bouton a,
  .texte-style a.bouton {
    font-size: 22px;
    margin: 18px auto;
  }
}

@media (max-width: 992px) {
  .not-front #main span.bouton a, .not-front #main a.bouton,
  #tinymce span.bouton a,
  #tinymce a.bouton,
  .texte-style span.bouton a,
  .texte-style a.bouton {
    font-size: 18px;
    width: 300px;
  }
}

@media (max-width: 768px) {
  .not-front #main span.bouton a, .not-front #main a.bouton,
  #tinymce span.bouton a,
  #tinymce a.bouton,
  .texte-style span.bouton a,
  .texte-style a.bouton {
    width: 100%;
  }
}

.not-front #main span.bouton a:active, .not-front #main span.bouton a:hover, .not-front #main span.bouton a:focus, .not-front #main a.bouton:active, .not-front #main a.bouton:hover, .not-front #main a.bouton:focus,
#tinymce span.bouton a:active,
#tinymce span.bouton a:hover,
#tinymce span.bouton a:focus,
#tinymce a.bouton:active,
#tinymce a.bouton:hover,
#tinymce a.bouton:focus,
.texte-style span.bouton a:active,
.texte-style span.bouton a:hover,
.texte-style span.bouton a:focus,
.texte-style a.bouton:active,
.texte-style a.bouton:hover,
.texte-style a.bouton:focus {
  outline: 0 !important;
  outline-offset: 0;
  background: url(../images/button-arrow.png) #bc2926 no-repeat 92% center;
}

.not-front #main span.bouton a:hover, .not-front #main a.bouton:hover,
#tinymce span.bouton a:hover,
#tinymce a.bouton:hover,
.texte-style span.bouton a:hover,
.texte-style a.bouton:hover {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}

@media (max-width: 992px) {
  .not-front #main span.bouton a, .not-front #main a.bouton,
  #tinymce span.bouton a,
  #tinymce a.bouton,
  .texte-style span.bouton a,
  .texte-style a.bouton {
    margin: 20px auto;
  }
}

.not-front #main table,
#tinymce table,
.texte-style table {
  border-collapse: collapse;
  border-spacing: 0;
}

.not-front #main table:not(.custom),
#tinymce table:not(.custom),
.texte-style table:not(.custom) {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100% !important;
}

.not-front #main table:not(.custom) tbody,
#tinymce table:not(.custom) tbody,
.texte-style table:not(.custom) tbody {
  border: 1px solid #625959;
}

.not-front #main table:not(.custom) th,
#tinymce table:not(.custom) th,
.texte-style table:not(.custom) th {
  background: #2e2b37;
  color: #d12e2a;
  text-align: center;
  font-weight: bold;
  padding: 15px 10px;
  font-size: 18px;
  vertical-align: middle;
  border-right: 1px solid #625959;
  border-top: 1px solid #625959;
  border-bottom: 1px solid #625959;
}

.not-front #main table:not(.custom) th:last-child,
#tinymce table:not(.custom) th:last-child,
.texte-style table:not(.custom) th:last-child {
  border-right: none;
}

@media (max-width: 992px) {
  .not-front #main table:not(.custom) th,
  #tinymce table:not(.custom) th,
  .texte-style table:not(.custom) th {
    font-size: 16px;
    padding: 10px 5px;
  }
}

@media (max-width: 768px) {
  .not-front #main table:not(.custom) th,
  #tinymce table:not(.custom) th,
  .texte-style table:not(.custom) th {
    font-size: 14px;
    padding: 5px;
    font-weight: 300;
  }
}

.not-front #main table:not(.custom) td,
#tinymce table:not(.custom) td,
.texte-style table:not(.custom) td {
  color: #d12e2a;
  padding: 15px 10px;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  font-size: 16px;
  border-right: 1px solid #625959;
  border-bottom: 1px solid #625959;
}

@media (max-width: 992px) {
  .not-front #main table:not(.custom) td,
  #tinymce table:not(.custom) td,
  .texte-style table:not(.custom) td {
    font-size: 16px;
    padding: 10px 5px;
  }
}

@media (max-width: 768px) {
  .not-front #main table:not(.custom) td,
  #tinymce table:not(.custom) td,
  .texte-style table:not(.custom) td {
    font-size: 14px;
    padding: 5px;
    font-weight: 300;
  }
}

.not-front #main table:not(.custom) td a,
#tinymce table:not(.custom) td a,
.texte-style table:not(.custom) td a {
  color: #d12e2a;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .not-front #main table:not(.custom) td a,
  #tinymce table:not(.custom) td a,
  .texte-style table:not(.custom) td a {
    font-weight: 300;
  }
  .not-front #main table:not(.custom) td a span,
  #tinymce table:not(.custom) td a span,
  .texte-style table:not(.custom) td a span {
    display: none;
  }
}

.not-front #main table:not(.custom) td:last-child,
#tinymce table:not(.custom) td:last-child,
.texte-style table:not(.custom) td:last-child {
  border-right: 0;
}

.not-front #main table:not(.custom) tr:nth-child(even),
#tinymce table:not(.custom) tr:nth-child(even),
.texte-style table:not(.custom) tr:nth-child(even) {
  background: transparent;
}

.not-front #main table:not(.custom) tr:nth-child(odd),
#tinymce table:not(.custom) tr:nth-child(odd),
.texte-style table:not(.custom) tr:nth-child(odd) {
  background: transparent;
}

@media (max-width: 768px) {
  .not-front #main table.custom,
  #tinymce table.custom,
  .texte-style table.custom {
    width: 100%;
    display: block;
  }
  .not-front #main table.custom tbody,
  #tinymce table.custom tbody,
  .texte-style table.custom tbody {
    width: 100%;
    display: block;
  }
  .not-front #main table.custom tbody tr,
  #tinymce table.custom tbody tr,
  .texte-style table.custom tbody tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .not-front #main table.custom tbody tr td,
  #tinymce table.custom tbody tr td,
  .texte-style table.custom tbody tr td {
    margin: 5px auto;
  }
}

.not-front #main ul li, .not-front #main ol li {
  border-bottom: 1px solid rgba(51, 49, 61, 0.1);
}

.not-front #main ul li:before, .not-front #main ol li:before {
  content: '+';
  color: #d3ab76;
}

.not-front #main a {
  color: #d3ab76;
}

/*--------------LISTES-----------*/
.pagination {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.pagination .page-numbers {
  padding: 5px 11px;
  border: 1px solid #e5e5e3;
  color: #000000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.pagination .page-numbers:first-child {
  border-right: none;
}

.pagination .page-numbers:last-child {
  border-left: none;
}

.pagination .page-numbers.current {
  background-color: #2c65a4;
  color: #ffffff;
}

.pagination .page-numbers:not(.current):hover {
  background-color: #275990;
}

.pagination .page-numbers:hover, .pagination .page-numbers a:hover {
  color: #ffffff;
  text-decoration: none;
}

.pagination li span {
  display: inline-block;
  padding: 15px;
  color: #000000;
}

.pagination li a {
  display: inline-block;
  padding: 10px 15px;
  background: #ffffff;
  color: #2c65a4;
  font-weight: 800;
  border: 0;
  margin: 0 5px;
  border-radius: 2px;
}

.pagination li a:hover {
  color: #000000;
  background: #d12e2a;
}

/*---------FORMULAIRES-----------*/
.wpcf7 {
  width: 600px;
  margin: 0 auto;
  max-width: 100%;
}

.wpcf7 .wpcf7-form-control-wrap {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

@media (min-width: 992px) {
  .wpcf7 form > .row > .col-md-6:nth-child(even) {
    padding-left: 5px;
    padding-right: 15px;
  }
  .wpcf7 form > .row > .col-md-6:nth-child(odd) {
    padding-left: 15px;
    padding-right: 5px;
  }
}

.wpcf7 .form-control,
.wpcf7 .wpcf7-form-control {
  width: 100%;
  height: calc(2em + .75rem + 2px);
  border-radius: 0;
  padding: 10px;
}

.wpcf7 .form-control:not(.wpcf7-radio),
.wpcf7 .wpcf7-form-control:not(.wpcf7-radio) {
  border: 1px solid #ffffff;
}

.wpcf7 .zone-conseiller {
  border-bottom: 1px solid #bad1ea;
}

.wpcf7 .zone-conseiller .contact-conseiller {
  margin-bottom: 0;
}

.wpcf7 .zone-conseiller .contact-conseiller .wpcf7-form-control {
  margin-bottom: 15px;
}

.wpcf7 .zone-conseiller .contact-conseiller-texte {
  text-align: center;
  color: #2c65a4;
  font-size: 17px;
  padding: 0 20px;
  line-height: initial;
  margin-top: 0;
  margin-bottom: 0;
}

.wpcf7 .zone-conseiller p:not(.contact-conseiller-texte) {
  margin-top: 10px;
  text-align: center;
  font-size: 15px;
}

.wpcf7 .zone-conseiller .wpcf7-list-item-label {
  color: #2c65a4;
}

.wpcf7 textarea[name="message"] {
  height: 130px !important;
}

.wpcf7 label {
  width: 100%;
  margin-bottom: 0;
}

.wpcf7 .rgpd {
  margin-bottom: 0;
}

.wpcf7 .rgpd .wpcf7-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 0;
}

.wpcf7 .rgpd .wpcf7-list-item, .wpcf7 .rgpd .wpcf7-list-item > * {
  color: #2c65a4;
}

.wpcf7 .rgpd .wpcf7-list-item input {
  margin-right: 10px;
  min-width: 15px;
}

.wpcf7 .wpcf7-not-valid-tip {
  margin-top: 5px;
}

.wpcf7 .bouton {
  min-height: 50px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  width: 100%;
  margin-top: -4px;
  margin-bottom: 5px;
}

.wpcf7 .bouton .wpcf7-submit {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 34px;
  line-height: normal;
  text-align: left;
  padding: 15px 150px 15px 30px;
  border: none;
  min-width: 150px;
  max-width: 600px;
  font-family: "Roboto", serif;
  color: #ffffff;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url(../images/button-arrow.png) #d12e2a no-repeat 92% center;
  text-decoration: none;
  color: #ffffff;
  font-weight: 800;
  height: auto;
  font-size: 28px;
  text-align: left;
  line-height: normal;
  border: none;
  min-width: 150px;
  width: 55%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-family: "Roboto", serif;
  padding: 18px 73px 18px 16px;
  background-color: #d12e2a;
  background: url(../images/button-arrow.png) #d12e2a no-repeat 92% center;
}

@media (max-width: 1600px) {
  .wpcf7 .bouton .wpcf7-submit {
    font-size: 29px;
  }
}

@media (max-width: 1200px) {
  .wpcf7 .bouton .wpcf7-submit {
    font-size: 22px;
    margin: 18px auto;
  }
}

@media (max-width: 992px) {
  .wpcf7 .bouton .wpcf7-submit {
    font-size: 18px;
    width: 300px;
  }
}

@media (max-width: 768px) {
  .wpcf7 .bouton .wpcf7-submit {
    width: 100%;
  }
}

.wpcf7 .bouton .wpcf7-submit:active, .wpcf7 .bouton .wpcf7-submit:hover, .wpcf7 .bouton .wpcf7-submit:focus {
  outline: 0 !important;
  outline-offset: 0;
  background: url(../images/button-arrow.png) #bc2926 no-repeat 92% center;
}

.wpcf7 .bouton .wpcf7-submit:hover {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}

.wpcf7 .bouton .wpcf7-submit:active, .wpcf7 .bouton .wpcf7-submit:focus {
  background: url(../images/button-arrow.png) #bc2926 no-repeat 92% center;
}

@media (max-width: 1600px) {
  .wpcf7 .bouton .wpcf7-submit {
    font-size: 25px;
  }
}

.wpcf7 .bouton:hover {
  cursor: pointer;
}

.wpcf7 .bouton:hover .wpcf7-submit {
  color: #ffffff;
  background: url(../images/button-arrow.png) #bc2926 no-repeat 92% center;
}

.wpcf7 .bouton .ajax-loader {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 1200px) {
  .wpcf7 .bouton {
    width: 100%;
  }
}

.wpcf7 .wpcf7-submit {
  padding: 0;
  margin: 0;
  background: unset;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.wpcf7 .description-rgpd {
  font-weight: 400;
  color: #2c65a4 !important;
  margin-top: 15px !important;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  line-height: initial !important;
}

.wpcf7 .description-rgpd a:hover {
  color: #2c65a4;
}

.wpcf7 [data-id="visits-fields"],
.wpcf7 [data-id="visits-cambes-fields"] {
  width: 100%;
}

/*---------FIL D'ARIANE------------*/
#breadcrumbs {
  padding: 15px;
  background: #ffffff;
}

@media (max-width: 992px) {
  #breadcrumbs {
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  #breadcrumbs {
    padding: 7px 15px;
    display: none;
  }
}

#breadcrumbs a {
  color: #2c65a4;
}

#breadcrumbs span {
  color: #333333;
}

@media (max-width: 1250px) {
  #breadcrumbs * {
    font-size: 15px !important;
  }
}

@media (max-width: 992px) {
  #breadcrumbs * {
    font-size: 14px !important;
  }
}

@media (max-width: 768px) {
  #breadcrumbs * {
    font-size: 12px !important;
  }
}

/*-----------------COOKIEBAR----------------*/
#cookie-notice {
  background: #2c65a4 !important;
}

#cookie-notice .cookie-notice-container {
  padding: 5px;
}

#cookie-notice .cookie-notice-container * {
  color: #d12e2a !important;
}

#cookie-notice .cookie-notice-container a {
  color: #d12e2a;
}

#cookie-notice .cookie-notice-container #cn-accept-cookie,
#cookie-notice .cookie-notice-container #cn-more-info {
  display: inline-block;
  background: #214c7c;
  padding: 2px 10px;
  color: #d12e2a;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

#cookie-notice .cookie-notice-container #cn-accept-cookie:hover,
#cookie-notice .cookie-notice-container #cn-more-info:hover {
  text-decoration: none;
  background: #3171b8;
}

#cookie-notice .cookie-notice-container #cn-more-info {
  background: #f5f5f3;
  color: #000000 !important;
}

#cookie-notice .cookie-notice-container #cn-more-info:hover {
  color: #d12e2a !important;
  background: #3171b8;
}

@media (max-width: 992px) {
  #cookie-notice * {
    font-size: 12px !important;
  }
}

#page404 {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}

/* --- AJUSTEMENTS COLORBOX --- */
#cboxOverlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.37);
}

#cboxClose {
  position: absolute;
  top: 0;
  right: -50px;
  font-size: 40px;
  color: #ffffff;
  background-color: transparent;
  border: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 20;
}

#cboxClose:hover {
  color: #bc2926;
}

#cboxClose:focus {
  outline: unset;
}

@media (max-width: 992px) {
  #cboxClose {
    top: 0;
    right: 0;
  }
}

#colorbox {
  z-index: 30;
}

/* ---------- SLICK SLIDER ----------- */
.slick-slider .slick-slide > div > [class*="col-"] {
  width: 100%;
  height: 100%;
  max-width: none;
  padding: 0;
}

.slick-slider .slick-prev, .slick-slider .slick-next {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: auto;
  z-index: 1;
  height: 190px;
  display: block !important;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4em;
  font-size: 1.25rem;
  border: none;
  background-color: transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.slick-slider .slick-prev::before, .slick-slider .slick-next::before {
  display: none;
}

.slick-slider .slick-prev:active, .slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus, .slick-slider .slick-next:active, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus {
  outline: 0 !important;
  outline-offset: 0;
}

.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
  color: #d12e2a;
  background-color: transparent;
}

@media (min-width: 1200px) {
  .slick-slider .slick-prev, .slick-slider .slick-next {
    font-size: 1.5rem;
  }
  .slick-slider .slick-prev i, .slick-slider .slick-next i {
    font-size: 45px;
  }
}

@media (max-width: 992px) {
  .slick-slider .slick-prev, .slick-slider .slick-next {
    width: 4em;
    font-size: 1.25rem;
  }
}

.slick-slider .slick-prev {
  left: 0;
  padding-left: 0;
}

.slick-slider .slick-next {
  right: 0;
  padding-right: 0;
}

/* ---------- Fin : SLICK SLIDER ----------- */
/*---------LIGHTBOX----------*/
.sgpb-theme-6-overlay {
  background: rgba(0, 0, 0, 0.2);
}

#sgpb-popup-dialog-main-div {
  padding: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  color: #000000 !important;
}

#sgpb-popup-dialog-main-div .texte {
  font-weight: 200;
  background-color: #e0efff;
  color: #000000;
  padding: 20px 40px;
  font-size: 25px;
  line-height: 39px;
  text-transform: uppercase;
}

@media (max-width: 992px) {
  #sgpb-popup-dialog-main-div .texte {
    padding: 20px 20px;
    font-size: 20px;
    line-height: 33px;
  }
}

#sgpb-popup-dialog-main-div .contenu {
  padding: 20px;
}

/*---------FORMULAIRES---------*/
span.wpcf7-not-valid-tip {
  color: #d12e2a !important;
  font-size: 14px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border-color: #ff0000;
  color: #ffffff;
}
/*# sourceMappingURL=styles.css.map */