/*******************************/
/* Font Face */
/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Slab', serif;
    font-family: 'Staatliches', cursive;
*/

/*******************************/
/* Global */
:root {
  scroll-behavior: auto;
}
body {
  background: #fff;
  font-family: "Roboto", sans-serif;
}
h1 {
  font-size: 60px;
  line-height: 100px;
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
h2 {
  font-size: 36px;
  margin-bottom: 25px;
  margin-top: 25px;
  line-height: 36px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #af408d;
  font-family: "Signika", sans-serif;
  text-transform: uppercase;
}
h3 {
  font-size: 32px;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
  color: #aaa;
  font-weight: bold;
}

a {
  color: #b0418e;
  transition: all 0.2s ease;
}
a:hover {
  color: #98bf0e;
  text-decoration: none;
}
a:focus {
  color: #98bf0e;
  outline: none;
  text-decoration: none;
  background: none;
}

.bt {
  position: relative;
  font-family: "Roboto Slab", serif;
  padding: 20px 75px 20px 35px;
  background: #0080c7 url("../images/interface/bt_plus.png") no-repeat right
    center;
  border-radius: 50px;
  margin-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  transition: all 0.2s ease;
}
.bt:hover {
  color: #fff;
  background: #98bf0e url("../images/interface/bt_plus_1.png") no-repeat left
    center;
  padding: 20px 35px 20px 75px;
}

.cta {
  display: inline-block;
  position: relative;
  font-family: "Roboto Slab", serif;
  padding: 20px 75px 20px 35px;
  background: #0080c7 url("../images/interface/bt_plus.png") no-repeat right
    center;
  border-radius: 50px;
  margin-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  transition: all 0.2s ease;
}
.cta:hover {
  color: #fff;
  background: #98bf0e url("../images/interface/bt_plus_1.png") no-repeat left
    center;
  padding: 20px 35px 20px 75px;
}

.align_center {
  text-align: center;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background: none;
}
.hide {
  display: none;
}
p {
  font-size: 16px;
  margin-bottom: 25px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
ul {
  margin-bottom: 20px;
}
ul li {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 10px;
}
ol li {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.admin {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 9700;
}
.no-padding {
  padding-left: 0;
  padding-right: 0;
}
hr {
  clear: both;
}

body {
}

table {
  width: 100%;
  margin-bottom: 25px;
}
table tbody {
  border-top: 0;
}
table th {
  padding: 10px;
  vertical-align: top;
  font-size: 15px;
}
table td {
  padding: 10px;
  vertical-align: top;
  font-size: 15px;
}
table tr:nth-child(odd) {
  background: #eee;
}
table td p {
  margin: 0;
}

.aligncenter {
  text-align: center;
}

body.toolbar-fixed .toolbar-oriented .toolbar-bar {
  z-index: 9990;
}
body.toolbar-tray-open {
  padding-top: 80px !important;
}
body.toolbar-tray-open #header_c {
  top: 80px !important;
}

#menu_tasks {
  margin: 0 0 20px 0;
  padding: 0;
  position: fixed;
  z-index: 7000;
  bottom: 15px;
  left: 15px;
}
#menu_tasks ul {
  margin: 0;
  padding: 0;
}
#menu_tasks ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}
#menu_tasks ul li.last {
  display: none;
}
#menu_tasks ul li a {
  display: inline-block;
  background: #333;
  color: #fff;
  transition: all 0.2s ease;
  padding: 10px 20px;
}
#menu_tasks ul li a:hover {
  background: #009fe3;
}

#toolbar-administration ul li {
  margin-bottom: 0;
}
#toolbar-administration ul li a {
  font-size: 13px;
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
}

#message_statut {
  padding: 20px;
  text-align: center;
}

/* profile page */
#profile {
  background: #fff;
  padding-top: 100px;
}
#profile #menu_tasks {
  display: none;
}
#profile h1 {
  background: transparent url("../images/interface/logo.png") no-repeat top
    center;
  text-indent: -8000em;
  height: 155px;
}
#profile #user-login-form label {
  color: #000;
}
#profile #user-login-form .description {
  color: #aaa;
  margin-bottom: 20px;
}
#profile #user-login-form input {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 20px;
  margin-bottom: 5px;
  font-family: "Roboto", sans-serif;
}
#profile #user-login-form .form-submit {
  color: #fff;
  font-weight: bold;
  border: none;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 20px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #98bf0e;
  border: 1px solid #98bf0e;
}
#profile #user-login-form .form-submit:hover {
  background: #000;
}

#profile #profile_log {
  text-align: center;
}
#profile #profile_log h2 {
  color: #000;
  margin-bottom: 15px;
}
#profile #profile_log ul {
  margin: 0;
  padding: 0;
}
#profile #profile_log ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0 5px 5px 5px;
  display: inline-block;
}
#profile #profile_log a {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  background: #98bf0e;
  padding: 10px 30px;
  border-radius: 25px;
  border: 1px solid #98bf0e;
}
#profile #profile_log a:hover {
  background: #000;
  text-decoration: none;
  border: 1px solid #000;
}

/* menu principal */
#header_c {
  width: 100%;
  height: 110px;
  position: fixed;
  z-index: 5000;
  transition: all 0.2s ease;
  background: #fff;
  top: 0;
  border-bottom: 1px solid #dfdfdf;
}
#header_c .container {
  position: relative;
}
#header_c .navbar {
  padding: 0;
  height: 110px;
  transition: all 0.2s ease;
}

#menu_principal {
  transition: all 0.2s ease;
}
#menu_principal ul {
  margin: 0;
  padding: 0;
  margin-right: 50px !important;
}
#menu_principal ul li {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  position: relative;
}
#menu_principal ul li a {
  transition: all 0.2s ease;
  border-bottom: 3px solid #fff;
  display: block;
  font-size: 16px;
  padding: 43px 25px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
  color: #000;
  margin: 0;
}
#menu_principal ul li a:hover,
#menu_principal ul li a.active,
#menu_principal ul li.menu_open a {
  color: #98bf0e;
  border-bottom: 3px solid #97bf0d;
}
#menu_principal ul li.active a {
  border-bottom: 3px solid #97bf0d;
}
#menu_principal ul li.expanded a {
  background: transparent url("../images/interface/menu_expanded.png") no-repeat
    center right;
}
#menu_principal ul li.active-trail.expanded {
  border-bottom: 2px solid #18bdd1;
}
#menu_principal ul li.expanded a:hover,
#navbar #menu_principal ul li.expanded.menu_open a {
  background: #333;
}

#menu_principal ul ul {
  display: none;
  position: absolute;
  margin: 0 !important;
  right: 0;
  padding: 0;
  z-index: 9000;
  background: #333;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#menu_principal ul li:hover .navbar-nav {
  display: block;
}
#menu_principal ul li:hover .navbar-nav li a {
  background: none;
}
#menu_principal ul ul li {
  margin: 0;
  width: 100%;
}

#menu_principal ul li.expanded ul li a,
#menu_principal ul li.expanded.menu_open li a {
  display: block;
  width: 100%;
  padding: 12px 25px;
  font-size: 12px;
  color: #fff;
  border: 0;
  margin: 0;
  background: #333;
  font-weight: 400;
  -moz-transition: padding-left 0.1s ease-in;
  -o-transition: padding-left 0.1s ease-in;
  -webkit-transition: padding-left 0.1s ease-in;
  transition: padding-left 0.1s ease-in;
}
#menu_principal ul li.expanded ul li.first a,
#menu_principal ul li.expanded.menu_open li.first a {
  padding-top: 15px;
}
#menu_principal ul li.expanded ul li.last a,
#menu_principal ul li.expanded.menu_open li.last a {
  border: 0;
  padding-bottom: 15px;
}
#menu_principal ul li.expanded ul li a:hover {
  background: #98bf0e;
  color: #fff;
  padding-left: 35px;
}

#menu_secondaire {
  position: absolute;
  right: 0;
}
#menu_secondaire ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
#menu_secondaire ul li {
  margin: 0;
  list-style-type: none;
  display: inline-block;
  padding: 0 15px;
}
#menu_secondaire ul li a {
  display: inline-block;
  position: relative;
}
#menu_secondaire ul li.phone a {
  color: #000;
  padding: 0 25px;
}
#menu_secondaire ul li.phone a::before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  background: transparent url("../images/interface/phone.svg") no-repeat center
    center;
}
#menu_secondaire ul li.phone a:hover {
  color: #af408d;
}
#menu_secondaire ul li.adhesion a {
  padding: 15px 25px;
  border-radius: 50px;
  background: #98bf0e;
  color: #fff;
}
#menu_secondaire ul li.adhesion a:hover {
  background: #af408d;
}
#menu_secondaire ul li.connect a {
  padding: 0 30px;
  color: #000;
}
#menu_secondaire ul li.connect a::before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  background: transparent url("../images/interface/connect.svg") no-repeat
    center center;
}
#menu_secondaire ul li.connect a:hover {
  color: #af408d;
}

#menu_secondaire_bis {
  position: relative;
  display: none;
}
#menu_secondaire_bis ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
#menu_secondaire_bis ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  padding: 0 15px;
}
#menu_secondaire_bis ul li a {
  display: inline-block;
  position: relative;
}
#menu_secondaire_bis ul li.phone a {
  color: #000;
}
#menu_secondaire_bis ul li.phone a::before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  background: transparent url("../images/interface/phone.svg") no-repeat center
    center;
}
#menu_secondaire_bis ul li.phone a:hover {
  color: #af408d;
}
#menu_secondaire_bis ul li.adhesion a {
  padding: 15px 25px;
  border-radius: 50px;
  background: #98bf0e;
  color: #fff;
}
#menu_secondaire_bis ul li.adhesion a:hover {
  background: #af408d;
}
#menu_secondaire_bis ul li.connect a {
  padding: 0 30px;
  color: #000;
}
#menu_secondaire_bis ul li.connect a::before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  background: transparent url("../images/interface/connect.svg") no-repeat
    center center;
}
#menu_secondaire_bis ul li.connect a:hover {
  color: #af408d;
}

.close_bt {
  display: none;
}

.navbar-brand,
.navbar-brand:focus {
  transition: all 0.2s ease;
  height: 100px;
  width: 200px;
  background: transparent url("../images/interface/logo.png") no-repeat center
    center;
  background-size: contain;
  text-indent: -8000em;
  padding: 0;
  margin: 0;
}
.navbar-toggler {
  background: #fff url("../images/interface/menu_scroll.png") no-repeat center
    center;
  position: absolute;
  right: 15px;
  top: 25px;
  border-radius: 0;
  padding: 3px;
}

body.sticky #header_c {
  height: 75px;
}
body.sticky #header_c .navbar {
  height: 75px;
}
body.sticky #header_c .navbar-brand {
  height: 50px;
  width: 70px;
  background-position: left center;
  background: transparent url("../images/interface/logo.png") no-repeat left
    center / contain;
  margin-left: 25px;
  margin-right: 25px;
}
body.sticky #header_c #menu_secondaire ul li.adhesion a {
  padding: 10px 25px;
}
body.sticky #menu_principal ul li a {
  padding: 26px 25px;
}

/* error */
#content_error {
  height: 100vh;
}
#error {
  text-align: center;
  padding-top: 150px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vh;
  height: 50vh;
  margin: -25vh 0 0 -25vh;
  height: 150px;
  background: transparent url("../images/interface/logo.png") no-repeat center
    center;
}
#error #menu_tasks {
  display: none;
}

