/*******************************/
/* Font Face */
/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-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-family: "Staatliches", cursive;
  color: #000;
  font-size: 50px;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

h2.no_dash {
  padding-bottom: 0;
  margin-bottom: 25px;
}
h2.no_dash::after {
  display:none
}

h2::after {
  content: "";
  width: 90px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #B14699;
}

h3 {
  font-size: 24px;
  margin-bottom: 15px;
  font-family: 'Roboto Slab';
  color: #000;
  text-transform: uppercase;
}

a {
  color: #B14699;
  transition: 0.2s;
}
a:hover {
  color: #85C94F;
  text-decoration: none;
}
a:focus {
  color: #85C94F;
  outline: none;
  text-decoration: none;
  background: none;
}

.bt, .cta {
  position: relative;
  font-family: "Roboto", sans-serif;
  padding: 15px 75px 15px 15px;
  margin-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  transition: 0.2s;
  background:#B14699;
  display:inline-block;
}
.bt::before, .cta::before {
  content:""; position:absolute; top:50%; right:0; height:25px; width:25px; margin:-12.5px 17.5px 0 0;
  background:transparent url("../images/interface/bt_plus.svg") no-repeat center center; z-index: 2;
  filter: invert(33%) sepia(44%) saturate(1211%) hue-rotate(267deg) brightness(98%) contrast(86%);
}
.bt::after, .cta::after {
  content:""; position:absolute; top:50%; right:15px; height:30px; width:30px;margin:-15px 0 0 0;
  background:#FFF;
  border-radius: 50px;
}
.bt:hover, .cta:hover {
  color: #fff;
  background: #85C94F;
  padding: 15px 75px 15px 15px;
}
.bt:hover::before, .cta:hover::before {
  height:18px; width:23px;
  background:transparent url("../images/interface/bt_arrow.svg") no-repeat center center / contain;  margin:-9px 18px 0 0;
  filter: invert(62%) sepia(92%) saturate(1107%) hue-rotate(30deg) brightness(100%) contrast(89%);
}

.bt.bt_blue, .cta.bt_blue {
  background-color: #0087CB;
}
.bt.bt_blue::before, .cta.bt_blue::before {
  filter: invert(38%) sepia(75%) saturate(2642%) hue-rotate(176deg) brightness(90%) contrast(102%);
}
.bt.bt_blue:hover, .cta.bt_blue:hover {
  background: #85C94F;
}
.bt.bt_blue:hover::before, .cta.bt_blue:hover::before {
  filter: invert(62%) sepia(92%) saturate(1107%) hue-rotate(30deg) brightness(100%) contrast(89%);
}


.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;
}
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;
}

#menu_tasks { display: none };

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

.messages__wrapper {
  text-align: center;
  background: #f0f0f0;
  padding: 25px;
}

#breadcrumb { display: none;}

/* 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: 0.2s;
  cursor: pointer;
  background: #85C94F;
  border: 1px solid #85C94F;
}
#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: #85C94F;
  padding: 10px 30px;
  border-radius: 25px;
  border: 1px solid #85C94F;
}
#profile #profile_log a:hover {
  background: #000;
  text-decoration: none;
  border: 1px solid #000;
}

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

#menu_principal {
  transition: 0.2s;
}
#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: 0.2s;
  border-bottom: 3px solid #fff;
  display: block;
  font-size: 15px;
  padding: 5px;
  line-height: 18px;
  font-family: "Roboto Slab", serif;
  color: #000;
  margin: 0 25px 0 0;
}
#menu_principal ul li a:hover,
#menu_principal ul li a.active,
#menu_principal ul li.menu_open a {
  border-bottom: 3px solid #B14699;
}
#menu_principal ul li.active a {
  border-bottom: 3px solid #B14699;
}
#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: #85C94F;
  color: #fff;
  padding-left: 35px;
}

#menu_secondaire {
  position: absolute;
  right: 0;
  height:100px;
}
#menu_secondaire ul {
  margin: 0;
  padding: 0;
  text-align: right;
  display: flex; align-items: center;
  height: 100%;
}
#menu_secondaire ul li {
  margin: 0;
  list-style-type: none;
  display: flex;
  padding: 0;
  height: 100%;
  align-items: center;
}
#menu_secondaire ul li a {
  display: flex;
  position: relative;
  text-align: center;
  padding: 5px 15px;
  flex-direction: column;
  align-items: center;
  line-height: 20px;
  transition: .2s;
}

#menu_secondaire ul li.phone { background-color:#eee; min-width: 75px;}
#menu_secondaire ul li.phone a { padding-left:75px; padding-right: 5px; height: 100%; flex-direction: inherit; font-weight: 600;}
#menu_secondaire ul li.phone a span { width: 0; opacity:0; transition:.2s;}
#menu_secondaire ul li.phone a::before { transition:.2s; content:""; position: absolute; height: 35px; width:35px; top:50%; margin-top: -17.5px; left:25px;  background: transparent url("../images/interface/header_phone.svg") no-repeat center center / cover }

#menu_secondaire ul li.phone a:hover { padding-right: 15px; padding-left:65px; color: #0087CB;}
#menu_secondaire ul li.phone a:hover span { width: auto; text-indent: 0; opacity:1; }
#menu_secondaire ul li.phone a:hover::before { height: 25px; width:25px; top:50%; margin-top: -12.5px; left:25px;  }


#menu_secondaire ul li.connect { background-color: #B14699; }
#menu_secondaire ul li.adhesion { background-color:#85C94F;}

#menu_secondaire ul li.adhesion:hover { background-color: #0087CB;}
#menu_secondaire ul li.connect:hover { background-color: #0087CB; }

#menu_secondaire ul li a span { width:100%; display: block; text-transform: uppercase;}
#menu_secondaire ul li a span.subtitle { font-size:13px}
#menu_secondaire ul li a span.title { font-weight: 600; font-size: 22px; }
#menu_secondaire ul li.adhesion a { color: #FFF;}
#menu_secondaire ul li.connect a { color: #FFF;}


#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: #B14699;
}
#menu_secondaire_bis ul li.adhesion a {
  padding: 15px 25px;
  border-radius: 50px;
  background: #85C94F;
  color: #fff;
}
#menu_secondaire_bis ul li.adhesion a:hover {
  background: #B14699;
}
#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: #B14699;
}

.close_bt {
  display: none;
}

.navbar-brand,
.navbar-brand:focus {
  transition: 0.2s;
  height: 80px;
  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_secondaire { height:75px;}

/* 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 / contain;
}
#error #menu_tasks {
  display: none;
}

/* footer */
#footer_c {
  background: #f0f0f0;
  transition: 0.2s;
  padding-top: 0;
  padding-bottom: 0;
}
#footer_c ul {
  padding: 0;
  margin: 0;
}
#footer_c ul li {
  padding: 0;
  margin: 0 0 5px 0;
  list-style-type: none;
}
#footer_c ul li a {
  color: #000;
  transition: 0.2s;
  font-size: 14px;
  position: relative;
  padding-left:15px;
}
#footer_c ul li a::before {
  content:""; position: absolute; bottom:2px; left:0; height: 5px; width:5px;
  background: #B14699;
}
#footer_c ul li a:hover {
  color: #B14699;
}
#footer_c p.title {
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  line-height: 32px;
}
#footer_c .social  { text-align: right;}
#footer_c .social ul li {
  display: inline;
}
#footer_c .social ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 5px;
}
#footer_c .social ul li a span {
opacity: 0; display: block;
}
#footer_c .social ul li a::before { bottom:auto; top:50%; left:50%; margin:-12.5px 0 0 -12.5px; height:25px; width:25px;  z-index:2; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(342deg) brightness(109%) contrast(101%);  }
#footer_c .social ul li a::after {content:""; position:absolute; top:50%; left:50%; height:30px; width: 30px; margin:-15px 0 0 -15px; z-index:1; border-radius: 50px; background:#85C94F;}

#footer_c .social ul li a.facebook::before {
  background: transparent url("../images/interface/ico_facebook.svg") no-repeat center center;
  margin:-14px 0 0 -12.5px; height:30px; width:25px;
}
#footer_c .social ul li a.instagram::before {
  background: transparent url("../images/interface/ico_instagram.svg") no-repeat center center;
}
#footer_c .social ul li a.linkedin::before {
  background: transparent url("../images/interface/ico_linkedin.svg") no-repeat center center;
}

#footer_c .social ul li a:hover::after { background:#0087CB}


#footer_c #footer_block { padding:50px 100px; background:#FFF}
#footer_block .footer_b {
  width: 20%; flex:20%; max-width: 20%;
}

#footer_c #footer_mentions{  background: #B14699;  padding:15px 0; }
#footer_mentions .footer_b { text-align: center; color: #FFF; font-size: 14px;}
#footer_mentions .footer_b a { color: #FFF; font-size: 14px;}
#footer_mentions .footer_b a:hover { text-decoration: underline;}


/* home */
.slide {
  padding-top: 50px;
  padding-bottom: 50px;
  transition: all 1s ease;
  position: relative;
}


/* home */
#banner_news {
  padding: 0 0 0 0;
  min-height: 60vh;
  background: #fff;
}
#banner_news .img {
  display: flex;
  justify-content: center;
  background: #B14699;
}
#banner_slider { padding:0}
#banner_slider .inside { margin:0; height: 100%;}