/* footer */
#footer_c {
  background: #f0f0f0;
  transition: all 0.2s ease;
  padding-top: 0;
  padding-bottom: 0;
}
#footer_c ul {
  padding: 0;
  margin: 0;
}
#footer_c ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#footer_c ul li a {
  color: #000;
  transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 14px;
}
#footer_c ul li a:hover {
  color: #b0418e;
}
#footer_c .title {
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
}
#footer_c .menu_secondaire {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

#footer_c .menu_principal {
  padding-top: 50px;
  padding-bottom: 50px;
}
#footer_c .menu_principal li::first-child {
  display: none;
}
#footer_c .social {
  padding-top: 50px;
  padding-bottom: 50px;
}
#footer_c .social ul li {
  display: inline;
}
#footer_c .social ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
  text-indent: -8000em;
}
#footer_c .social ul li a.facebook {
  background: transparent url("../images/interface/ico_facebook.svg") no-repeat
    center center;
}
#footer_c .social ul li a.instagram {
  background: transparent url("../images/interface/ico_instagram.svg") no-repeat
    center center;
}
#footer_c .social ul li a.linkedin {
  background: transparent url("../images/interface/ico_linkedin.svg") no-repeat
    center center;
}

#footer_c .newsletter {
  background: #b0418e;
  padding: 50px;
}
#footer_c .newsletter .title {
  color: #fff;
}
#footer_c .newsletter .form_newsletter {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
}
#footer_c .newsletter input {
  background: transparent;
  border: none;
  color: #fff;
}
#footer_c .newsletter input.form-email {
  border-right: 1px solid #fff;
  max-width: 75%;
  margin-right: 5%;
}
#footer_c .newsletter input.webform-button--submit {
  width: 20%;
  cursor: pointer;
  transition: all 0.2s ease;
}
#footer_c .newsletter input.webform-button--submit:hover {
  background: #fff;
  color: #b0418e;
}

/* home */
.slide {
  padding-top: 75px;
  padding-bottom: 75px;
  transition: all 1s ease;
  position: relative;
}
.slide h2.title {
  font-family: "Staatliches", cursive;
  color: #000;
  font-size: 50px;
  color: #000;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 30px;
}
.slide h2.title span {
  color: #f0f0f0;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 48px;
}
.slide h2.title::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_purple.svg")
    no-repeat center center;
}

.slide h1.title {
  font-family: "Staatliches", cursive;
  color: #000;
  font-size: 50px;
  color: #000;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 30px;
}
.slide h1.title span {
  color: #f0f0f0;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 48px;
}
.slide h1.title::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_purple.svg")
    no-repeat center center;
}

/* home */

#banner_c {
  padding: 0 0 0 0;
  min-height: 60vh;
  background: #fff;
  margin-top: 110px;
}
#banner_c .img {
  display: flex;
  justify-content: center;
}
#banner_c .img img {
  max-height: 500px;
  width: auto;
}
#banner_c .text {
  display: flex;
  align-self: center;
  flex-direction: column;
}
#banner_c .text p {
}

#banner_c .owl-theme .owl-dots {
  margin: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  padding: 0;
  z-index: 100;
}
#banner_c .owl-theme .owl-dots .owl-dot {
  outline: none;
}
#banner_c .owl-theme .owl-dots .owl-dot span {
  background: #98bf0e;
  transition: all 0.2s ease;
  width: 13px;
  height: 13px;
}
#banner_c .owl-theme .owl-dots .owl-dot:hover span {
  background: transparent;
  border: 3px solid #b0418e;
}
#banner_c .owl-theme .owl-dots .owl-dot.active span {
  background: transparent;
  border: 3px solid #b0418e;
}

/* home news */
#news_c {
  background: #f0f0f0;
  padding-bottom: 125px;
  padding-top: 150px;
}
#news_c::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  background: transparent url("../images/interface/bg_news.png") no-repeat
    center center / cover;
}
#news_c::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  height: 270px;
  width: 234px;
  background: transparent url("../images/interface/news_canva.svg") no-repeat
    center center;
}
#news_c.slide h2.title::after {
  background: transparent url("../images/interface/h2_title_green.svg")
    no-repeat center center;
}

#news_slider {
}
#news_c .item .img {
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
#news_c .item .img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  background: transparent no-repeat center center;
}
#news_c .item:hover .img::before {
  background: rgba(0, 0, 0, 0.1) url("../images/interface/bt_plus_2.png")
    no-repeat center center;
}
#news_c .item {
  min-height: 470px;
  transition: all 0.2s ease;
  cursor: pointer;
  padding-top: 15px;
}

#news_c .item .type {
  font-size: 13px;
  font-family: "Roboto Slab", serif;
  position: absolute;
  top: 0;
  right: 75px;
  background: #98bf0e;
  border-radius: 50px;
  padding: 10px 15px;
  text-transform: uppercase;
  color: #fff;
}

#news_c h3 {
  font-family: "Roboto Slab", serif;
  text-align: center;
  padding: 40px 0;
  margin: 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
#news_c .first .text {
  display: none;
}
#news_c .text {
  padding-bottom: 50px;
  display: none;
}

#news_c .owl-theme .owl-dots {
  margin: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 98%;
  height: 40px;
  margin-top: -50px;
  padding: 0;
  z-index: 100;
}
#news_c .owl-theme .owl-dots .owl-dot {
  outline: none;
}
#news_c .owl-theme .owl-dots .owl-dot span {
  background: #98bf0e;
  transition: all 0.2s ease;
  width: 13px;
  height: 13px;
}
#news_c .owl-theme .owl-dots .owl-dot:hover span {
  background: transparent;
  border: 3px solid #b0418e;
}
#news_c .owl-theme .owl-dots .owl-dot.active span {
  background: transparent;
  border: 3px solid #b0418e;
}

#news_c a.bt {
  margin-right: 10px;
}
#news_c a.bt.bt_newsletter {
  background-color: #b0418e;
}

/* about */
#about_c {
  background: #b0418e;
  padding-bottom: 115px;
}
#about_c.slide h2.title {
  color: #fff;
}
#about_c.slide h2.title span {
  color: #b0418e;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  font-size: 48px;
}
#about_c.slide h2.title::after {
  background: transparent url("../images/interface/h2_title_white.svg")
    no-repeat center center;
}

#about_c p.title {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase;
}
#about_c .img {
  border-radius: 50px;
  min-height: 65vh;
}
#about_c .img::after {
  width: 340px;
  height: 40px;
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -270px;
  background: #98bf0e;
}
#about_c .text {
  display: flex;
  align-self: center;
  flex-direction: column;
  padding: 0 100px;
}
#about_c .text p {
  color: #fff;
}
#about_c .text::before {
  width: 150px;
  height: 160px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 350px;
  background: transparent url("../images/interface/bg_about.png") no-repeat
    center center;
}

/* why */
#why_c {
  background: #f0f0f0;
  padding-bottom: 250px;
  padding-top: 100px;
}
#why_c.slide h2.title::after {
  background: transparent url("../images/interface/h2_title_green.svg")
    no-repeat center center;
}

#why_c .img {
  padding-top: 50px;
}
#why_c .img .item a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  border-radius: 50px;
  border: 3px solid #97c00e;
  min-height: 250px;
  padding: 60px;
  text-align: center;
  position: relative;
  background: transparent;
}
#why_c .img .item a::after {
  content: "";
  width: 50px;
  height: 0;
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin: 0 0 -25px -25px;
  bottom: 0;
  width: 50px;
  height: 50px;
}

#why_c .img .item a.bt1 {
  color: #97c00e;
  border: 3px solid #97c00e;
}
#why_c .img .item a.bt1::after {
  background: transparent url("../images/interface/more_info.svg") no-repeat
    center center;
}

#why_c .img .item a.bt2 {
  color: #0081c7;
  border: 3px solid #000000;
}
#why_c .img .item a.bt2::after {
  background: transparent url("../images/interface/more_info_1.svg") no-repeat
    center center;
}

#why_c .img .item a::before {
  content: "";
  position: absolute;
  width: 192px;
  height: 143px;
  top: 0;
  left: 50%;
  margin-left: -96px;
  margin-top: -83px;
  opacity: 0;
  transition: all 0.2s ease;
}
#why_c .img .item a:hover::before {
  content: "";
  position: absolute;
  width: 192px;
  height: 143px;
  top: 0;
  left: 50%;
  margin-left: -96px;
  margin-top: -83px;
  opacity: 1;
  background: transparent url("../images/interface/why_img.svg") no-repeat
    center center;
}

#why_c .img::before {
  width: 55px;
  height: 55px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url("../images/interface/bg_why.png") no-repeat center
    center;
}
#why_c::after {
  width: 700px;
  height: 120px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -350px;
  margin-bottom: 50px;
  background: transparent url("../images/interface/bg_why_1.svg") no-repeat
    center center;
}

/* servuces */
#services_c {
  background: #0080c7;
}
#services_c h2.title {
  color: #fff;
  padding-bottom: 0;
}
#services_c h2.title span {
  color: #0080c7;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  font-size: 48px;
}
#services_c.slide h2.title::after {
  background: none;
}

#services_c p.title {
  position: relative;
  font-family: "Roboto Slab", serif;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 50px;
  margin-bottom: 50px;
  font-size: 26px;
  line-height: 28px;
  font-weight: 700;
}
#services_c p.title::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 15px;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_white.svg")
    no-repeat center center;
}
#services_c a.bt {
  background-color: #b0418e;
}

#services_c .text p {
  color: #fff;
}

#services_slider {
  padding-top: 50px;
}
#services_slider .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.2s ease;
  cursor: pointer;
  opacity: 0.6;
}
#services_slider .item > div {
  text-align: center;
}
#services_slider .item .img {
  padding: 20px;
  margin-bottom: 0;
  position: relative;
}
#services_slider .item .img img {
  border-radius: 50px;
  border: 3px solid #fff;
  background: #fff;
}
#services_slider .item .img::after {
  transition: all 0.2s ease;
  content: "";
  width: 50px;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -25px;
}
#services_slider .item:hover {
  opacity: 1;
}
#services_slider .item:hover .img img {
  border: 3px solid #97c00e;
}
#services_slider .item:hover .img::after {
  background: transparent url("../images/interface/more_info.svg") no-repeat
    center center;
  bottom: 0;
  width: 50px;
  height: 50px;
}
#services_slider .item a {
  font-family: "Roboto Slab", serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding: 0 20px;
}

#services_slider .owl-nav {
  margin-top: 50px;
}
#services_slider .owl-nav button {
  width: 57px;
  height: 57px;
  outline: none;
}
#services_slider .owl-nav button span {
  display: none;
}
#services_slider .owl-nav button.owl-next {
  background: transparent url("../images/interface/arrow_r.png") no-repeat
    center center;
}
#services_slider .owl-nav button.owl-next:hover {
  background: transparent url("../images/interface/arrow_r1.png") no-repeat
    center center;
}
#services_slider .owl-nav button.owl-prev {
  background: transparent url("../images/interface/arrow_l.png") no-repeat
    center center;
}
#services_slider .owl-nav button.owl-prev:hover {
  background: transparent url("../images/interface/arrow_l1.png") no-repeat
    center center;
}

/* contact */
#contact_c {
  padding: 0;
}
#contact_c h1.title span {
  color: #fff;
}
#contact_c h2.title span {
  color: #fff;
}
#contact_c #map_c {
  padding: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
}
#contact_c #map_c #map_all {
  height: 100%;
  min-height: 1000px;
}
#contact_c #map_c #map_contact {
}

#contact_c #contact_f {
  padding: 150px 150px 0 150px;
}