#banner_news .text {
  display: flex;
  align-self: center;
  flex-direction: column;
  padding:2vh 7vw;
}

#banner_news .text p.title {
  font-family: "Staatliches", cursive;
  font-size:42px;
  line-height: 50px;
  position: relative;
}

#banner_news .splide__pagination { width: 50%; bottom:50px}
#banner_news .splide__pagination .splide__pagination__page.is-active { background-color: #B14699; transform: scale(1); opacity: 1; width:29px;}
#banner_news .splide__pagination .splide__pagination__page { background-color: #000; opacity: 1; width: 14px; height: 14px;  border-radius: 15px; margin:0 5px}

/* search */
#search_c { background-color:#0087CB; text-align: center; padding:100px 0}
#search_c h2 { color:#FFF; font-size: 75px; margin-bottom:20px }
#search_c p { color:#FFF; font-size:18px}

#search_input  { text-align: center;}
#search_input form  { position:relative;}
#search_input .form-item-keys { display: inline-block; width: 100%;}
#search_input .form-item-keys::before { content:""; position: absolute; top: 50%; margin-top:-20px; left: 10px; width: 40px; height:40px; background: transparent url("../images/interface/search_magnifying_glass.svg") no-repeat center center;}
#search_input .form-item-keys input { width: 100%; height:60px; padding:10px 70px; margin-top:0; border:0}
#search_input .form-item-keys input::placeholder {font-style: italic;}
#search_input .form-actions { position: absolute; top: 50%; margin-top:-20px; right: 10px; width: 40px; height:40px;;}
#search_input .form-actions input { width:40px; height:40px;
  transition: 0.2s;
  cursor: pointer;
  border: none;
  background: #B14699 url("../images/interface/bt_send.svg") no-repeat center center;
  text-indent: -8000em;
}
#search_input .form-actions input:hover {
  background: #0087CB url("../images/interface/bt_send_h.svg") no-repeat center center;
}

#search_page { margin-top: 100px;}
#search_page .search {  margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
#search_page .search .type {   font-size: 16px; font-family: "Roboto Slab", serif;  text-transform: uppercase; font-weight: 600; margin-bottom: 5px; color:#B14699}
#search_page .search .title {   font-size: 22px;  font-family: "Roboto Slab", serif;  text-transform: uppercase; margin-bottom: 10px;}
#search_page .search .title a {   color:#000 ;}
#search_page .search .search_bt { padding-top: 25px }
#search_page .search .search_bt a.bt { padding-top: 10px !important; padding-bottom: 10px !important;  }

#search_page .search.article_public .type {color:#0087CB }



/* home news */
#news_c {
  background: #fff;
  padding-bottom: 125px;
  padding-top: 50px;
}
#news_c::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 325px;
  top: 0;
  background: #f0f0f0;
}
#news_c.slide h2.title { margin-left: 15px;}

#news_c .item .inside { padding:15px}

#news_c .item .img {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
#news_c .item .img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  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: 0.2s;
  cursor: pointer;
  padding-top: 20px;
}

#news_c .item .date { font-size: 14px; opacity: 0.5; margin-bottom: 10px;}
#news_c .item .type {
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  position: absolute;
  top: 0;
  color: #85C94F;
  text-transform: uppercase;
}

#news_c p.title {
  font-family: "Roboto Slab", serif;
  color: #0087CB;
  font-size: 18px;
  font-weight: 400;
}
#news_c .text {
  padding-bottom: 50px;
}
#news_c .text p {
  font-size: 15px;
}

#news_c a.bt {
  margin-right: 0;
  margin-bottom: 0;
}
#news_c a.bt.bt_newsletter {
  background-color: #B14699;
}

#news_c .splide__pagination .splide__pagination__page.is-active { background-color: #B14699; transform: scale(1); opacity: 1; width:29px;}
#news_c .splide__pagination .splide__pagination__page { background-color: #000; opacity: 1; width: 14px; height: 14px;  border-radius: 15px; margin:0 5px}



.text_center { text-align: center; padding-top:50px}

/* newsletter block */
.node-homepage #newsletter_block { margin-top: 0;}
#newsletter_block {background:#B14699; text-align: center; padding-top:0; padding-bottom:0; margin-top: 100px;}
#newsletter_block .bt_newsletter_block { position:relative; padding:50px 250px;  display: inline-block; ;}
#newsletter_block .bt_newsletter_block::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 270px;
  width: 234px;
  background: transparent url("../images/interface/news_canva.svg") no-repeat
    center center;
}