.form {
  margin-bottom: 50px;
}
.form label {
  font-size: 20px;
  color: #4c535e;
  margin: 0 20px 15px 0;
}
.form .form-text,
.form .form-email,
.form .form-textarea,
.form-file,
.form-select {
  resize: none;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ccc;
  display: inline-block;
}
.form .form-text,
.form .form-email {
  border: none;
  border-bottom: 1px solid #ccc;
}
.form .form-textarea {
  background: #fff;
  min-height: 250px;
}
.form .js-form-type-checkbox .form-checkbox {
  display: inline;
  margin-right: 10px;
}
.form .js-form-type-checkbox label {
  display: inline;
  font-size: 16px;
}
.form .js-form-type-radio label {
  display: inline;
  font-size: 16px;
  margin-left: 10px;
  line-height: 20px;
}
.form .form-item-soutien-libre {
  padding-top: 25px;
}
.form .form-item-soutien-libre label {
  display: none;
}
.form .form-item-date-naissance label {
  float: left;
  width: 50%;
  padding: 10px 15px;
  margin: 0;
}
.form .form-item-date-naissance input {
  float: left;
  width: 50%;
  border: 1px solid #ccc;
  padding: 10px 15px;
}

.form .form-item-paiement label {
  display: none;
}
.StripeElement {
  padding: 10px 15px !important;
}
.form .paiement_global {
  padding-top: 15px;
  font-weight: 600;
  margin-top: 10px;
  padding: 15px 25px;
  background: #f1f1f1;
}
.form .mentions_about {
  padding-top: 15px;
  font-weight: 600;
  margin-top: 10px;
  padding: 15px 25px;
  background: #f1f1f1;
}
.form .mentions_about p {
  margin-bottom: 0;
  font-size: 14px;
}

.form .js-form-type-checkbox {
  margin-bottom: 10px;
}
.form .required_field {
  font-size: 12px;
  margin-bottom: 25px;
}
.form .actions {
  justify-content: flex-end;
  display: flex;
}
.form .actions .webform-button--submit {
  display: inline-block;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  background: #98bf0e url("../images/interface/send.svg") no-repeat center
    center;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  text-indent: -8000em;
}
.form .actions .webform-button--submit:hover {
  background-color: #000;
}

#form_adhesion.form .actions .webform-button--submit {
  text-indent: 0;
  width: auto;
  padding: 10px 50px;
  color: #fff;
  background: #98bf0e;
}
#form_adhesion.form .actions .webform-button--submit:hover {
  background-color: #000;
}
#form_adhesion h2 {
  margin-top: 50px;
}

#contact_c {
  background: transparent url("../images/interface/bg_contact.png") no-repeat
    top center / cover;
}
#contact_c #contact_address {
  padding-top: 75px;
  min-height: 400px;
}
#contact_c #contact_address p {
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-weight: 700;
}
#contact_c #contact_address p .phone {
  color: #ae428d;
}

#contact_c #contact_address::after {
  content: "";
  width: 400px;
  height: 355px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: transparent url("../images/interface/contact_img.png") no-repeat
    top center;
  display: block;
}

/* partner */
#partner_c::before {
  content: "";
  width: 52px;
  height: 52px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 400px;
  background: transparent url("../images/interface/square_purple.png") no-repeat
    center center;
  display: block;
}
#partner_c h2.title span {
  color: #fff;
}
#partner_c h2.title::after {
  background: none;
}
#partner_c #partner_slider {
  padding-bottom: 75px;
  padding-top: 50px;
}
#partner_c #partner_slider .item {
  text-align: center;
}
#partner_c #partner_slider .item a {
  display: inline-block;
}
#partner_c #partner_slider .item img {
  width: auto;
  display: inline-block;
}

#partner_c .owl-theme .owl-dots {
  margin: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 98%;
  height: 40px;
  margin-top: -50px;
  padding: 0;
  z-index: 100;
}
#partner_c .owl-theme .owl-dots .owl-dot {
  outline: none;
}
#partner_c .owl-theme .owl-dots .owl-dot span {
  background: #98bf0e;
  transition: all 0.2s ease;
  width: 13px;
  height: 13px;
}
#partner_c .owl-theme .owl-dots .owl-dot:hover span {
  background: transparent;
  border: 3px solid #b0418e;
}
#partner_c .owl-theme .owl-dots .owl-dot.active span {
  background: transparent;
  border: 3px solid #b0418e;
}

#ajax_container .img {
  min-height: 125px;
  margin-bottom: 50px;
}
.fancybox-slide #ajax_container {
  width: 920px;
  padding: 20px;
}

#breadcrumb {
  display: none;
}

/* content */

#content_top {
  padding: 0 0 0 0;
  background: #fff;
  margin-top: 175px;
  display: flex;
  align-items: center;
}
#content_top h1 {
  font-family: "Staatliches", cursive;
  font-size: 50px;
  color: #000;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 30px;
}
#content_top h1 span {
  color: #f0f0f0;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 48px;
}
#content_top h1.no_subtitle::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_purple.svg")
    no-repeat center center;
}

#content_top h1.has_subtitle {
  padding-bottom: 0;
  margin-bottom: 25px;
}
#content_top p.subtitle {
  position: relative;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 50px;
}
#content_top p.subtitle::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_purple.svg")
    no-repeat center center;
}

#content_top .img {
}
#content_top .text {
  display: flex;
  align-self: center;
  flex-direction: column;
}
#content_top .text a.bt {
  float: left;
  width: 50%;
}
#content_top .text p {
}

#content {
  padding-top: 150px;
  padding-bottom: 150px;
  background: #f0f0f0;
  position: relative;
}
#content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  background: transparent url("../images/interface/bg_news.png") no-repeat
    center center / cover;
}

#newsletter_c {
  position: relative;
  margin-bottom: 50px;
}
#newsletter_c::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  background: transparent url("../images/interface/bg_newsletter.png") no-repeat
    center center / cover;
}
#newsletter_c .newsletter {
  background: #b0418e;
  padding: 50px;
  z-index: 50;
  position: relative;
}
#newsletter_c .newsletter::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 179px;
  top: 0;
  right: 0;
  margin-right: 25px;
  margin-top: -100px;
  opacity: 1;
  background: transparent url("../images/interface/newsletter.svg") no-repeat
    center center;
}

#newsletter_c .newsletter .title {
  color: #fff;
}
#newsletter_c .newsletter .form_newsletter {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
}
#newsletter_c .newsletter input {
  background: transparent;
  border: none;
  color: #fff;
}
#newsletter_c .newsletter input.form-email {
  border-right: 1px solid #fff;
  max-width: 75%;
  margin-right: 5%;
}
#newsletter_c .newsletter input.webform-button--submit {
  width: 20%;
  cursor: pointer;
  transition: all 0.2s ease;
}
#newsletter_c .newsletter input.webform-button--submit:hover {
  background: #fff;
  color: #b0418e;
}

/* page article */
#content_top.news_page p.date {
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  opacity: 0.5;
  font-size: 22px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
#content_top.news_page p.title_article {
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  line-height: 32px;
}
#content_top.news_page .type {
  font-family: "Roboto Slab", serif;
  position: absolute;
  top: 0;
  right: 75px;
  margin-top: -35px;
  background: #98bf0e;
  border-radius: 50px;
  padding: 25px 25px;
  text-transform: uppercase;
  color: #fff;
}
#content_top.news_page .img {
  margin-top: 150px;
  min-height: 400px;
  border-radius: 50px;
  position: relative;
}
#content_top.news_page .img::before {
  display: none;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -225px;
  width: 234px;
  height: 270px;
  background: transparent url("../images/interface/actu_bg.svg") no-repeat
    center center;
}

#content_top.news_page {
  position: relative;
  margin-top: 150px;
}
#content_top.news_page::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 0;
  width: 550px;
  height: 125px;
  background: transparent url("../images/interface/intro_actualites.png")
    no-repeat center center;
}

#content.news_page .news_list_inside .item {
  margin-bottom: 50px;
  cursor: pointer;
}
#content.news_page .news_list_inside .item .inside {
  background: #fff;
  border-radius: 25px;
  position: relative;
}
#content.news_page .news_list_inside .item .text {
  padding: 15px;
}
#content.news_page .news_list_inside .item .text p {
  font-size: 12px;
  line-height: 18px;
  font-family: "Roboto Slab", serif;
  color: #555;
}
#content.news_page .news_list_inside .item .date {
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  opacity: 0.5;
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
#content.news_page .news_list_inside .item .img {
  min-height: 125px;
  border-radius: 25px;
  margin-bottom: 0;
}
#content.news_page .news_list_inside .item .img img {
  border-radius: 25px;
}
#content.news_page .news_list_inside .item h3 {
  font-family: "Roboto Slab", serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 15px;
}
#content.news_page .news_list_inside .item .type {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  margin-top: -20px;
  display: flex;
  justify-content: center;
}
#content.news_page .news_list_inside .item .type span {
  font-family: "Roboto Slab", serif;
  background: #98bf0e;
  border-radius: 50px;
  padding: 10px 25px;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}
#content.news_page .news_list_inside .item a.link {
  border-top: 1px solid #808080;
  padding: 15px;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
  color: #000;
  font-size: 12px;
  text-align: center;
}

#content.news_page .news_list_inside .item.tag_6 .type span {
  background: #97bf0d;
}
#content.news_page .news_list_inside .item.tag_5 .type span {
  background: #0081c7;
}
#content.news_page .news_list_inside .item.tag_4 .type span {
  background: #af418e;
}

.node-article .title_article {
  font-family: "Staatliches", cursive;
  font-size: 50px;
  color: #000;
  line-height: 55px;
  margin-top: 50px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.node-article .title_article span {
  color: #fff;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 48px;
}
.node-article .title_article span::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_green.svg")
    no-repeat center center;
}

.node-article #content_top h1 {
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  margin-bottom: 10px;
  padding-bottom: 0;
  line-height: 24px;
}
.node-article #content_top h1::after {
  display: none;
}
.node-article #content_top .text {
  padding: 0 75px;
}
.node-article #content_top .date {
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  letter-spacing: 1px;
  opacity: 0.5;
}
.node-article #content_top .img {
  min-height: 400px;
  border-radius: 50px;
  position: relative;
}
.node-article #content_top .img img {
  border-radius: 50px;
}
.node-article #content_top .type {
  font-family: "Roboto Slab", serif;
  position: absolute;
  top: 0;
  right: 75px;
  margin-top: -35px;
  background: #98bf0e;
  border-radius: 50px;
  padding: 25px 25px;
  text-transform: uppercase;
  color: #fff;
}
.node-article #content {
  background: #fff;
  padding-top: 0;
  padding-bottom: 25px;
}
.node-article #content::before {
  display: none;
}

.node-article #pager {
  margin-bottom: 50px;
  margin-top: 50px;
  padding-top: 25px;
}
.node-article #pager .flippy-pager a {
  font-family: "Roboto Slab";
  color: #000;
  text-transform: uppercase;
  transition: all 0.2s ease;
}
.node-article #pager .flippy-pager a:hover {
  color: #98bf0e;
}
.node-article #pager .flippy-previous {
  padding-left: 65px;
}
.node-article #pager .flippy-previous::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -28px;
  width: 57px;
  height: 57px;
  background: transparent url("../images/interface/arrow_l.png") no-repeat
    center center;
}
.node-article #pager .flippy-next {
  text-align: right;
  padding-right: 65px;
}
.node-article #pager .flippy-next::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -28px;
  width: 57px;
  height: 57px;
  background: transparent url("../images/interface/arrow_r.png") no-repeat
    center center;
}