#newsletter_block .bt_newsletter { font-size: 48px;  font-family: "Staatliches", cursive; margin-bottom: 0;}
#newsletter_block .bt_newsletter::after { border-radius: 0; height:40px; width:40px; margin-top:-20px}
#newsletter_block .bt_newsletter::before {
  height:18px; width:23px;  background:transparent url("../images/interface/bt_arrow.svg") no-repeat center center / contain;  margin:-9px 24px 0 0;
filter: invert(33%) sepia(86%) saturate(465%) hue-rotate(261deg) brightness(97%) contrast(94%);
}
#newsletter_block .bt_newsletter:hover { background-color: #85C94F;}


/* about */
#about_c { padding-top: 0; padding-bottom: 0;}
#about_c p.title {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase;
}
#about_c .img {
  min-height: 65vh;
}
#about_c .img a {
 display: block;
}
#about_c .text {
  display: flex;
  align-self: center;
  padding: 0 100px;
  flex-direction: column;
}


/* why */
#why_c {
  background: #f0f0f0;
  padding-bottom: 0;
  padding-top: 0;
}

#why_c h2.title::after { background:#85C94F ;}

#why_c .text {
  display: flex;
  align-items: center;
  padding: 0 100px;
}
#why_c .text .bt_block { margin-left: 50px;}
#why_c .text a.bt1 { background-color: #85C94F; color:#FFF; height:170px; width:170px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#why_c .text a.bt1 span { display:inline-block; width: 100%; text-align: center;}
#why_c .text a.bt1 span.subtitle { font-size:20px; line-height: 24px;}
#why_c .text a.bt1 span.title { font-weight: 600; font-size: 20px; line-height: 24px; text-transform: uppercase;}

#why_c .text a.bt1:hover { background:#0087CB}

#why_c::after {
  width: 700px;
  height: 60px;
  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 / contain;
}

/* servuces */
#services_c {
  padding-bottom: 0;
  padding-top: 0; background: #B14699;
}
#services_c h2.title {
  color: #fff;padding-bottom:15px;
}
#services_c.slide h2.title::after {
  background: #FFFFFF;
}

#services_c p.title {
  font-family: "Roboto Slab", serif;
  font-size: 26px;
  text-transform: uppercase;
}

#services_c .text {
  display: flex;
  align-items: center;
  padding: 0 100px;
}

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

/* contact */
#contact_c {
  padding: 0;
  background: transparent url("../images/interface/contact_bg.svg") no-repeat  top center;
}
#contact_c h1.title span {
  color: #fff;
}
#contact_c h2.title span {
  color: #fff;
}

#contact_c #contact_address {
  padding: 100px;
}

#contact_c #contact_address p {
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-weight: 700;
}
#contact_c #contact_address p .phone {
  color: #B14699;
}

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



#contact_c #contact_f {
  padding: 50px 100px;
}

.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: 10px;
  width: 100%;
  padding: 10px 15px;
  border:none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  display: inline-block;
}
.form .form-text,
.form .form-email {
  border: none;
  border-bottom: 1px solid #ccc;
}
.form .form-textarea {
  background: #fff;
  min-height: 250px;
  border: 1px solid #ccc;
}
.form .form-select {
  border: 1px solid #ccc;
}
.form .js-form-type-checkbox {  display: inline-flex; align-items: flex-start; }
.form .js-form-type-checkbox .form-checkbox {
  margin-right: 10px;
  margin-top: 5px;
}
.form .js-form-type-checkbox label {
  display: inline;
  font-size: 16px;
  color: #000;
}
.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: 0.2s;
  cursor: pointer;
  border: none;
  background: #B14699 url("../images/interface/bt_send.svg") no-repeat center center;
  width: 50px;
  height: 50px;
  text-indent: -8000em;
}
.form .actions .webform-button--submit:hover {
  background: #0087CB url("../images/interface/bt_send_h.svg") no-repeat center center;
}

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

/* partner */
#partner_c { text-align: center; padding-top:75px; padding-bottom: 100px;}
#partner_c h2.title { display: inline-block;}
#partner_c h2.title::after { background:#0087CB;}

#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 .splide__pagination { bottom:-100px}
#partner_c .splide__pagination .splide__pagination__page.is-active { background-color: #0087CB; transform: scale(1); opacity: 1; width:29px;}
#partner_c .splide__pagination .splide__pagination__page { background-color: #000; opacity: 1; width: 14px; height: 14px;  border-radius: 15px; margin:0 5px}



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


/* content */

#banner_c { text-align:center; position:relative }
#banner_c::after { content:""; position: absolute; top:0; left:0; width:100%; height:100%; z-index:-5; background: #B14699;  }
#banner_c.has_img::after {  z-index: -2; background-color: #000; opacity: 0.5;  }
#banner_c .banner_content  {min-height: 400px; position:relative; display: flex; align-items: center; justify-content: center;}
#banner_c h1 {color:#FFF; font-family: "Staatliches", cursive; font-size: 60px; line-height: 55px;  margin-top: 0;}
#banner_c .subtitle {color:#FFF; }
#banner_c picture { position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: -3;}
#banner_c picture img { position: absolute; width: 100%; height: 100%; top:0; left:0; object-fit: cover;  z-index: -4;}

#banner_c.no_intro { margin-bottom: 50px;}
#banner_c.is_grey::after { background: #f0f0f0;  }
#banner_c.is_grey h1 { color: #000;  }

#content_top {
  padding: 0 0 0 0;
  background: #fff;
  margin-top: 75px;
  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 .text {
  display: flex;
  align-self: center;
  flex-direction: column;
}
#content_top .text a.bt {
  float: left;
  width: 50%;
}

#introduction {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #f0f0f0;
  position: relative;
}

#content {
  background: #fff;
  position: relative;
}

#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: #B14699;
  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: 0.2s;
}
#newsletter_c .newsletter input.webform-button--submit:hover {
  background: #fff;
  color: #B14699;
}

/* page article */

#content.news_page .news_list_inside.slide h2.title { margin-left: 15px;}
#content.news_page .news_list_inside .item { padding:15px}
#content.news_page .news_list_inside .item .inside { padding:15px 0}

#content.news_page .news_list_inside .item .img {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
#content.news_page .news_list_inside .item .img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  background: transparent no-repeat center center;
}
#content.news_page .news_list_inside .item:hover .img::before {
  background: rgba(0, 0, 0, 0.1) url("../images/interface/bt_plus_2.png")
    no-repeat center center;
}
#content.news_page .news_list_inside .item {
  min-height: 470px;
  transition: 0.2s;
  cursor: pointer;
  padding-top: 20px;
}
#content.news_page .news_list_inside .item .date { font-size: 14px; opacity: 0.5; margin-bottom: 10px;}

#content.news_page .news_list_inside .item .type {
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  position: absolute;
  top: 0;
  color: #85C94F;
  text-transform: uppercase;
  padding-right: 35px;
}

#content.news_page .news_list_inside .item.tag_6 .type, #content.news_page .news_list_inside .item.tag_23 .type {color: #85C94F;}
#content.news_page .news_list_inside .item.tag_5 .type, #content.news_page .news_list_inside .item.tag_25 .type {color: #0081c7;}
#content.news_page .news_list_inside .item.tag_4 .type, #content.news_page .news_list_inside .item.tag_26 .type {color: #B14699;}
#content.news_page .news_list_inside .item.tag_19 .type, #content.news_page .news_list_inside .item.tag_27 .type {color: #a2a2a2;}
#content.news_page .news_list_inside .item.tag_24 .type {color: #000;}

#content.news_page .news_list_inside p.title {
  font-family: "Roboto Slab", serif;
  color: #0087CB;
  font-size: 18px;
  font-weight: 400;
}
#content.news_page .news_list_inside .text {
  padding-bottom: 15px;
}
#content.news_page .news_list_inside .text p {
  font-size: 15px;
}

#content.news_page .news_list_inside a.bt {
  margin-right: 0;
  margin-bottom: 0;
  padding-top:10px;
  padding-bottom:10px;
}
#content.news_page .news_list_inside a.bt.bt_newsletter {
  background-color: #B14699;
}

.node-article .title_article {
  font-family: "Staatliches", cursive;
  color: #000;
  font-size: 50px;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 100px;
}

.node-article .title_article::after {
  content: "";
  width: 90px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #B14699;
}


.node-article #content_top h1 {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 10px;
  padding-bottom: 0;
  color:#0087CB;
}
.node-article #content_top h1::after {
  display: none;
}
.node-article #content_top .text.has_img {
  padding: 0 75px;
}
.node-article #content_top .date {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  opacity: 0.5;
  font-weight: 300;
}
.node-article #content_top .img {
  min-height: 400px;
  border-radius: 50px;
  position: relative;
}
.node-article #content_top .type {
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  color: #85C94F;
  text-transform: uppercase;
}
.node-article #content {
  background: #fff;
  padding-top: 0;
  padding-bottom: 25px;
}
.node-article #content::before {
  display: none;
}


.node-article .title_article {
  font-family: "Staatliches", cursive;
  color: #000;
  font-size: 50px;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 100px;
}

.node-article .title_article::after {
  content: "";
  width: 90px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #B14699;
}
/* privte article */
#content.news_page { background: transparent;}
#content.news_page::before { content:""; position: absolute; top:0; left:0; height:100%; width:100%; background: transparent url("../images/interface/bg_private.svg") repeat-y top center / cover; z-index: -1;}