.node-article #similar_articles p.title_article {
  margin-bottom: 50px;
}
.node-article #similar_articles .item {
  margin-bottom: 50px;
  cursor: pointer;
}
.node-article #similar_articles .item .inside {
  background: #fff;
  border-radius: 25px;
  position: relative;
}
.node-article #similar_articles .item .text {
  padding: 15px;
  text-align: center;
}
.node-article #similar_articles .item .text p {
  font-size: 12px;
  line-height: 18px;
  font-family: "Roboto Slab", serif;
  color: #555;
}
.node-article #similar_articles .item .date {
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  opacity: 0.5;
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.node-article #similar_articles .item .img {
  border-radius: 25px;
  margin-bottom: 0;
}
.node-article #similar_articles .item .img img {
  border-radius: 25px;
  margin-bottom: 0;
}
.node-article #similar_articles .item h3 {
  font-family: "Roboto Slab", serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 15px;
}
.node-article #similar_articles .item .type {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -20px;
  display: flex;
  justify-content: center;
}
.node-article #similar_articles .item .type span {
  font-family: "Roboto Slab", serif;
  background: #98bf0e;
  border-radius: 50px;
  padding: 10px 25px;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}
.node-article #similar_articles .item a.link {
  border-top: 1px solid #808080;
  padding: 15px;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
  color: #000;
  font-size: 12px;
  text-align: center;
}

.node-4088 .inside_form ul {
  display: none;
}

/* partner*/
.node-21 #content_top {
  min-height: 30vh;
}
.node-21 #content {
  background: #fff;
  padding-top: 0;
}
.node-21 #content::before {
  display: none;
}

/* contact */
.node-11 #contact_c {
  padding-top: 110px;
}

/* services */

.node-service #ajax_container h1 {
  text-align: center;
}
.node-service #ajax_container p {
  text-align: center;
}

.node-service #services_c {
  background: #fff;
}
.node-service #services_c .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.2s ease;
  cursor: pointer;
  text-align: center;
  margin-bottom: 50px;
}
.node-service #services_c .item > div {
  text-align: center;
}
.node-service #services_c .item .img {
  transition: all 0.2s ease;
  min-height: 200px;
  min-width: 200px;
  border-radius: 50px;
  border: 3px solid #97c00e;
  margin-bottom: 25px;
  background: #fff;
  position: relative;
}
.node-service #services_c .item .img img {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -75px;
}
.node-service #services_c .item .img::after {
  transition: all 0.2s ease;
  content: "";
  width: 50px;
  height: 0;
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin: 0 0 -25px -25px;
}
.node-service #services_c .item:hover {
  opacity: 1;
}
.node-service #services_c .item:hover .img::after {
  background: transparent url("../images/interface/more_info.svg") no-repeat
    center center;
  bottom: 0;
  width: 50px;
  height: 50px;
}
.node-service #services_c .item a {
  font-family: "Roboto Slab", serif;
  color: #97c00e;
  text-transform: uppercase;
}

.node-9 #services_c {
  background: #f0f0f0;
}
.node-9 #services_c .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.2s ease;
  cursor: pointer;
  text-align: center;
  margin-bottom: 50px;
}
.node-9 #services_c .item > div {
  text-align: center;
}
.node-9 #services_c .item .img {
  transition: all 0.2s ease;
  min-height: 200px;
  min-width: 200px;
  border-radius: 50px;
  border: 3px solid #97c00e;
  margin-bottom: 25px;
  background: #fff;
  position: relative;
}
.node-9 #services_c .item .img img {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -75px;
}
.node-9 #services_c .item .img::after {
  transition: all 0.2s ease;
  content: "";
  width: 50px;
  height: 0;
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin: 0 0 -25px -25px;
}
.node-9 #services_c .item:hover {
  opacity: 1;
}
.node-9 #services_c .item:hover .img::after {
  background: transparent url("../images/interface/more_info.svg") no-repeat
    center center;
  bottom: 0;
  width: 50px;
  height: 50px;
}
.node-9 #services_c .item a {
  font-family: "Roboto Slab", serif;
  color: #97c00e;
  text-transform: uppercase;
}

.fancy-service .fancybox-slide #ajax_container {
  text-align: center;
}
.fancy-service .fancybox-slide #ajax_container .img {
  margin-top: 25px;
  margin-bottom: 25px;
}
.fancy-service .fancybox-slide #ajax_container h1 {
  margin-top: 0;
  font-size: 45px;
  line-height: 50px;
}
.fancy-service .fancybox-slide #ajax_container p {
  font-size: 20px;
}
.fancy-service .fancybox-slide #ajax_container p strong {
  color: #ff0066;
}

/* filter */
#filter {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}
#filter .filter_tag {
  background: #fff;
  padding: 15px 15px 15px 100px;
  border-radius: 50px;
  position: relative;
}
#filter .filter_tag span {
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  margin-right: 25px;
}
#filter .filter_tag::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background: transparent url("../images/interface/filter.svg") no-repeat center
    center;
}
#filter .filter_tag button {
  background: transparent;
  border: none;
  padding: 15px 50px;
  border-radius: 40px;
  background: #ddd;
  color: #333;
  margin: 0 10px;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
}
#filter .filter_tag button.bt_6 {
  background: #97bf0d;
  color: #fff;
}
#filter .filter_tag button.bt_5 {
  background: #0081c7;
  color: #fff;
}
#filter .filter_tag button.bt_4 {
  background: #af418e;
  color: #fff;
}
#filter .filter_tag button:hover,
#filter .filter_tag button.active {
  background: #eee;
  color: #000;
}

#filter .filter_tag a {
  background: transparent;
  font-size: 14px;
  border: none;
  display: inline-block;
  padding: 15px 25px;
  border-radius: 40px;
  background: #ddd;
  color: #333;
  margin: 0 10px;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
}
#filter .filter_tag a.bt_6 {
  background: #97bf0d;
  color: #fff;
}
#filter .filter_tag a.bt_5 {
  background: #0081c7;
  color: #fff;
}
#filter .filter_tag a.bt_4 {
  background: #af418e;
  color: #fff;
}
#filter .filter_tag a:hover,
#filter .filter_tag a.active {
  background: #eee;
  color: #000;
}

/* c text */
.c_text {
  padding-top: 75px;
  padding-bottom: 75px;
}
.c_text h2 {
  font-family: "Staatliches", cursive;
  font-size: 50px;
  color: #000;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 30px;
}
.c_text h2 span {
  color: #f0f0f0;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 48px;
}
.c_text h2.no_subtitle::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_purple.svg")
    no-repeat center center;
}

.c_text h2.has_subtitle {
  padding-bottom: 0;
  margin-bottom: 25px;
}
.c_text p.subtitle {
  position: relative;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 50px;
}
.c_text p.subtitle::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_purple.svg")
    no-repeat center center;
}

.c_text ul {
  padding-left: 10px;
}
.c_text ul li {
}
/*.c_text ul li::before { content:" "; margin-right:10px; background:transparent url("../images/interface/ico_news_next_h.png") no-repeat center center;  width:16px; height:11px; display:inline-block;}*/

.c_text .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 300px;
  z-index: 50;
  border-radius: 50px;
}
.c_text .gallery_slider {
  position: relative;
}
.c_text .gallery_slider img {
  border-radius: 50px;
}
.c_text .gallery_slider a {
  display: block;
}
.c_text .gallery_slider::after {
  width: 340px;
  height: 40px;
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -270px;
  background: #98bf0e;
}

.c_text .gallery_slider.has_logo {
  margin-top: 50px;
}
.c_text .img_l .gallery_slider.has_logo {
  text-align: right;
}
.c_text .gallery_slider.has_logo img {
  max-width: 600px;
}
.c_text .gallery_slider.has_logo::after {
  display: none;
}
.c_text .img_r .logo {
  left: auto;
  right: 0;
}

.c_text .gallery_slider .owl-dots {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  background: transparent url("../images/interface/bg_banner_dots.png")
    no-repeat left center;
  height: 40px;
  text-align: right;
  padding: 10px 10px 10px 60px;
}
.c_text .gallery_slider .owl-dots .owl-dot {
  outline: none;
}
.c_text .gallery_slider .owl-dots .owl-dot span {
  background: #af408d;
  transition: all 0.2s ease;
}
.c_text .gallery_slider .owl-dots .owl-dot:hover span {
  background: transparent;
  border: 2px solid #af408d;
}
.c_text .gallery_slider .owl-dots .owl-dot.active span {
  background: transparent;
  border: 2px solid #af408d;
}
.c_text .gallery_slider .owl-nav.disabled + .owl-dots {
  margin: 0;
}

.c_text .text {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.c_text .text_l {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 25px;
}
.c_text .text_r {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 25px;
}

.p_text.even::after {
  content: "";
  width: 90px;
  height: 80px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -90px;
  background: transparent url("../images/interface/triangle.svg") no-repeat
    center center;
}
.p_text.odd::before {
  content: "";
  width: 90px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 0;
  background: transparent url("../images/interface/square.png") no-repeat center
    center;
}

#p_68 .p_text.even::after {
  display: none;
}
#p_68 .p_text.odd::before {
  display: none;
}

/* paragraph bloc listing */
.bloc_listing_c {
  background: transparent url("../images/interface/bg_bloc_listing.png")
    no-repeat bottom center;
  margin-bottom: 50px;
}
.bloc_listing_c .bt_all {
  margin-top: 50px;
  margin-left: 15px;
}
.bloc_listing_c h2::after {
  content: "";
  width: 90px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent url("../images/interface/h2_title_purple.svg")
    no-repeat center center;
}
.bloc_listing_c h3 {
  min-height: 50px;
  position: relative;
  color: #000;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 30px;
}
.bloc_listing_c .no_title {
  min-height: 50px;
}
.bloc_listing_c .item {
  border-bottom: 1px solid #000;
  padding-top: 25px;
  padding-bottom: 25px;
}
.bloc_listing_c .item {
  border-bottom: 1px solid #000;
  padding-top: 25px;
  padding-bottom: 25px;
}
.bloc_listing_c .item .link {
  display: flex;
  justify-content: end;
  align-items: center;
}
.bloc_listing_c .item a {
  text-indent: -8000em;
  display: block;
  background: transparent url("../images/interface/arrow_right.svg") no-repeat
    center center;
  width: 71px;
  height: 15px;
  padding: 0;
  margin: 0;
}

/* paragraph accordeon */
.c_accordeon {
  padding-top: 25px;
  padding-bottom: 25px;
}
.text_accordeon .inside {
  border-bottom: none;
}
.text_accordeon h3 {
  background: #b0418e;
  border-radius: 5px;
  padding: 15px 25px;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
  margin-bottom: 2px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.text_accordeon h3::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  height: 24px;
  width: 24px;
  margin: -12px 0 0 0;
  background: transparent url("../images/interface/plus.svg") no-repeat center
    center;
}
.text_accordeon h3:hover {
  background: #b0418e;
}
.text_accordeon h3:hover::before {
  background: transparent url("../images/interface/plus_h.svg") no-repeat center
    center;
}
.text_accordeon h3.active {
  background: #b0418e;
}
.text_accordeon h3.active::before {
  background: transparent url("../images/interface/minus_h.svg") no-repeat
    center center;
}
.text_accordeon .text {
  padding: 25px;
}

/* paragraph gallery */
.gallery_c {
  padding: 25px 0 0 0;
  text-align: center;
}
.gallery_c a {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 25px;
}
.gallery_c a img {
  border-radius: 25px;
}

/* paragraph document */
.document_c {
  padding: 25px 0;
}

/* paragraph video */
.video_c {
  padding: 25px 0;
}
.video_c a {
  display: inline-block;
  width: 100%;
  min-height: 350px;
}
.video_c a .bg_video {
  background-color: transparent;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: radial-gradient(circle closest-side, #000, transparent);
  opacity: 0.5;
}
.video_c a .ico_play {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -37.5px 0 0 -37.5px;
  background: transparent url("../images/interface/bt_play.png") no-repeat
    center center;
  transition: all 0.2s ease;
  z-index: 10;
  border: 2px solid #fff;
  border-radius: 50px;
}
.video_c a:hover .ico_play {
  background-color: #18bdd1;
  border: 2px solid #18bdd1;
}

/* paragraph chiffres */
.slide_chiffres {
  padding-top: 25px;
  padding-bottom: 25px;
}
.slide_chiffres .figures {
  margin-bottom: 50px;
}
.slide_chiffres .figures .inside {
  padding: 25px 25px 25px 25px;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.slide_chiffres .figures .count_b {
  text-align: center;
  color: #fff;
}
.slide_chiffres .figures .count {
  color: #b0418e;
  font-weight: 700;
  font-size: 80px;
  line-height: 80px;
}
.slide_chiffres .figures .count_type {
  color: #b0418e;
  font-weight: 700;
  font-size: 80px;
  line-height: 80px;
}
.slide_chiffres .figures .count_type.count_type_3::after {
  content: "K";
}
.slide_chiffres .figures .count_type.count_type_2::after {
  content: "%";
}
.slide_chiffres .figures .count_text {
  width: 100%;
  margin-top: 0;
  font-weight: 300;
  color: #b0418e;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}

/* paragraph separation */
.sep_c {
  margin-bottom: 7vh;
  margin-top: 7vh;
  height: 10px;
  position: relative;
}
.sep_c::before {
  content: "";
  position: absolute;
  height: 3px;
  width: 100px;
  top: 0;
  left: 50%;
  margin-left: -50px;
  background: #98bf0e;
}

/* paragraph anchor */
.anchor_b {
  margin-bottom: 75px;
}

/* paragraph document priv? */
.list_document {
  margin-bottom: 50px;
}
.list_document .title {
  font-weight: 600;
  font-size: 24px;
}
.list_document ul.doc_private {
  margin: 0;
  padding: 0;
}
.list_document ul.doc_private li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
.list_document ul.doc_private li a {
  display: inline-block;
}

.list_document ul.lien_private {
  margin: 0;
  padding: 0;
}
.list_document ul.lien_private li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
.list_document ul.lien_private li a {
  display: inline-block;
}
.list_document ul.lien_private li a.bt {
  background: #0080c7 url("../images/interface/bt_plus_4.png") no-repeat right
    center;
}
.list_document ul.lien_private li a.bt:hover {
  background: #98bf0e url("../images/interface/bt_plus_4.png") no-repeat left
    center;
}

/* submenu anchor */
#submenu_anchor_c {
  transition: all 0.2s ease;
}
#submenu_anchor {
  margin-top: 50px;
  margin-bottom: 25px;
}
#submenu_anchor ul {
  margin: 0;
  padding: 0;
}
#submenu_anchor ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}
#submenu_anchor ul li a {
  display: inline-block;
  padding: 10px 25px;
  background: #fff;
  color: #aaa;
  border: 1px solid #aaa;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  transition: all 0.2s ease;
}
#submenu_anchor ul li a:hover {
  background: #98bf0e;
  color: #fff;
  border: 1px solid #98bf0e;
}

.has_sticky #content .text {
  transition: all 0.2s ease;
  padding-right: 400px;
}
.has_sticky #content .anchor_b {
  transition: all 0.2s ease;
  padding-right: 400px;
}

#submenu_anchor_fixed {
  display: none;
  opacity: 0;
  transition: all 0.2s ease;
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -200px;
  z-index: 50;
  background: #333333;
  width: 400px;
  padding: 25px;
}
#submenu_anchor_fixed.show {
  display: block;
  opacity: 1;
}

#submenu_anchor_fixed a.anchor_link {
  background: transparent;
  color: #fff;
  border: none;
  text-transform: none;
  padding-left: 20px;
  position: relative;
  display: inline-block;
}
#submenu_anchor_fixed a.anchor_link:hover {
  background: transparent;
  color: #98bf0e;
  border: none;
}
#submenu_anchor_fixed a.anchor_link::before {
  content: "";
  position: absolute;
  height: 7px;
  width: 7px;
  top: 0;
  margin-top: 5px;
  left: 0;
  border-radius: 25px;
  background: #98bf0e;
}

#submenu_anchor_fixed p.anchor_1 {
  margin-bottom: 0;
}
#submenu_anchor_fixed p.anchor_1 a.anchor_link {
  font-weight: 600;
}

#submenu_anchor_fixed p.anchor_2 {
  margin-bottom: 0;
  line-height: 20px;
}
#submenu_anchor_fixed p.anchor_2 a.anchor_link {
  padding-left: 30px;
  font-size: 14px;
}
#submenu_anchor_fixed p.anchor_2 a.anchor_link::before {
  content: "-";
  border-radius: 0;
  background: transparent;
  padding-left: 15px;
  margin-top: -4px;
}

#submenu_anchor_fixed .sep {
  margin-bottom: 25px;
}

.node-4089 .bt_logout {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding: 10px 25px;
  background: #0056b3;
  color: #fff;
}

/*
#submenu_anchor_fixed #submenu_anchor_c #submenu_anchor { margin-bottom:15px; margin-top:0;     }

#submenu_anchor_fixed #submenu_anchor_c .introduction { display:none;   }
#submenu_anchor_fixed #submenu_anchor_c .description p a.bt { display:block; width:100%; background:#98bf0e; text-transform:none; font-size:15px; line-height:18px; border-radius:0;  }
#submenu_anchor_fixed #submenu_anchor_c ul li { margin-bottom:0; }
#submenu_anchor_fixed #submenu_anchor_c ul a { background:transparent; color:#fff; border:none; text-transform:none; padding-left:20px; position:relative;  }
#submenu_anchor_fixed #submenu_anchor_c ul a:hover { background:transparent;color:#98bf0e; border:none;  }
#submenu_anchor_fixed #submenu_anchor_c ul a::before { content:""; position:absolute; height:7px; width:7px; top:0; margin-top:15px;  left:0; border-radius:25px; background:#98bf0e;   }
*/
#webform_confirmation {
  margin-top: 200px;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

/* pager */
.pager {
  display: block;
  width: 100%;
  margin-top: 50px;
}

.pager ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.pager ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  margin: 0 5px;
}
.pager ul li.pager__item--first {
  display: none;
}
.pager ul li.pager__item--last {
  display: none;
}
.pager ul li a {
  padding: 15px 10px;
  display: inline-block;
  background: #fff;
  min-width: 50px;
  min-height: 50px;
  color: #4a3c33;
  transition: all 0.2s ease;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.pager ul li a:hover {
  background: #0081c7;
  color: #fff;
}
.pager ul li.is-active a {
  background: #0081c7;
  color: #fff;
}

.calameo_slide iframe {
  width: 100%;
  min-height: 800px;
}

.form-actions.loading {
  height: 100px;
  position: relative;
}
.form-actions.loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url("../images/interface/loader.gif") no-repeat center
    center;
  height: 50px;
  width: 50px;
}
.form-actions.loading input {
  display: none !important;
}