.node-article_private #content_top h1 {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 10px;
  padding-bottom: 0;
  color:#0087CB;
}
.node-article_private #content_top h1::after {
  display: none;
}
.node-article_private #content_top .text.has_img {
  padding: 0 75px;
}
.node-article_private #content_top .date {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  opacity: 0.5;
  font-weight: 300;
}
.node-article_private #content_top .img {
  min-height: 400px;
  border-radius: 50px;
  position: relative;
}
.node-article_private #content_top .type {
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  color: #85C94F;
  text-transform: uppercase;
}
.node-article_private #content {
  background: #fff;
  padding-top: 0;
  padding-bottom: 25px;
}
.node-article_private #content::before {
  display: none;
}

/* flippy */

.node-article #pager {  margin-bottom: 100px;  margin-top: 50px;  padding-top: 25px;}
.node-article #pager .pager_flippy {  padding:0 50px; cursor: pointer; display: flex; align-items: center;}
.node-article #pager .pager_flippy span {  display: inline-block; width: 100%;}
.node-article #pager .pager_flippy .title {  margin-bottom: 15px; position: relative;}
.node-article #pager .pager_flippy .title::after { content:""; position: absolute; top:0; left:0; margin-top:-4.5px; background: #B14699 url("../images/interface/bt_send.svg") no-repeat center center / cover;width: 35px;  height: 35px;}
.node-article #pager .pager_flippy a { color:#000; font-size:16px; font-weight: 600; }

.node-article #pager .pager_flippy .flippy-previous .title::after {  transform: rotate(180deg);}
.node-article #pager .pager_flippy .flippy-next {  text-align:right;}
.node-article #pager .pager_flippy .flippy-next .title::after {  left:auto; right:0;}
.node-article #pager .pager_flippy .flippy-next .title { padding-right:55px; font-family: "Roboto Slab", serif;  text-transform: uppercase; }


.node-article #pager .pager_flippy .flippy-previous .title { padding-left:55px; font-family: "Roboto Slab", serif; text-transform: uppercase;}
.node-article #pager .pager_flippy .flippy-pager:hover .title::after { background: #0087CB url("../images/interface/bt_send_h.svg") no-repeat center center / cover;}
.node-article #pager .pager_flippy .flippy-pager:hover .title { color: #0087CB;}
.node-article #pager .pager_flippy .flippy-pager:hover a { color: #0087CB;}

.node-article #similar_articles { padding-bottom: 0;}
.node-article #similar_articles::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 325px;
  top: 0;
  background: #f0f0f0;
}
.node-article #similar_articles.slide h2.title { margin-left: 15px;}

.node-article #similar_articles .item .inside { padding:15px}

.node-article #similar_articles .item .img {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.node-article #similar_articles .item .img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  background: transparent no-repeat center center;
}
.node-article #similar_articles .item:hover .img::before {
  background: rgba(0, 0, 0, 0.1) url("../images/interface/bt_plus_2.png")
    no-repeat center center;
}
.node-article #similar_articles .item {
  min-height: 470px;
  transition: 0.2s;
  cursor: pointer;
  padding-top: 20px;
}
.node-article #similar_articles .item  .date { font-size: 14px; opacity: 0.5; margin-bottom: 10px;}

.node-article #similar_articles .item .type {
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  position: absolute;
  top: 0;
  color: #85C94F;
  text-transform: uppercase;
}

.node-article #similar_articles p.title {
  font-family: "Roboto Slab", serif;
  color: #0087CB;
  font-size: 18px;
  font-weight: 400;
}
.node-article #similar_articles .text {
  padding-bottom: 50px;
}
.node-article #similar_articles .text p {
  font-size: 15px;
}

.node-article #similar_articles a.bt {
  margin-right: 0;
  margin-bottom: 0;
}
.node-article #similar_articles a.bt.bt_newsletter {
  background-color: #B14699;
}

.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 h1 {
  font-family: "Staatliches", cursive;
  color: #000;
  font-size: 50px;
  line-height: 55px;
  margin-top: 0;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}


.node-11 #contact_c h1::after {
  content: "";
  width: 90px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #B14699;
}

.node-11 #partner_c { border-bottom: 1px solid #ccc;}
.node-23 #partner_c { border-bottom: 1px solid #ccc;}

/* 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: 0.2s;
  cursor: pointer;
  text-align: center;
  margin-bottom: 50px;
}
.node-service #services_c .item > div {
  text-align: center;
}
.node-service #services_c .item .img {
  transition: 0.2s;
  min-height: 200px;
  min-width: 200px;
  border-radius: 50px;
  border: 3px solid #85C94F;
  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: 0.2s;
  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: #85C94F;
  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: 0.2s;
  cursor: pointer;
  text-align: center;
  margin-bottom: 50px;
}
.node-9 #services_c .item > div {
  text-align: center;
}
.node-9 #services_c .item .img {
  transition: 0.2s;
  min-height: 200px;
  min-width: 200px;
  border-radius: 50px;
  border: 3px solid #85C94F;
  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: 0.2s;
  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: #85C94F;
  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 */
.title_tag {
  text-align:center;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#filter {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}

#filter .filter_tag {
  background: #fff;
  padding: 15px;
  border-radius: 50px;
  position: relative;
}
#filter .filter_tag span {
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  margin-right: 25px;
}

#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: 0.2s;
}
#filter .filter_tag button.bt_6 {
  background: #85C94F;
  color: #fff;
}
#filter .filter_tag button.bt_5 {
  background: #0081c7;
  color: #fff;
}
#filter .filter_tag button.bt_4 {
  background: #B14699;
  color: #fff;
}
#filter .filter_tag button.bt_19 {
  background: #a2a2a2;
  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: 5px 15px;
  color: #333;
  margin: 0 10px;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s;
}
#filter .filter_tag a.bt_6, #filter .filter_tag a.bt_23 {
  background: #85C94F;
  color: #fff;
}
#filter .filter_tag a.bt_5, #filter .filter_tag a.bt_25 {
  background: #0081c7;
  color: #fff;
}
#filter .filter_tag a.bt_4, #filter .filter_tag a.bt_26  {
  background: #B14699;
  color: #fff;
}
#filter .filter_tag a.bt_19, #filter .filter_tag a.bt_27 {
  background: #a2a2a2;
  color: #fff;
}
#filter .filter_tag a.bt_24 {
  background: #000;
  color: #fff;
}
#filter .filter_tag a:hover,
#filter .filter_tag a.active {
  background: #eee;
  color: #000;
}

/* c text */
.c_text.sep_p {
  padding-top: 75px;
  padding-bottom: 75px;
}

.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;
}
.c_text ul {
  padding-left: 10px;
}

.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; min-height:500px; height: 100%;
}
.c_text .gallery_slider a {
  display: block; height: 100%; width: 100%;
}
.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 .img { padding:0;}
.c_text .img img { position:absolute; height:100%; width: 100%; top:0; left:0; object-fit: cover;}

.c_text .text {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.c_text .text_l {
  display: flex;
  justify-content: center;
  flex-direction: column;
 padding: 15vh 7vw;
}
.c_text .text_r {
  display: flex;
  justify-content: center;
  flex-direction: column;
 padding: 15vh 7vw;
}


/* 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: #B14699;
  border-radius: 5px;
  padding: 15px 25px;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
  margin-bottom: 2px;
  cursor: pointer;
  transition: 0.2s;
}
.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: #B14699;
}
.text_accordeon h3:hover::before {
  background: transparent url("../images/interface/plus_h.svg") no-repeat center
    center;
}
.text_accordeon h3.active {
  background: #B14699;
}
.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: 0.2s;
  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: #B14699;
  font-weight: 700;
  font-size: 80px;
  line-height: 80px;
}
.slide_chiffres .figures .count_type {
  color: #B14699;
  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: #B14699;
  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: #85C94F;
}

/* 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: #85C94F url("../images/interface/bt_plus_4.png") no-repeat left
    center;
}

/* submenu anchor */
#submenu_anchor_c {
  transition: 0.2s;
}
#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: 0.2s;
}
#submenu_anchor ul li a:hover {
  background: #85C94F;
  color: #fff;
  border: 1px solid #85C94F;
}

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

#submenu_anchor_fixed {
  display: none;
  opacity: 0;
  transition: 0.2s;
  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: #85C94F;
  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: #85C94F;
}

#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;
}

.node-4089 #search_input{ min-width: 50vw;}
#banner_c.news_private_wrapper::before{ content:""; position: absolute; bottom:-3px; left: 50%; margin-left:-40vw; height:330px; width:257px; background: transparent url("../images/interface/news_private_wrapper_bg.svg") no-repeat left / cover}
#banner_c.news_private_wrapper #search_input{ min-width: 50vw;}
#banner_c.news_private_wrapper a.tool_cart { font-size: 13px;; position: absolute; bottom:15px; right:15px; background: #FFF; color:#85C94F; transition:.2s;}
#banner_c.news_private_wrapper a.tool_cart .bookmarks{position:relative;  padding:5px 30px 5px 10px; display: block; }
#banner_c.news_private_wrapper a.tool_cart .bookmarks::before{ content:""; position: absolute; top:50%; right:8px; margin-top:-8px; height:16px; width:16px; filter: invert(79%) sepia(6%) saturate(3299%) hue-rotate(48deg) brightness(88%) contrast(97%); background: transparent url("../images/interface/star-solid-full.svg") no-repeat left / cover; z-index:2}
#banner_c.news_private_wrapper a.tool_cart .bookmarks.no_bookmarks::before{  background: transparent url("../images/interface/star-regular-full.svg") no-repeat left / cover; z-index:2}
#banner_c.news_private_wrapper a.tool_cart:hover {background: #85C94F; color:#FFF;  }
#banner_c.news_private_wrapper a.tool_cart:hover .bookmarks::before {filter: invert(99%) sepia(1%) saturate(857%) hue-rotate(60deg) brightness(114%) contrast(100%);}