/*******************************/
/* Responsive */
@media (max-width: 767px) {
  #toolbar-administration {
    display: none;
  }
  #menu_tasks {
    display: none;
  }
  body {
    padding-top: 70px !important;
  }
  body.toolbar-tray-open {
    padding-top: 0 !important;
  }
  body.toolbar-tray-open #header_c {
    top: 0 !important;
  }
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin: 0 !important;
  }

  p,
  ul li,
  ol li {
    font-size: 15px;
    line-height: 20px;
  }

  body.sticky #header_c {
    top: 0;
  }
  body.sticky #header_c #menu_principal {
    margin-top: 0;
  }
  body.sticky.toolbar-tray-open #header_c {
    top: 0;
  }
  body.sticky.toolbar-tray-open #header_c #menu_principal {
    margin-top: 0;
  }

  h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0;
  }
  h3 {
    font-size: 20px;
    margin-top: 0;
  }
  a.bt {
    display: inline-block;
    width: 100%;
  }

  .navbar-toggle {
    display: block;
    float: right;
  }
  .collapse:not(.show) {
    display: none;
  }
  .navbar-collapse {
    display: none;
  }
  .navbar-collapse.show {
    display: block;
  }

  .navbar-brand,
  .navbar-brand:focus {
    height: 110px;
    width: 100%;
    background: transparent url("../images/interface/logo_mobile.jpg") no-repeat
      center center;
    background-size: 25%;
  }
  .navbar-toggler,
  .navbar-toggler :focus {
    position: absolute;
    height: 110px;
    width: 70px;
    top: 0;
    right: auto;
    left: 0;
    background: transparent url("../images/interface/menu_b.png") no-repeat
      center center;
  }

  #menu_c {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 8000;
  }
  #ud_content {
    transition: all 0.2s ease;
    position: relative;
    width: 100%;
    left: 0;
    flex-direction: column;
    height: 100%;
    background: transparent url("../images/interface/bg_mobile_menu.png")
      no-repeat center center / cover;
    z-index: 5000;
    top: 0;
    opacity: 0.98;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .close_bt {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -39px;
    height: 78px;
    width: 78px;
    text-indent: -8000em;
    background: transparent url("../images/interface/close_bt.svg") no-repeat
      center center;
  }

  #menu_principal {
    margin: 0;
    background: #fff;
  }
  #menu_principal ul {
    margin: 0 !important;
  }
  #menu_principal ul li {
    margin: 0;
  }
  #menu_principal ul li a {
    transition: all 0.2s ease;
    font-size: 45px;
    line-height: 50px;
    border-bottom: 0;
    font-family: "Staatliches", cursive;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
  #menu_principal ul li a:hover {
    color: #000;
    text-shadow: none;
    border-bottom: 0;
  }
  #menu_principal ul li.active a {
    color: #000;
    text-shadow: none;
    border-bottom: 0;
  }

  #menu_secondaire_bis {
    position: relative;
    display: block;
  }
  #menu_secondaire_bis ul {
    margin: 0;
  }
  #menu_secondaire_bis ul li {
    margin: 0 0 15px 0;
    display: block;
  }
  #menu_secondaire_bis ul li.connect {
    margin: 0;
  }
  #menu_secondaire_bis ul li a {
    margin: 0;
    font-family: "Roboto", sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    text-shadow: none;
    display: block;
  }
  #menu_secondaire_bis ul li a::before {
    display: none;
  }

  #menu_secondaire {
    display: none;
  }

  .mobile_sticky #header_c {
    width: 90%;
    left: 5%;
    top: 25px !important;
    height: 75px;
    border-radius: 50px;
    padding: 0 25px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  }
  .mobile_sticky.toolbar-tray-open #header_c {
    top: 25px !important;
  }
  .mobile_sticky #header_c .navbar-brand {
    display: none;
  }
  .mobile_sticky #header_c .navbar-toggler {
    height: 75px;
    width: 50px;
  }
  .mobile_sticky #header_c #menu_secondaire {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    right: auto;
  }
  .mobile_sticky #header_c #menu_secondaire li.phone {
    display: none;
  }
  .mobile_sticky #header_c #menu_secondaire li.phone {
    display: none;
  }
  .mobile_sticky #header_c #menu_secondaire li.adhesion {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    text-align: center;
  }
  .mobile_sticky #header_c #menu_secondaire li.adhesion a {
    padding: 15px 50px;
  }
  .mobile_sticky #header_c #menu_secondaire li.connect {
    height: 35px;
    width: 35px;
    position: absolute;
    right: 15px;
    top: 20px;
  }
  .mobile_sticky #header_c #menu_secondaire li.connect a {
    background: transparent url("../images/interface/connect.svg") no-repeat
      center center / contain;
    padding: 0;
    height: 35px;
    width: 35px;
    text-indent: -8000em;
    text-align: left;
  }
  .mobile_sticky #header_c #menu_secondaire li.connect a::before {
    display: none;
  }

  #banner_c .owl-theme .owl-dots {
    position: relative;
  }

  .slide {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .slide h2.title {
    padding-bottom: 0;
  }
  .slide h2.title::after {
    display: none;
  }

  #news_c {
    padding: 75px 15px 300px 15px;
  }
  #news_c::before {
    display: none;
  }
  #news_c::after {
    margin-left: -100px;
  }
  #news_c .text {
    display: none !important;
  }
  #news_c .item {
    padding-left: 0;
    padding-right: 0;
    min-height: auto;
  }
  #news_c .item a.bt {
    background: transparent;
    position: relative;
    color: #000;
    padding: 0;
    display: none !important;
  }
  #news_c .item .img {
    min-height: 200px;
  }

  #news_c .owl-theme .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -80px;
    margin-right: -20px;
  }
  #news_c .owl-nav button {
    width: 30px;
    height: 30px;
    outline: none;
  }
  #news_c .owl-nav button span {
    display: none;
  }
  #news_c .owl-nav button.owl-next {
    background: transparent url("../images/interface/arrow_r.png") no-repeat
      center center / cover;
  }
  #news_c .owl-nav button.owl-next:hover {
    background: transparent url("../images/interface/arrow_r1.png") no-repeat
      center center / cover;
  }
  #news_c .owl-nav button.owl-prev {
    background: transparent url("../images/interface/arrow_l.png") no-repeat
      center center / cover;
  }
  #news_c .owl-nav button.owl-prev:hover {
    background: transparent url("../images/interface/arrow_l1.png") no-repeat
      center center / cover;
  }

  #about_c {
    border-radius: 25px;
    padding-top: 75px;
    padding-bottom: 75px;
  }
  #about_c .img {
    border-radius: 25px;
    min-height: 50vh;
  }
  #about_c .img::after {
    display: none;
  }
  #about_c .text {
    padding: 25px;
  }
  #about_c .text::before {
    display: none;
  }

  #why_c {
    background: #fff;
    padding: 75px 25px;
  }
  #why_c::after {
    display: none;
  }
  #why_c.slide h2.title span {
    color: #fff;
  }
  #why_c .img {
    padding-top: 100px;
  }
  #why_c .img::before {
    display: none;
  }
  #why_c .img .item a {
    padding: 50px 15px 25px 15px;
    min-height: 225px;
  }

  #why_c .img .item a.bt1::before {
    content: "";
    position: absolute;
    width: 192px;
    height: 143px;
    top: 0;
    left: 50%;
    margin-left: -96px;
    margin-top: -83px;
    opacity: 0;
    transition: all 0.2s ease;
  }
  #why_c .img .item a.bt1::before {
    content: "";
    position: absolute;
    width: 192px;
    height: 143px;
    top: 0;
    left: 50%;
    margin-left: -96px;
    margin-top: -83px;
    opacity: 1;
    background: transparent url("../images/interface/why_img.svg") no-repeat
      center center;
  }

  #services_c {
    border-radius: 25px;
    padding: 75px 25px;
  }
  #services_c p.title {
    padding-bottom: 0;
  }
  #services_c p.title::after {
    display: none;
  }

  #services_slider .item .img {
    min-height: 150px;
    min-width: 150px;
    overflow: hidden;
  }

  #contact_c #map_c #map_all {
    min-height: 250px;
  }
  #contact_c #contact_f {
    padding: 50px 25px 0 25px;
  }

  #contact_c #contact_address {
    padding-top: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 450px;
  }
  #contact_c #contact_address::after {
    right: auto;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    background: transparent url("../images/interface/contact_img_xs.png")
      no-repeat center center;
  }

  #partner_c {
    padding: 75px 25px;
  }
  #partner_c::before {
    display: none;
  }
  #partner_c .owl-theme .owl-dots {
    position: relative;
    text-align: center;
    margin: 0;
    top: auto;
    padding-top: 25px;
  }

  #footer_c {
    background: #fff;
  }
  #footer_c .menu_secondaire {
    padding: 0 25px;
    margin-bottom: 25px;
  }
  #footer_c .menu_principal {
    padding: 0 25px;
    margin-bottom: 25px;
  }
  #footer_c .social {
    padding: 0 25px;
    margin-bottom: 25px;
  }
  #footer_c .newsletter {
    border-radius: 25px;
  }

  #footer_c .social .title {
    font-size: 24px;
  }

  #content_top {
    padding-top: 50px;
    margin-top: 50px;
  }
  #content {
    padding-top: 25px;
  }
  .c_text {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .p_text.even::before {
    display: none;
  }
  .p_text.even::after {
    display: none;
  }
  .p_text.odd::before {
    display: none;
  }
  .p_text.odd::after {
    display: none;
  }
  .c_text .gallery_slider::after {
    display: none;
  }

  .gallery_c {
    padding: 15px;
  }
  .gallery_c a img {
    border-radius: 50px;
  }

  .bloc_listing_c .item .link {
    justify-content: start;
  }

  .node-10 #content::before {
    display: none;
  }
  .node-10 #content_top .img {
    margin: 0 0 25px 0;
    min-height: 250px;
  }
  .node-10 #content_top::before {
    display: none;
  }

  #filter {
    text-align: center;
  }
  #filter .filter_tag {
    padding: 10px;
    background: none;
  }
  #filter .filter_tag::before {
    display: none;
  }
  #filter .filter_tag span {
    display: none;
  }
  #filter .filter_tag button {
    padding: 10px 15px;
    margin: 5px;
    font-size: 12px;
  }

  .node-article #content_top .img {
    margin: 0 0 25px 0;
    min-height: 250px;
  }
  .node-article #content_top .text {
    padding: 0 25px;
  }

  .c_text p.subtitle {
    padding-bottom: 0;
  }
  .c_text p.subtitle::after {
    display: none;
  }
  .c_text .text {
    padding: 0 15px;
  }
  .c_text .text_l {
    padding: 0 15px;
  }
  .c_text .text_r {
    padding: 0 15px;
  }

  .text_accordeon h3 {
    margin-bottom: 25px;
  }

  .c_text .logo {
    width: 200px;
    height: 150px;
  }
  .c_text .gallery_slider.has_logo img {
    max-width: 100%;
  }

  .document_c {
    padding: 25px 15px;
  }

  #content_top.news_page::before {
    display: none;
  }
  #content_top.news_page {
    margin-top: 0;
    padding-bottom: 25px;
  }
  #content_top.news_page .img {
    margin-bottom: 25px;
  }
  #content_top.news_page .img::before {
    display: none;
  }
  #filter .filter_tag a {
    width: 100%;
    margin-bottom: 15px;
  }
  #content.news_page::before {
    display: none;
  }

  table {
    width: 100% !important;
  }
  table colgroup {
    display: none;
  }
  table tr {
    display: block;
    width: 100% !important;
  }
  table tr td {
    display: inline-block;
    width: 100% !important;
    text-align: left !important;
    padding: 10px !important;
    height: auto !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
  }
  table tr td:first-child {
    background: #ccc !important;
    font-weight: bold !important;
  }

  #submenu_anchor ul li {
    display: block;
  }
  #submenu_anchor ul li a {
    display: block;
  }

  #content_top .text a.bt {
    width: 100%;
  }

  #submenu_anchor_c.sticky {
    position: relative;
    top: auto;
    width: auto;
    margin-top: 0;
    background: #fff;
    padding: 0;
  }
  a.bt {
    font-size: 13px;
  }

  .node-4089 .bt_logout {
    position: relative;
    margin-bottom: 50px;
  }
  .node-4089 #content_top h1 {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .node-4089 #content_top h1.no_subtitle::after {
    display: none;
  }

  .form .form-item-date-naissance label {
    width: 100%;
    margin-bottom: 10px;
  }
  .form .form-item-date-naissance input {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #toolbar-administration {
    display: none;
  }
  #menu_tasks {
    display: none;
  }
  body {
    padding-top: 70px !important;
  }
  body.toolbar-tray-open {
    padding-top: 0 !important;
  }
  body.toolbar-tray-open #header_c {
    top: 0 !important;
  }
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin: 0 !important;
  }

  p,
  ul li,
  ol li {
    font-size: 15px;
    line-height: 20px;
  }

  body.sticky #header_c {
    top: 0;
  }
  body.sticky #header_c #menu_principal {
    margin-top: 0;
  }
  body.sticky.toolbar-tray-open #header_c {
    top: 0;
  }
  body.sticky.toolbar-tray-open #header_c #menu_principal {
    margin-top: 0;
  }

  h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0;
  }
  h3 {
    font-size: 20px;
    margin-top: 0;
  }
  a.bt {
    display: inline-block;
    width: 100%;
  }

  .navbar-toggle {
    display: block;
    float: right;
  }
  .collapse:not(.show) {
    display: none;
  }
  .navbar-collapse {
    display: none;
  }
  .navbar-collapse.show {
    display: block;
  }

  .navbar-brand,
  .navbar-brand:focus {
    height: 110px;
    width: 100%;
    background: transparent url("../images/interface/logo_mobile.jpg") no-repeat
      center center;
    background-size: 20%;
  }
  .navbar-toggler,
  .navbar-toggler :focus {
    position: absolute;
    height: 110px;
    width: 70px;
    top: 0;
    background: transparent url("../images/interface/menu_b.png") no-repeat
      center center;
  }

  #menu_c {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 8000;
  }
  #ud_content {
    transition: all 0.2s ease;
    position: relative;
    width: 100%;
    left: 0;
    flex-direction: column;
    height: 100%;
    background: transparent url("../images/interface/bg_mobile_menu.png")
      no-repeat center center / cover;
    z-index: 5000;
    top: 0;
    opacity: 0.98;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .close_bt {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -39px;
    height: 78px;
    width: 78px;
    text-indent: -8000em;
    background: transparent url("../images/interface/close_bt.svg") no-repeat
      center center;
  }

  #menu_principal {
    margin: 0;
    background: #fff;
  }
  #menu_principal ul {
    margin: 0 !important;
  }
  #menu_principal ul li {
    margin: 0;
  }
  #menu_principal ul li a {
    transition: all 0.2s ease;
    font-size: 45px;
    line-height: 50px;
    border-bottom: 0;
    font-family: "Staatliches", cursive;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
  #menu_principal ul li a:hover {
    color: #000;
    text-shadow: none;
    border-bottom: 0;
  }
  #menu_principal ul li.active a {
    color: #000;
    text-shadow: none;
    border-bottom: 0;
  }

  #menu_secondaire_bis {
    position: relative;
    display: block;
  }
  #menu_secondaire_bis ul {
    margin: 0;
  }
  #menu_secondaire_bis ul li {
    margin: 0 0 15px 0;
    display: block;
  }
  #menu_secondaire_bis ul li.connect {
    margin: 0;
  }
  #menu_secondaire_bis ul li a {
    margin: 0;
    font-family: "Roboto", sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    text-shadow: none;
    display: block;
  }
  #menu_secondaire_bis ul li a::before {
    display: none;
  }

  #menu_secondaire {
    display: none;
  }

  .navbar-toggler {
    right: auto;
    left: 0;
  }
  .mobile_sticky #header_c {
    width: 90%;
    left: 5%;
    top: 25px !important;
    height: 75px;
    border-radius: 50px;
    padding: 0 25px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  }
  .mobile_sticky.toolbar-tray-open #header_c {
    top: 25px !important;
  }
  .mobile_sticky #header_c .navbar-brand {
    display: none;
  }
  .mobile_sticky #header_c .navbar-toggler {
    height: 75px;
  }
  .mobile_sticky #header_c #menu_secondaire {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    right: auto;
  }
  .mobile_sticky #header_c #menu_secondaire li.phone {
    display: none;
  }
  .mobile_sticky #header_c #menu_secondaire li.phone {
    display: none;
  }
  .mobile_sticky #header_c #menu_secondaire li.adhesion {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    text-align: center;
  }
  .mobile_sticky #header_c #menu_secondaire li.adhesion a {
    padding: 15px 50px;
  }
  .mobile_sticky #header_c #menu_secondaire li.connect {
    height: 35px;
    width: 35px;
    position: absolute;
    right: 15px;
    top: 20px;
  }
  .mobile_sticky #header_c #menu_secondaire li.connect a {
    background: transparent url("../images/interface/connect.svg") no-repeat
      center center / contain;
    padding: 0;
    height: 35px;
    width: 35px;
    text-indent: -8000em;
    text-align: left;
  }
  .mobile_sticky #header_c #menu_secondaire li.connect a::before {
    display: none;
  }

  #banner_c .owl-theme .owl-dots {
    position: relative;
  }

  .slide {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .slide h2.title {
    padding-bottom: 0;
  }
  .slide h2.title::after {
    display: none;
  }

  #news_c {
    padding: 75px 15px 300px 15px;
  }
  #news_c::before {
    display: none;
  }
  #news_c::after {
    margin-left: -100px;
  }
  #news_c .text {
    display: none !important;
  }
  #news_c .item {
    min-height: auto;
  }
  #news_c .item a.bt {
    background: transparent;
    position: relative;
    color: #000;
    padding: 0;
    display: none !important;
  }

  #news_c .owl-theme .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -95px;
    margin-right: 15px;
  }
  #news_c .owl-nav button {
    width: 57px;
    height: 57px;
    outline: none;
  }
  #news_c .owl-nav button span {
    display: none;
  }
  #news_c .owl-nav button.owl-next {
    background: transparent url("../images/interface/arrow_r.png") no-repeat
      center center;
  }
  #news_c .owl-nav button.owl-next:hover {
    background: transparent url("../images/interface/arrow_r1.png") no-repeat
      center center;
  }
  #news_c .owl-nav button.owl-prev {
    background: transparent url("../images/interface/arrow_l.png") no-repeat
      center center;
  }
  #news_c .owl-nav button.owl-prev:hover {
    background: transparent url("../images/interface/arrow_l1.png") no-repeat
      center center;
  }

  #about_c {
    border-radius: 25px;
    padding-top: 75px;
  }
  #about_c .img {
    border-radius: 25px;
    min-height: 50vh;
  }
  #about_c .img::after {
    display: none;
  }
  #about_c .text {
    padding: 25px;
  }
  #about_c .text::before {
    display: none;
  }

  #why_c {
    background: #fff;
    padding: 75px 15px;
  }
  #why_c::after {
    display: none;
  }
  #why_c.slide h2.title span {
    color: #fff;
  }
  #why_c .img {
    padding-top: 100px;
  }
  #why_c .img::before {
    display: none;
  }
  #why_c .img .item a {
    padding: 60px 25px;
  }

  #why_c .img .item a.bt1::before {
    content: "";
    position: absolute;
    width: 192px;
    height: 143px;
    top: 0;
    left: 50%;
    margin-left: -96px;
    margin-top: -83px;
    opacity: 0;
    transition: all 0.2s ease;
  }
  #why_c .img .item a.bt1::before {
    content: "";
    position: absolute;
    width: 192px;
    height: 143px;
    top: 0;
    left: 50%;
    margin-left: -96px;
    margin-top: -83px;
    opacity: 1;
    background: transparent url("../images/interface/why_img.svg") no-repeat
      center center;
  }

  #services_c {
    border-radius: 25px;
    padding: 75px 15px;
  }
  #services_c p.title {
    padding-bottom: 0;
  }
  #services_c p.title::after {
    display: none;
  }

  #services_slider .item .img {
    min-height: 150px;
    min-width: 150px;
    overflow: hidden;
  }

  #contact_c #map_c #map_all {
    min-height: 250px;
  }
  #contact_c #contact_f {
    padding: 50px 15px 0 15px;
  }

  #contact_c #contact_address {
    padding-top: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 450px;
  }
  #contact_c #contact_address::after {
    right: auto;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    background: transparent url("../images/interface/contact_img_xs.png")
      no-repeat center center;
  }

  #partner_c {
    padding: 75px 15px;
  }
  #partner_c::before {
    display: none;
  }
  #partner_c .owl-theme .owl-dots {
    position: relative;
    text-align: center;
    margin: 0;
    top: auto;
    padding-top: 25px;
  }

  #footer_c {
    background: #fff;
  }
  #footer_c .menu_secondaire {
    padding: 0 25px;
    margin-bottom: 25px;
  }
  #footer_c .menu_principal {
    padding: 0 25px;
    margin-bottom: 25px;
  }
  #footer_c .social {
    padding: 0 25px;
    margin-bottom: 25px;
  }
  #footer_c .newsletter {
    border-radius: 25px;
  }

  .c_text {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .p_text.even::before {
    display: none;
  }
  .p_text.even::after {
    display: none;
  }
  .p_text.odd::before {
    display: none;
  }
  .p_text.odd::after {
    display: none;
  }
  .c_text .gallery_slider::after {
    display: none;
  }

  .gallery_c {
    padding: 15px;
  }
  .gallery_c a img {
    border-radius: 30px;
  }

  .bloc_listing_c {
    background: transparent;
  }
  .bloc_listing_c .item .link {
    justify-content: start;
  }

  #content_top {
    padding-top: 50px;
  }
  .node-10 #content_top .img {
    margin: 0 0 25px 0;
    min-height: 250px;
  }
  .node-10 #content_top::before {
    display: none;
  }

  #filter {
    text-align: center;
  }
  #filter .filter_tag {
    padding: 10px;
  }
  #filter .filter_tag::before {
    display: none;
  }
  #filter .filter_tag span {
    display: none;
  }
  #filter .filter_tag button {
    padding: 10px 15px;
    margin: 5px;
    font-size: 12px;
  }

  .node-article #content_top .img {
    margin: 0 0 25px 0;
    min-height: 250px;
  }
  .node-article #content_top .text {
    padding: 0 25px;
  }

  .c_text p.subtitle {
    padding-bottom: 0;
  }
  .c_text p.subtitle::after {
    display: none;
  }
  .c_text .text {
    padding: 0 15px;
  }
  .c_text .text_l {
    padding: 0 15px;
  }
  .c_text .text_r {
    padding: 0 15px;
  }

  .text_accordeon h3 {
    margin-bottom: 25px;
  }

  .c_text .logo {
    width: 200px;
    height: 150px;
  }
  .c_text .gallery_slider.has_logo img {
    max-width: 100%;
  }

  .document_c {
    padding: 25px 15px;
  }
  #content_top.news_page::before {
    display: none;
  }
  #content_top.news_page {
    margin-top: 0;
    padding-bottom: 25px;
  }
  #content_top.news_page .img {
    margin-bottom: 25px;
  }
  #content_top.news_page .img::before {
    display: none;
  }
  #filter .filter_tag a {
    width: 100%;
    margin: 5px 0;
  }
  #content.news_page {
    padding-top: 50px;
  }
  #content.news_page::before {
    display: none;
  }
  #submenu_anchor ul li {
    display: block;
  }
  #submenu_anchor ul li a {
    display: block;
  }

  #content_top .text a.bt {
    width: 100%;
  }

  #submenu_anchor_c.sticky {
    position: relative;
    top: auto;
    width: auto;
    margin-top: 0;
    background: #fff;
    padding: 0;
  }
  a.bt {
    font-size: 13px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #header_c {
  }
  #header_c .container {
    position: relative;
  }

  #header_c .navbar {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #menu_principal {
  }
  #menu_principal ul {
    text-align: left;
    justify-content: flex-start;
  }
  #menu_principal ul li a {
    font-size: 14px;
    padding: 43px 10px;
  }

  #menu_secondaire ul {
    display: flex;
  }
  #menu_secondaire ul li {
    padding: 0;
  }
  #menu_secondaire ul li.adhesion a {
    padding: 5px 10px;
    font-size: 14px;
  }
  #menu_secondaire ul li.connect a::before {
    display: none;
  }
  #menu_secondaire ul li.phone a::before {
    display: none;
  }
  #menu_secondaire ul li.phone a {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 10px;
    text-indent: -8000em;
    text-align: left;
    background: transparent url("../images/interface/phone.svg") no-repeat
      center center;
  }
  #menu_secondaire ul li.connect a {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 10px;
    text-indent: -8000em;
    text-align: left;
    background: transparent url("../images/interface/connect.svg") no-repeat
      center center;
  }

  body.sticky #menu_principal ul li a {
    padding: 23px 10px;
    font-size: 14px;
  }
  body.sticky #header_c #menu_secondaire ul li.adhesion a {
    padding: 5px 10px;
    font-size: 14px;
  }

  #banner_c .owl-theme .owl-dots {
    position: relative;
  }

  #about_c .text {
    padding: 0 25px;
  }
  #about_c .text::before {
    display: none;
  }
  #about_c .img {
    min-height: 50vh;
    margin-bottom: 25px;
  }
  #about_c .img::after {
    display: none;
  }

  #map_c {
    margin-bottom: 50px;
  }
  #contact_c #map_c #map_all {
    min-height: 250px;
  }
  #contact_c #contact_f {
    padding: 0 25px;
    margin-bottom: 25px;
  }

  .c_text {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .p_text.even::before {
    display: none;
  }
  .p_text.even::after {
    display: none;
  }
  .p_text.odd::before {
    display: none;
  }
  .p_text.odd::after {
    display: none;
  }
  .c_text .gallery_slider::after {
    display: none;
  }

  .gallery_c {
    padding: 15px;
  }
  .gallery_c a img {
    border-radius: 30px;
  }

  .bloc_listing_c {
    background: transparent;
  }
  .bloc_listing_c .item .link {
    justify-content: start;
  }

  #content_top {
    padding-top: 50px;
  }
  .node-10 #content_top .img {
    margin: 0 0 25px 0;
    min-height: 250px;
  }
  .node-10 #content_top::before {
    display: none;
  }

  #filter {
    text-align: center;
  }
  #filter .filter_tag {
    padding: 10px;
  }
  #filter .filter_tag::before {
    display: none;
  }
  #filter .filter_tag span {
    display: none;
  }
  #filter .filter_tag button {
    padding: 10px 15px;
    margin: 5px;
    font-size: 12px;
  }

  .node-article #content_top .img {
    margin: 0 0 25px 0;
    min-height: 250px;
  }
  .node-article #content_top .text {
    padding: 0 25px;
  }

  .c_text p.subtitle {
    padding-bottom: 0;
  }
  .c_text p.subtitle::after {
    display: none;
  }
  .c_text .text {
    padding: 0 15px;
  }
  .c_text .text_l {
    padding: 0 15px;
  }
  .c_text .text_r {
    padding: 0 15px;
  }

  .text_accordeon h3 {
    margin-bottom: 25px;
  }

  .c_text .logo {
    width: 200px;
    height: 150px;
  }
  .c_text .gallery_slider.has_logo img {
    max-width: 100%;
  }

  .document_c {
    padding: 25px 15px;
  }

  #filter .filter_tag a {
    padding: 10px 25px;
  }

  #news_c::after {
    left: auto;
    right: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .container {
    max-width: 1150px;
  }
  #header_c {
  }
  #menu_principal ul li a {
    font-size: 14px;
    padding: 43px 10px;
  }
  #menu_secondaire ul {
    display: flex;
  }
  #menu_secondaire ul li {
    padding: 0;
  }
  #menu_secondaire ul li.adhesion a {
    padding: 5px 10px;
    font-size: 14px;
  }
  #menu_secondaire ul li.connect a::before {
    display: none;
  }
  #menu_secondaire ul li.phone a::before {
    display: none;
  }
  #menu_secondaire ul li.phone a {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 10px;
    text-indent: -8000em;
    text-align: left;
    background: transparent url("../images/interface/phone.svg") no-repeat
      center center;
  }
  #menu_secondaire ul li.connect a {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 10px;
    text-indent: -8000em;
    text-align: left;
    background: transparent url("../images/interface/connect.svg") no-repeat
      center center;
  }

  body.sticky #menu_principal ul li a {
    padding: 26px 10px;
    font-size: 14px;
  }
  body.sticky #header_c #menu_secondaire ul li.adhesion a {
    padding: 5px 10px;
    font-size: 14px;
  }

  #banner_c .owl-theme .owl-dots {
    position: relative;
  }

  #why_c .img .item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  /*#services_slider .item .img { min-height:150px; min-width:150px;  }
	#services_slider .item .img img{ height:100px; width:100px; margin:-50px 0 0 -50px;  }*/
  #contact_c #contact_f {
    padding: 50px;
  }

  .c_text .gallery_slider::after {
    margin-left: -170px;
  }

  #contact_c #map_c #map_all {
    min-height: 600px;
  }

  #filter {
    text-align: center;
  }
  #filter .filter_tag {
    padding: 10px;
  }
  #filter .filter_tag::before {
    display: none;
  }
  #filter .filter_tag span {
    display: none;
  }

  .node-article #content_top .img {
    margin: 0 0 25px 0;
    min-height: 250px;
  }
  .node-article #content_top .text {
    padding: 0 25px;
  }

  .c_text {
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .c_text p.subtitle {
    padding-bottom: 0;
  }
  .c_text p.subtitle::after {
    display: none;
  }
  .c_text .text {
    padding: 0 15px;
  }
  .c_text .text_l {
    padding: 0 15px;
  }
  .c_text .text_r {
    padding: 0 15px;
  }

  .text_accordeon h3 {
    margin-bottom: 25px;
  }

  .c_text .logo {
    width: 200px;
    height: 150px;
  }
  .c_text .gallery_slider.has_logo img {
    max-width: 100%;
  }

  .document_c {
    padding: 25px 15px;
  }

  #filter .filter_tag a {
    padding: 15px 35px;
  }
  #news_c::after {
    left: auto;
    right: 0;
  }
}

@media (min-width: 1500px) and (max-width: 1699px) {
  .container {
    max-width: 1450px;
  }
  #menu_principal ul li a {
    padding: 43px 15px;
  }
  #header_c {
  }
}

@media (min-width: 1700px) {
  .container {
    max-width: 1550px;
  }
  #header_c {
  }
}

.image-overlay {
  display: none;
}

.image-overlay-inside .before {
  display: none !important;
}

.image-overlay.overlay-type-extern .image-overlay-inside {
  display: none !important;
}

.image-overlay {
  background: none !important;
}

.image-overlay .image-overlay-inside:before {
  content: ?? !important;
}

.image-overlay-inside,
.image-overlay.overlay-type-extern {
  display: none;
}

/* CSS added 2019 */

/* CSS added 2019 */
#neos-wrapper {
  font-family: cambria;
  /* titre fond bleu */
  /*
    .button-blue1 {
        width:20px;
        height:20px;
        background-image: url("/wp-content/uploads/2019/02/carre-bleu-menu.jpg");
        display:inline-block;
        margin-left:-5px;
        margin-top:5px;

    } */
  /* titre rose */
  /* titre bleu sommaire */
  /* h4 modified */
}
#neos-wrapper button,
#neos-wrapper input,
#neos-wrapper select,
#neos-wrapper textarea {
  font-family: cambria;
}
#neos-wrapper .cadre-titre1 {
  border: 1px solid #00b0f0;
  background-color: #abe9ff;
  width: 100%;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