#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 1px;
}
.pager ul li.pager__item--first {
  display: none;
}
.pager ul li.pager__item--last {
  display: none;
}
.pager ul li a {
  padding: 7px 12px;
  display: inline-block;
  background: #fff;
  color: #4a3c33;
  transition: 0.2s;
  border-radius: 5px;
}
.pager ul li a:hover {
  background: #B14699;
  color: #fff;
}
.pager ul li.is-active a {
  background: #B14699;
  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;
}

.highlight { padding-top:35px; padding-bottom: 35px; background:#B14699 ; text-align: center; margin-bottom: 50px; margin-top: 50px; }
.highlight h2 { padding:0; margin:0; color:#FFF }
.highlight h2::after {  display: none; }


/* login wrapper */
#login_wrapper { background-color: #F0f0f0;; padding:50px 0}
#login_wrapper .item .inside { background-color: #fff;; padding:50px 50px 150px 50px; height: 100%;}
#login_wrapper .item .inside p.title {
  font-family: "Staatliches", cursive;
  color: #000;
  font-size: 30px;
  line-height: 35px;
  margin-top: 0;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}


#login_wrapper .item .inside p.title::after {
  content: "";
  width: 90px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #B14699;
}
#login_wrapper form { display: flex; flex-direction: column;}
#login_wrapper .item .js-form-item {position: relative; margin-bottom:25px;}
#login_wrapper .item .js-form-item label {  font-family: 'Roboto Slab'; text-transform: uppercase;}
#login_wrapper .item .js-form-item input { border: none; border-bottom: 1px solid #c3c3c3; width: 100%; padding:10px 30px 10px 10px;}
#login_wrapper .item .js-form-item button.shwpd {position: absolute;  bottom: 10px;  right: 10px;}
#login_wrapper .login-block ul { display: none;}
#login_wrapper .login-block .forgot-password-link { color: #000; text-decoration: underline; font-size: 13px; order: 1;}
#login_wrapper .login-block .more-links { order: 1;}
#login_wrapper .form-actions { text-align: center; order:2; position: absolute; bottom:50px; left:0; width: 100%;; }
#login_wrapper .form-submit {
  display: inline-block;
  transition: 0.2s;
  cursor: pointer;
  border: none;
  background: #B14699;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding:10px 15px;
}
#login_wrapper .form-submit:hover {
  background: #0087CB ;
}
#login_wrapper .login_wrapper_adherent ul { margin:0 0 25px 0; padding:0}
#login_wrapper .login_wrapper_adherent ul li { margin:0 0 10px 0; padding:0 0 0 25px; list-style-type: none; position: relative;}
#login_wrapper .login_wrapper_adherent ul li::before { content:""; position: absolute; top:3px; left:0; height:17px; width:17px;  background: transparent url("../images/interface/login-list.svg") no-repeat left / cover}

#login_wrapper .login_wrapper_adherent .login_wrapper_adherent_bt { position: absolute; bottom:50px; margin: 0; left:0; width: 100%; text-align: center;}
#login_wrapper .login_wrapper_adherent .login_wrapper_adherent_bt a.bt { margin: 0; padding-top:10px; padding-bottom: 10px;}

/* flag */
.flag a {
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -8000em;
  width:25px; height: 25px;
}
.flag a::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin: -12.5px 0 0 -12.5px;
  background: transparent url('../images/interface/star-regular-full.svg') no-repeat center center / contain;
}

.flag a:hover::before {
  filter: invert(79%) sepia(6%) saturate(3299%) hue-rotate(48deg) brightness(88%) contrast(97%);
}

.flag.action-unflag a::before {
  background: transparent url('../images/interface/star-solid-full.svg') no-repeat center center / contain;
  filter: invert(79%) sepia(6%) saturate(3299%) hue-rotate(48deg) brightness(88%) contrast(97%);
}

.flag div {
  display: none;
}
.flag p {
  display: none;
}
.node-article_private .flag a { text-indent:0; width:auto; padding-right:30px; font-size:12px; color:#aaa; display:flex; align-items:center; }
.node-article_private .flag a:hover { color:#85C94F; }
.node-article_private .flag a::before { left:auto; right:0; margin-left:0 }