#neos-wrapper .cadre-titre2 {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 100%;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
#neos-wrapper .dv-p1 {
  float: left;
  width: 30%;
  margin-right: 5%;
}
#neos-wrapper .dv-p2 {
  float: left;
  width: 30%;
  margin-right: 5%;
}
#neos-wrapper .dv-p3 {
  width: 30%;
  float: left;
}
#neos-wrapper .case-vars-hd {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #0070c0;
}
#neos-wrapper .case-vars-hd2 {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  margin-top: 50%;
  color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #0070c0;
}
#neos-wrapper .case-vars-hd3 {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  margin-top: 30%;
  color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #0070c0;
}
#neos-wrapper .case-vars-hd4 {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #0070c0;
  width: 30%;
}
#neos-wrapper .case-vars {
  border: 1px solid #ccc;
  padding: 5px;
}
#neos-wrapper .case-title-color {
  font-weight: bold;
  color: #0070c0;
  font-size: 15px;
}
#neos-wrapper .case-title-color a {
  color: #0070c0 !important;
}
#neos-wrapper .case-title-blk {
  color: #000;
  font-style: italic;
  font-size: 13px;
}
#neos-wrapper .case-title-blk-brd {
  color: #000;
  font-style: italic;
  border: 1px solid #ccc;
  padding: 5px;
}
#neos-wrapper .row-full {
  position: relative;
  margin-top: 30px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
#neos-wrapper .case-vars-hd-2 {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin-top: 33%;
  color: #0070c0;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #9dd8ff;
}
#neos-wrapper .case-vars-hd-3 {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #0070c0;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #9dd8ff;
}
#neos-wrapper .case-to-bottom {
  position: absolute;
  bottom: 0;
}
#neos-wrapper .titre-pages {
  margin-top: 20px;
  margin-bottom: 30px;
  border: 1px solid #00b0f0;
  background-color: #0070c0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
}
#neos-wrapper .menu-principal-wrapper {
  display: block;
  margin-bottom: 20px;
}
#neos-wrapper .menu-principal1 {
  border: 1px solid #000;
  display: block;
  font-size: 12px;
  padding: 5px 10px;
  position: relative;
  margin-bottom: 10px;
  margin-top: 20px;
  width: 122px;
  text-align: center;
}
#neos-wrapper .menu-principal1:after {
  content: url("/wp-content/uploads/2019/02/carre-bleu-menu.jpg");
  position: absolute;
  right: -15px;
  top: 5px;
}
#neos-wrapper .menu-rapiographie1,
#neos-wrapper .menu-reduction1,
#neos-wrapper .menu-p2 {
  border: 1px solid #000;
  display: block;
  font-size: 12px;
  padding: 5px 10px;
  position: relative;
  margin-bottom: 10px;
  width: 122px;
  text-align: center;
}
#neos-wrapper .menu-na {
  border: 1px solid #000;
  display: block;
  font-size: 12px;
  padding: 5px 10px;
  position: relative;
  margin-bottom: 10px;
  width: 122px;
  text-align: center;
  color: #a0ef48;
}
#neos-wrapper .menu-na a {
  color: #a0ef48;
}
#neos-wrapper .menu-rapiographie1:after,
#neos-wrapper .menu-reduction1:after,
#neos-wrapper .menu-p2:after {
  content: url("/wp-content/uploads/2019/02/carre-p-menu.jpg");
  position: absolute;
  right: -15px;
  top: 5px;
}
#neos-wrapper .chapitres-ccam {
  border: 1px solid #000;
  display: block;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 20px;
  color: #0070c0;
  background-color: #9dd8ff;
  margin-bottom: 10px;
  width: 122px;
  text-align: center;
}
#neos-wrapper .titre-s1 {
  color: #ce46a1;
  border: 1px solid #ce46a1;
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 20px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}
#neos-wrapper .titre-s2 {
  margin-bottom: 20px;
  margin-top: 20px;
  color: #0082c7;
  font-weight: bold;
  font-size: 17px;
  text-transform: uppercase;
}
#neos-wrapper .titre-s3 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #0070c0;
  font-weight: bold;
  font-size: 17px;
}
#neos-wrapper .titre-s4 {
  margin-top: 30px;
  font-weight: bold;
  font-size: 17px;
  border-bottom: 1px solid #a0ef48;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#neos-wrapper .titre-s5 {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
#neos-wrapper .titre-s6 {
  border-bottom: 1px solid #a0ef48;
}
#neos-wrapper .menu-gauche {
  float: left;
  width: 20%;
}
#neos-wrapper .main-droite {
  width: 80%;
  float: right;
  margin-bottom: 10px;
}
@media screen and (max-width: 580px) {
  #neos-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 10px 0;
    /* table-layout: fixed; */
    /* Prevents HTML tables from becoming too wide */
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (max-width: 1150px) {
  #neos-wrapper .case-title-color a {
    font-size: 12px;
  }
  #neos-wrapper .menu-gauche {
    float: none;
    width: 100%;
  }
  #neos-wrapper .main-droite {
    width: 100%;
    float: none;
  }
}
#neos-wrapper .row-page {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-bottom: 80px;
}
#neos-wrapper .case-vars-hd2 a,
#neos-wrapper .case-vars-hd3 a,
#neos-wrapper .case-vars-hd4 a,
#neos-wrapper .case-vars-hd a {
  color: #fff !important;
}
#neos-wrapper .entry-title {
  display: none;
}
#neos-wrapper .pink-sentence {
  color: #ce46a1;
}
#neos-wrapper .green-words {
  color: #a0ef48;
}
#neos-wrapper .title-s5 {
  font-size: 15px;
  margin-bottom: 10px;
}
#neos-wrapper h4 {
  margin-top: 30px !important;
  margin-bottom: 20px !important;
  font-style: italic;
}
#neos-wrapper h5 {
  margin-top: 30px !important;
  margin-bottom: 20px !important;
  font-style: italic;
}
#neos-wrapper .titre-ml {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
#neos-wrapper tbody,
#neos-wrapper thead {
  vertical-align: top !important;
}
#neos-wrapper li {
  margin-left: 40px;
}
/*# sourceMappingURL=union.css.map */
.container {
  width: 100%;
}
.container .av-content-small.units {
  width: 73%;
}

.responsive .boxed#top,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency #header {
  width: 1310px;
  max-width: 90%;
}
.responsive .container {
  max-width: 1310px;
}

#top .main_color strong,
#top .alternate_color strong {
  color: #0080cf;
}

.node-espace_pro #content_top {
  min-height: 30vh;
}

table {
  width: 100%;
  margin-bottom: 50px;
}
table tbody {
  border-top: 0;
}
table td {
  padding: 10px;
  vertical-align: top;
}
table tr:nth-child(even) {
  background: #fff;
}

strong.vert {
  color: #0b8427 !important;
}
strong.rouge {
  color: #de0c20 !important;
}

@media screen and (max-width: 794px) {
  .widthfull {
    width: 100vw !important;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}