/*!
Theme Name: La Charte

Author: Galago
Author URI: https://www.galago.fr/
*/


/*WP FORO*/
#wpforo-wrap{
  font-size: 13px; width: 100%; padding: 10px 0; margin: 0px;
}
.wpf-button, .wpf-button-outlined{
  border-radius: 0 !important;
}
#wpforo #wpforo-wrap #wpforo-menu{
  border: solid 1px black !important;
  background: white !important;
  padding-bottom: 3px;
}

#wpforo #wpforo-wrap .wpf-head-bar{
  border-radius: unset !important;
  background-color: white !important;
  border: solid 1px black !important;
}

#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts{
  color: black !important;
}

#wpforo #wpforo-wrap .wpforo-members .wpforo-member{
  border-radius: 0 !important;
  border: solid 1px black;
  padding: 0px !important;
}

#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-bg{
  border-radius: 0 !important;
  box-shadow: unset !important;
  width: 100% !important;
}

#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpf-member-online{
  position: relative !important;
  margin-bottom: 4px;
  left: 0 !important;
  bottom: 0 !important;
}

#wpforo #wpforo-wrap input[type="button"], #wpforo #wpforo-wrap input[type="submit"]{
  border-radius: 0 !important;
  box-shadow: unset !important;
}

#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-next-button, #wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-prev-button{
  border-radius: 0 !important;
}

#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head{
  border-radius: 0 !important;
}

#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-panel .wpf-profile-avatar{
  width: 50px !important;
}

#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-panel .wpf-profile-avatar .wpf-profile-online{
  bottom: -21px !important;
}

#wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox .wpf-statbox-icon{
  border-radius: 0 !important;
}

#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-bottom{
  padding: 18px 0 0 !important;
}

#preloadedImages
{
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url('assets/images/youtube-h.svg');
  background-image: url('assets/images/facebook-h.svg');
  background-image: url('assets/images/instagram-h.svg');
  background-image: url('assets/images/linked-h.svg');
  background-image: url('assets/images/pinterest-h.svg');
}

/* FONT */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i&display=swap');

/* GENERAL */

html { font-size: 62.5%;}

body { background-color: #ffffff; font-family: 'Source Sans Pro', sans-serif; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

table { margin: 0 0 1.5em; width: 100%; }

a, a:hover { text-decoration: none; color: #000000; }

h1 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
h2 {font-size:3.8rem; line-height: 4.2rem; font-weight:normal; padding: 1.2rem 0.5rem 6rem 0.5rem;}
h3 {font-size:3.4rem; line-height: 3.4rem; font-weight:bold; padding: 6rem 0.5rem 0 0.5rem;}
h4 {font-size:3rem; line-height: 3.2rem; font-weight:bold; padding: 6rem 0.5rem 0 0.5rem;}
h5 {font-size:2.8rem; line-height: 3rem; font-weight:bold; padding: 6rem 0.5rem 0 0.5rem;}
h6 {font-size:2.2rem; line-height: 2.4rem; font-weight:bold; padding: 6rem 0.5rem 0 0.5rem;}

li, p {font-size: 2.2rem; font-weight: normal;}

p a, #content ul li a  {
  color: #000000;
  text-decoration: underline;
}

p a:hover, p a:active, p a:focus, #content ul li a:hover {
  color: #575756;
  text-decoration: underline;
}

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 1.4rem; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.5rem; line-height: normal; padding: 1.5rem 2.3rem 1.4rem; text-decoration: none; top: 0.5rem; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

* {
  outline: none;
  outline-offset: 0;
}

input[type="email"]:focus, input[type="text"]:focus {
  outline: none !important;
}

.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }

.widget select { max-width: 100%; }

.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.updated:not(.published) { display: none; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; }

.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
body { -ms-word-wrap: break-word; word-wrap: break-word; -webkit-font-smoothing: auto; text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale; font-smoothing: auto; }

a, button, input { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

blockquote { font-size: 1.25rem; padding: 1.25rem 1.75rem; }

table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; }

table th, table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }

table tbody + tbody { border-top: 2px solid #dee2e6; }

table table { background-color: #fff; }

figcaption { padding-top: 0; padding-bottom: .75rem; color: #6c757d; text-align: left; }

input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; padding: 0.5rem 1.25rem; color: #fff; background-color: #007bff; border-color: #007bff; }

input[type="button"]:active, input[type="button"]:hover, input[type="reset"]:active, input[type="reset"]:hover, input[type="submit"]:active, input[type="submit"]:hover { color: #fff; background-color: #0062cc; border-color: #005cbf; cursor: pointer; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

input[type="text"]:-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="url"]:-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-webkit-input-placeholder, input[type="search"]:-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-webkit-input-placeholder, input[type="range"]:-moz-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-webkit-input-placeholder, input[type="color"]:-moz-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder { color: #6c757d; opacity: 1; }

select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

blockquote { font-style: italic; font-size: 1.15rem; border-left: 3px solid rgba(33, 37, 41, 0.25); padding: 0.5rem 1.75rem; background: rgba(33, 37, 41, 0.05); }

blockquote p { font-size: 1.15rem; }

blockquote p:last-child { margin-bottom: 0; }

.navbar-dark .navbar-nav .dropdown-menu a { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.site-footer { padding-top: 0; padding-bottom: 0; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; text-align: left; width: 50%; }

.post-thumbnail { margin-top: 1.5em; display: inline-block; }

.card-title.entry-title { margin-bottom: .25rem; }

.entry-meta { font-size: .9rem; }

.entry-footer { font-size: .9rem; margin-top: 1rem; }

.comments-link { float: right; margin: 4px 0px 4px 1rem; font-size: 90%; padding-top: 0.2em; }

.cat-links .badge, .tags-links .badge { font-size: 90%; font-weight: normal; border: 1px solid rgba(0, 0, 0, 0.125); margin: 4px 1rem 4px 0; padding: 0.4em .9em; }

.cat-links a, .tags-links a { color: #6c757d; }

.cat-links a:hover, .tags-links a:hover { text-decoration: none; color: #212529; }

.entry-meta a, .comments-link a, .edit-link a { color: #6c757d; }

.entry-meta a:hover, .comments-link a:hover, .edit-link a:hover { text-decoration: none; }


.content-area.wp-bp-404 .card-body { padding: 2.5rem 4rem; }

.sidebar-1-area .widget, .footer-widgets .widget { margin-bottom: 0; padding: 2rem; }

.sidebar-1-area .widget ul, .footer-widgets .widget ul { padding-left: 2rem; color: #6c757d; margin-bottom: 0; }

.sidebar-1-area .widget ul li, .footer-widgets .widget ul li { padding-top: 3px; padding-bottom: 3px; }

.sidebar-1-area .widget ul li:last-child, .footer-widgets .widget ul li:last-child { padding-bottom: 0; margin-bottom: 0; }

.sidebar-1-area .widget ul li a, .footer-widgets .widget ul li a { color: #6c757d; }

.sidebar-1-area .widget ul li a:hover, .footer-widgets .widget ul li a:hover { color: #212529; text-decoration: none; }

.footer-widgets .widget { padding: 0.5rem; }

#wp-calendar #next { text-align: right; }

#wp-calendar #prev a, #wp-calendar #next a { color: #6c757d; }

#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color: #212529; text-decoration: none; }

#calendar_wrap table th, #calendar_wrap table td { padding: .25rem; }

.hentry.card .card-body { padding: 1.5rem; }

select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

.entry-title a:hover { text-decoration: none; }

.mt-3r { margin-top: 3rem; }

.wp-bs-4-jumbotron { margin-bottom: 0; }

.wp-bs-4-jumbotron .jumbotron-heading { font-weight: 600; }

.wp-bs-4-jumbotron .container { max-width: 40rem; }

.comments-area { clear: both; -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }

.comments-area .media-body { overflow: auto; }

.comments-area .comment-list { list-style: none; padding-left: 0; }

.comments-area .comment-list > li { border-bottom: 1px solid #dee2e6 !important; padding: 2.5rem 4rem; }

.comments-area .comment-list ul.children { list-style: none; padding-left: 2rem; }

.comments-area .comment-list ul.children li { padding: 2.5rem 0 0; }

.comments-area .comment-list .comment-respond { padding: 2.5rem 4rem; }

.comments-area .comments-title { padding: 2.5rem 4rem; border-bottom: 1px solid #dee2e6 !important; }

.comments-area .comment-navigation { padding: 1rem 4rem 0; border-bottom: 1px solid #dee2e6 !important; }

.comments-area .wb-comment-form { padding: 2.5rem 4rem; }

.comments-area .wb-cancel-reply { margin-left: 2rem; }

.comments-area .logged-in-as { padding-left: 1.5rem; font-size: .9rem; }

.comments-area .logged-in-as a { color: #6c757d; }

.comments-area .logged-in-as a:hover { color: #212529; text-decoration: none; }

.comments-area .wb-comment-notes { font-size: .9rem; }

.comments-area .no-comments { padding: 1rem 4rem; }

.comments-area small { font-size: .9rem; }

.comments-area p { -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }

.comments-area .comment-reply-link, .comments-area .comment-edit-link { margin-right: 1rem; color: #6c757d; }

.comments-area .comment-reply-link:hover, .comments-area .comment-edit-link:hover { color: #212529; text-decoration: none; }

.comments-area .comment-author a:hover { text-decoration: none; color: #212529; }

.wp-bp-sticky { position: absolute; top: 0; right: 1rem; }

.single .post-navigation .nav-links a { color: #6c757d; margin-bottom: 2rem; display: inline-block; }

.single .post-navigation .nav-links a:hover { color: #212529; text-decoration: none; }

.navbar { padding: 0; }

#wp-bp-posts-slider { border: 1px solid rgba(0, 0, 0, 0.125); }

#wp-bp-posts-slider .carousel-item img { width: auto; height: 400px; -o-object-fit: cover; object-fit: cover; }

#wp-bp-posts-slider .carousel-caption { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: 2rem 4rem; }

#wp-bp-posts-slider .carousel-control-prev, #wp-bp-posts-slider .carousel-control-next { width: 10%; }

.custom-logo-link { margin-right: 1rem; }

.site-title a, .navbar-dark .navbar-brand, .site-description { color: #fff; margin-bottom: 0; }

.navbar-brand { font-size: 1.5rem; }

.navbar-dark .navbar-nav .nav-link { color: #fff; opacity: 0.5; }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #fff; opacity: 0.75; }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; opacity: 1; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }

.navbar-dark .navbar-nav .dropdown-menu .active > .nav-link { color: #212529; }

.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover, .navbar-dark .navbar-nav .dropdown-menu .nav-link:focus { color: #212529; }

.page-template-full-width .site-footer.mt-4, .wb-bp-front-page .site-footer.mt-4 { margin-top: 0 !important; }

.wb-hide-mobile-sidebar .wp-bp-sidebar-width { display: none; }

.navbar-toggler { background-color: #343a40; }

.site-header { border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

body.custom-background .wp-bp-main-content .col-md-8 { background: #f8f9fa; padding: 2rem; border: 1px solid rgba(0, 0, 0, 0.125); }

.site-footer a:hover { text-decoration: none; }

.admin-bar .site-header.sticky-top { top: 32px; }

.wb-bp-front-page .site-header { border-bottom: 0; }

.wb-bp-front-page .wp-bs-4-jumbotron { padding: 0; background-size: cover; background-position: center; background-color: #343a40; border-radius: 0; }

.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay { padding: 10rem 2rem; /* background: rgba(#212529, 0.7); */ }

.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay .lead { opacity: .75; }

.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay .jumbotron-heading { font-weight: 600; font-size: 3rem; margin-bottom: 1rem; }

.wb-bp-front-page .wp-bp-services-section { padding: 4rem 0; }

.wb-bp-front-page .wp-bp-main-content { padding: 4rem 0; }

.wb-bp-front-page .wp-bp-main-content p { font-size: 1.25rem; font-weight: 300; }

.wb-bp-front-page .wp-bp-main-content blockquote { font-size: 1.35rem; }

.wb-bp-front-page .wp-bp-main-content blockquote p { font-size: 1.35rem; }

.wb-bp-front-page .wp-bp-main-content .post-thumbnail { margin-bottom: 1rem; margin-top: 0.5rem; }

.wb-bp-front-page .wp-bp-feat-card-img { -o-object-fit: cover; object-fit: cover; height: 200px; width: 100%; }

.wp-caption .wp-caption-text { font-size: 0.95rem; }


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media (min-width: 769px) { .hentry.card .card-body { padding: 2.5rem 4rem; }
  .wb-hide-mobile-sidebar .wp-bp-sidebar-width { display: block; } }


/*--------------------------------------------------------------
# La Charte
--------------------------------------------------------------*/

/* General */

.no-margin { margin: 0 !important;}
.no-padding { padding: 0 !important;}
.div-flex { display: flex;}

.height-10 {height:1rem;}
.height-20 {height:2rem;}
.height-30 {height:3rem;}
.height-40 {height:4rem;}
.height-50 {height:5rem;}
.height-60 {height:6rem;}
.height-70 {height:7rem;}
.height-80 {height:8rem;}
.height-90 {height:9rem;}
.height-100 {height:10rem;}

.div-ellipsis {
  text-overflow: ellipsis;
  max-height: 213px;
  overflow: hidden;
}

.container-square {
  margin: 0;
}
@-moz-document url-prefix() {
  .container-square {
    /*margin: 0 1px;*/
  }
}
.square{
  margin: 0;
  padding: 0;
}
.square:before {
  content: "";
  display: flex;
  padding-top: 100%;
  border: 1px solid #141414;
  margin-left:-1px; margin-bottom:-1px;
}

.square-block{
  margin: 0;
  padding: 0;
  display: flex;
}
.square-block:before {
  content: "";
  display: flex;
  padding-top: 100%;
  width: 100%;
  border-left: 1px solid #141414;
  border-top: 1px solid #141414;
  border-bottom: 1px solid #141414;
  margin-top:-1px;
}
.square-block:first-child:before {
  margin-left:0px;
}
.square-block:last-child:before {
  border-right: 1px solid #141414;
}
@media (min-width: 992px) {
  .square-block-four > .square-block:nth-child(4n):before {
    border-right: 1px solid #141414;
  }
  .square-block-video:nth-child(4n):before {
    border-right: 1px solid #141414 !important;
  }
}
@media (max-width: 991px) {
  .square-block-video:nth-child(3n):before {
    border-right: 1px solid #141414 !important;
  }
}
@media (max-width: 767px) {
  .square-block-four > .square-block:nth-child(4n):before {
    border-right: 0px !important;
  }
  .square-block-video:nth-child(1n):before {
    border-right: 1px solid #141414 !important;
  }
  .square-block:last-child:before {
    border-right: none;
  }
}
.square-block-contain{
  position: absolute;
  top: 0; bottom: 0; left:1px; right: 0;
  padding: 2rem;
  color: #fff;
  font-size: 4.4rem;
  line-height: 4.8rem;
}
.square-double-block{
  margin: 0;
  padding: 0;
  display: flex;
}
.square-double-block:before {
  content: "";
  display: flex;
  padding-top: 50%;
  width: 100%;
  border-left: 1px solid #141414;
  border-top: 1px solid #141414;
  border-bottom: 1px solid #141414;
  margin-top:-1px;
}

@media (max-width: 767px) {
  .square-double-block{
    display: none;
  }
  .square-double-block:before {
    padding-top: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .bloc-interet:before {
    padding-top: 50% !important;
  }
}

.square-block-contain a, .square-double-block a {
  color:#141414;
}

.square-right-actus:before {
  content: "";
  display: flex;
  padding-top: 100%;
  width: 100%;
  border-top: 1px solid #141414;
  margin-top:-1px;
}

.site-content {
  margin-top: -2px;
}
.container-border { border: 1px solid #141414; margin-top: -1px;}

.container-header { width: 100%; height: 636px; -webkit-background-size: cover; background-size: cover !important; background-position: center center;}

@media (max-width: 991px) {
  .container-header {
    height: 30rem;
  }
}

.no-border-right {border-right: 0;}

.border-top-bottom {border-top: 1px solid #141414;border-bottom: 1px solid #141414;}

.font-bleu, .font-bleu a {color: #9bc8e6;}
.font-vert, .font-vert a {color: #afe196;}
.font-orange, .font-orange a {color: #ff9b7d !important;}
.font-jaune, .font-jaune a {color: #ebe285;}
.font-gris, .font-gris a {color: #141414;}
.font-blanc, .font-blanc a {color: #ffffff;}

.font-bleu a:hover {color: #9bc8e6; text-decoration: underline;}
.font-vert a:hover { color: #afe196; text-decoration: underline;}
.font-orange a:hover {color: #ff9b7d; text-decoration: underline;}
.font-jaune a:hover {color: #ebe285; text-decoration: underline;}

.bg-bleu {background-color: #9bc8e6;}
.bg-vert {background-color: #afe196;}
.bg-orange {background-color: #ff9b7d;}
.bg-jaune {background-color: #ebe285;}

.pagination-gab-bleu a:hover, .pagination-gab-bleu .current, .pagination-gab-bleu a .txt-art-pag-prev:hover,  .pagination-gab-bleu a .txt-art-pag-next:hover { color:#9bc8e6 !important; }
.pagination-gab-vert a:hover, .pagination-gab-vert .current, .pagination-gab-vert a .txt-art-pag-prev:hover,  .pagination-gab-vert a .txt-art-pag-next:hover { color:#afe196 !important; }
.pagination-gab-orange a:hover, .pagination-gab-orange > .current, .pagination-gab-orange a .txt-art-pag-prev:hover,  .pagination-gab-orange a .txt-art-pag-next:hover { color:#ff9b7d !important; }
.pagination-gab-jaune a:hover, .pagination-gab-jaune .current, .pagination-gab-jaune a .txt-art-pag-prev:hover,  .pagination-gab-jaune a .txt-art-pag-next:hover { color:#ebe285 !important; }

.voir-plus {font-weight: bold; color: #000000; margin-bottom: 2rem; display: flex;}
.voir-plus:hover {color: #000000 !important;}

.width-auto {height:100%; width: auto;}

/* Header */

#site-navigation { background-color: #ffffff !important; }

#breadcrumbs {font-size:2.2rem; line-height: 2.2rem; font-weight:bold; padding: 3rem 0.5rem 0.5rem 0.5rem; margin: 0;}

/* Menu */

.bt-menu-desktop {
  display: inline-flex;
  height: 10.5rem;
  width: 10.5rem;
  background-color: #ffffff;
  border: 1px solid #141414;
  border-top:0;
  border-bottom:0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #141414;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.bt-menu-desktop:hover {
  background-color: #141414;
  color: #ffffff;
  /*border-top:1px solid #ffffff;*/
  text-transform: none;
  text-decoration: none;
  transition: all 0.3s;
}
.menu-top {
  height: 10.5rem;
  width: 100%;
  background-color: #141414;
  /*display: none;*/
}
.menu-second {
  display: flex;
  height: 10.7rem;
  width: 100%;
  align-items: center;
  border-top: 1px solid #141414;
  border-bottom: 1px solid #141414;
}
.logo-lacharte {
  display: inline-flex;
  width: 41.3rem;
  height: 5rem;
  margin-left: 5.4rem;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.header-right-links {
  display: inline-flex;
  width: 31.3rem;
  height: 10.5rem;
  margin-left: auto;
}
@-moz-document url-prefix() {
  .header-right-links {
    width: 31.4rem;
  }
}
.head-links {
  display: inline-flex;
  height: 10.5rem;
  width: 10.5rem;
  background-color: #ffffff;
  border: 1px solid #141414;
  border-top: 0;
  border-bottom: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.6rem;
  color: #141414;
  margin-right: -1px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.head-links span {
  height: 5rem;
  width: 8.5rem;
}
@media (max-width: 1200px) {
  .head-links {
    font-size: 1.4rem;
  }
}
.head-links:hover {
  background-color: #141414;
  color: #ffffff;
  text-transform: none;
  text-decoration: none;
  transition: all 0.3s;
}
.dropdown-menu {
  position: absolute;
  top: 2rem;
  right: 0 !important;
  margin: 0 !important;
  color: #ffffff;
  background-color: #141414;
  border: 0 !important;
  border-radius: 0 !important;
  transform: translate3d(0px, 8rem, 0px) !important;
}
.dropdown-toggle::after {
  display: none;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0em;
  content: "•";
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.dropdown-toggle:hover::after {
  display: inline-block;
  transition: all 0.5s;
}

.menu-li-first { padding: 0 !important; display: flex; align-items: center; justify-content: left; height: 10.5rem;}
.menu-li-res { padding: 0 !important; display: flex; align-items: center; justify-content: center; height: 10.5rem;}

.menu-font-bleu > a, .menu-font-bleu > ul > li > a, .menu-font-bleu > a:focus {color: #9bc8e6; position: relative;}
.menu-font-bleu > a {font-weight: bold; padding: 0 2.5rem; font-size:2.2rem; line-height: 2.6rem;}
.menu-font-bleu > ul { padding: 4.4rem 0 2.5rem 0; }
.menu-font-bleu > ul > li > a { font-weight: normal; line-height: 2.2rem; padding: 0 2rem; font-size: 1.8rem; }

.menu-font-vert > a, .menu-font-vert > ul > li > a, .menu-font-vert > a:focus {color: #afe196; position: relative;}
.menu-font-vert > a {font-weight: bold; padding: 0 2.5rem; font-size:2.2rem; line-height: 2.6rem;}
.menu-font-vert > ul { padding: 4.4rem 0 2.5rem 0; }
.menu-font-vert > ul > li > a { font-weight: normal; line-height: 2.2rem; padding: 0 2rem; font-size: 1.8rem; }

.menu-font-orange > a, .menu-font-orange > ul > li > a, .menu-font-orange > a:focus {color: #ff9b7d; position: relative;}
.menu-font-orange > a {font-weight: bold; padding: 0 2.5rem; font-size:2.2rem; line-height: 2.6rem;}
.menu-font-orange > ul { padding: 4.4rem 0 2.5rem 0; }
.menu-font-orange > ul > li > a { font-weight: normal; line-height: 2.2rem; padding: 0 2rem; font-size: 1.8rem; }

.menu-font-jaune > a, .menu-font-jaune > ul > li > a, .menu-font-jaune > a:focus {color: #ebe285; position: relative;}
.menu-font-jaune > a {font-weight: bold; padding: 0 2.5rem; font-size:2.2rem; line-height: 2.6rem;}
.menu-font-jaune > ul { padding: 4.4rem 0 2.5rem 0; }
.menu-font-jaune > ul > li > a { font-weight: normal; line-height: 2.2rem; padding: 0 2rem; font-size: 1.8rem; }

.menu-font-bleu > a:hover {color: #9bc8e6;}
.menu-font-vert > a:hover {color: #afe196;}
.menu-font-orange > a:hover {color: #ff9b7d;}
.menu-font-jaune > a:hover {color: #ebe285;}
.menu-font-bleu > ul > li > a:hover, .menu-font-vert > ul > li > a:hover, .menu-font-orange > ul > li > a:hover, .menu-font-jaune > ul > li > a:hover {color: #ffffff;}

.reseau-sociaux { display: flex; height: 10.5rem; align-items: center; justify-content: center;}
.reseau-sociaux-facebook { width: 2.3rem; height: 2.3rem; margin-right:1rem; background: url("assets/images/facebook.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-facebook:hover { background: url("assets/images/facebook-h.svg") no-repeat center center; transition: all 0.3s;}
.reseau-sociaux-youtube { width: 2.3rem; height: 2.3rem; margin-right:1rem; background: url("assets/images/youtube.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-youtube:hover { background: url("assets/images/youtube-h.svg") no-repeat center center; transition: all 0.3s;}
.reseau-sociaux-instagram { width: 2.3rem; height: 2.3rem; margin-right:1rem; background: url("assets/images/instagram.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-instagram:hover { background: url("assets/images/instagram-h.svg") no-repeat center center; transition: all 0.3s;}
.reseau-sociaux-linked-in { width: 2.3rem; height: 2.3rem; margin-right:1rem; background: url("assets/images/linked.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-linked-in:hover { background: url("assets/images/linked-h.svg") no-repeat center center; transition: all 0.3s;}
.reseau-sociaux-pinterest { width: 2.3rem; height: 2.3rem; margin-right:1rem; background: url("assets/images/pinterest.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-pinterest:hover { background: url("assets/images/pinterest-h.svg") no-repeat center center; transition: all 0.3s;}


.reseau-sociaux-partage { position: absolute; right: 0; top: 5px; display: inline-flex;}
.reseau-sociaux-facebook-partage { width: 2.3rem; height: 2.3rem; margin-right:0.5rem; background: url("assets/images/facebook-partage.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-instagram-partage { width: 2.3rem; height: 2.3rem; margin-right:1rem; background: url("assets/images/instagram-partage.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-linked-in-partage { width: 2.3rem; height: 2.3rem; margin-right:1rem; background: url("assets/images/linked-partage.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}
.reseau-sociaux-twitter-partage { width: 2.3rem; height: 2.3rem; margin-right:0.5rem; background: url("assets/images/twitter-partage.svg") no-repeat center center; background-size: 2.3rem 2.3rem; transition: all 0.3s;}

.navbar { height: 10.5rem; width: 10.5rem;}
.navbar-dark .navbar-toggler-icon { background-image: url("assets/images/iconbar.svg"); width: 100%; height: 100%;}

.logo-lacharte-resp {display: none;}



@media (min-width: 992px) {
  #site-navigation { display: none;}
  .navbar-collapse-resp {display: none;}
  .dropdown:hover .dropdown-menu{ display:initial;}
}

@media (max-width: 991px) {
  .menu-li-first { display: block;}
  .menu-second { height: 8.2rem; border-bottom: 1px solid #141414; border-top: 1px solid #141414;}
  .header-right-links { width: 23.8rem;height: 8rem;}
  .head-links { height: 8rem; width: 8rem; font-size: 1.2rem; padding: 0.5rem;}
  .head-links-first { border-left:0;}
  .logo-lacharte { width: 33rem; margin-left: 40px; margin-right: 2rem; transition: all 0.3s;}
  .bt-menu-desktop-a { display: none;}
  .menu-top { display: none !important;}
  .navbar { height: 8rem; width: 8rem; position: relative;}
  .navbar-toggler { height: 8rem; width: 8rem; background-color: #141414; border-radius: 0; margin: 0; padding: 0;}
  .navbar-collapse { position: absolute; top: 79px; left: 0; right: 0; background-color: #141414; z-index: 9999;}
  .navbar-resp > .menu-item-type-post_type  { min-width: 100%; padding: 2rem 2.5rem !important; border-bottom: 1px solid #ffffff;}
  .nav-link { padding: 0.5rem 0 !important;}
  .menu-font-bleu > ul, .menu-font-vert > ul, .menu-font-orange > ul, .menu-font-jaune > ul { padding: 1.8rem 0 2.5rem 0;}
  .reseau-sociaux { height:77px; justify-content: left; padding: 0 1rem;}
  .navbar-nav .dropdown-menu { position: relative !important; transform: none !important;}
  .no-border-right {border-right: 1px solid #141414;}
}

@media (max-width: 992px) {
  .logo-lacharte {display: none;}
  .logo-lacharte-resp {
    display: inline-flex;
    padding: 2rem;
    height: 8rem;
    border-top: 1px solid #141414;
    border-right: 1px solid #141414;
    border-left: 1px solid #141414;
    margin-top: -1px;
    width: 100%;
  }
  .logo-lacharte-resp img {
    max-width: 32rem;
  }
  .menu-li-first { height: inherit;}
}

/* Footer */

.site-footer { background-color: #141414 !important; margin-top: 0 !important; min-height: 21rem; }
.footer-widgets {list-style: none;}
.footer-widgets .widget { padding: 0 !important; margin: 0;}
.footer-div {color:#ffffff; padding: 2rem;}
.footer-link {color:#ffffff !important;text-decoration: none; }
.footer-link:hover {color:#9bc8e6 !important;}
.footer-link-bleu {color:#9bc8e6 !important;text-decoration: none; }
.footer-link-bleu:hover {color:#ffffff !important;}
.footer-link-vert {color:#afe196 !important;text-decoration: none; }
.footer-link-vert:hover {color:#ffffff !important;}
.footer-link-orange {color:#ff9b7d !important;text-decoration: none; }
.footer-link-orange:hover {color:#ffffff !important;}
.footer-link-jaune {color:#ebe285 !important;text-decoration: none; }
.footer-link-jaune:hover {color:#ffffff !important;}
.footer-1 {font-size:2.6rem; line-height: 2.8rem; font-weight: 600;}
.footer-2 {font-size:1.8rem; line-height: 2.4rem; font-weight: 600;}
.footer-3 {font-size:1.8rem; line-height: 2.4rem; font-weight: 600;}
.footer-4 {font-size:1.8rem; line-height: 2.4rem; font-weight: 600;}
.footer-5 {font-size:1.8rem; line-height: 2.4rem; font-weight: 600;}
.footer-6 {font-size:1.8rem; line-height: 2.4rem; font-weight: 600;}
.footer-5 ul {list-style: none}
/*.footer-5 ul li::before {content: "•"; color: white; display: inline-block; width: 0.6em; margin-left: -1em}*/
.footer-5 ul li {font-size:1.8rem;line-height: 1.8rem; list-style: none}

.footer-5 {font-size:2.2rem;}
.footer-5 li a {font-size:2.2rem;}
.footer-5 ul {padding-left: 0;}

.footer-li, .footer-li p, .footer-li p a {font-size:1.8rem;line-height: 2.1rem; list-style: none}
.footer-li a {font-size:1.8rem;line-height: 2.3rem;}

/* Home */

.bloc-home {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-size: 21.8rem 8.9rem;
}

.bloc-home-charte {
  background: url("assets/images/la-charte-c-quoi.svg") no-repeat center center;
  background-size: 21.8rem 8.9rem;
}

.bloc-home-actualites {
  background: url("assets/images/actualites.svg") no-repeat center center;
  background-size: 19rem;
}

.bloc-home-adherer {
  background: url("assets/images/adherer.svg") no-repeat center center;
  background-size: 16rem;
}

.bloc-home-newsletter {
  background: url("assets/images/newsletter.svg") no-repeat center center;
  background-size: 23.8rem 4.5rem;
}

.bloc-home-portraits {
  background: url("assets/images/portrait-chartiste.svg") no-repeat center center;
  background-size: 26.6rem 9.7rem;
}

.bloc-home-interet p {
  font-size:4.4rem;
  line-height: 5rem;
  font-weight:normal;
  color:#000000;
  text-align: left;
}

.bloc-article {
  position: relative;
  width: 100%;
  height: 100%;
}

.bloc-article h2 {
  position: absolute;
  top: 0;
  left: 0;
  font-size:2.2rem;
  font-weight: bold;
}

.bloc-article p {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size:2.2rem;
  line-height: 2.6rem;
  font-weight: normal;
  color: #000000;
  padding: 0;
  margin: 0;
}

.bloc-article-double {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}

.bloc-article-double h2 {
  font-size:2.2rem;
  font-weight: bold;
  line-height: 2.6rem;
}

.bloc-article-double p {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size:2.2rem;
  line-height: 2.6rem;
  font-weight: normal;
  color: #000000;
  padding: 0;
  margin: 0;
}

.bloc-article-double-bg {
  background-size: cover !important;
  height: 100%;
  margin-left: 2rem;
}
.bloc-article-actu {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}
.home-citation p {
  font-size: 4.4rem;
  line-height: 5rem;
  color: #141414;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#carousel-actus {
  width: 100%;
  height: 100%;
}
#carousel-actus .carousel-inner {
  height: 100%;
}
#carousel-actus .carousel-inner p {
  color: #000;
  font-size: 3rem;
  line-height: 3.8rem;
  width: 100%;
}
#carousel-actus .carousel-inner .carousel-item {
  height: 100%;
  width: 100%;
}
#carousel-actus .carousel-indicators {
  bottom: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#carousel-actus .carousel-indicators li {
  border: 1px solid #ff9b7d;
  background-color: #ffffff;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
#carousel-actus .carousel-indicators .active {
  background-color: #ff9b7d;
}
#carousel-actus .carousel-contenu {
  background-size: cover;
  height: 80%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 4rem;
  background-color: transparent;
}
#carousel-actus .carousel-image {
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
#carousel-actus .carousel-image div {
  background-size: cover;
  height: 100%;
  /*width: 100%;*/
  margin-left: 2rem;
}

@media (min-width:1601px) and (max-width: 1800px) {
  .home-citation p {
    font-size:3.4rem;
    line-height: 3.8rem;
  }
  #carousel-actus .carousel-inner p{
    font-size:2.4rem;
    line-height: 2.8rem;
  }
  .bloc-home-interet p {
    font-size:4rem;
    line-height: 4.6rem;
  }
}

@media (min-width:1201px) and (max-width: 1600px) {
  .home-citation p {
    font-size:3rem;
    line-height: 3.4rem;
  }
  #carousel-actus .carousel-inner p{
    font-size:2rem;
    line-height: 2.2rem;
  }
  .bloc-home-interet p {
    font-size:3rem;
    line-height: 3.6rem;
  }
  .bloc-article-double p, .bloc-article-home p, .carousel-contenu p {
    font-size: 1.8rem !important;
    line-height: 2.2rem !important;
  }
  .bloc-home-charte {
    background-size: 16.8rem;
  }
  .bloc-home-actualites {
    background-size: 16rem;
  }
  .bloc-home-adherer {
    background-size: 12rem;
  }
  .bloc-home-newsletter {
    background-size: 18.8rem;
  }
  .bloc-home-portraits {
    background-size: 19.6rem;
  }
}

@media (min-width:993px) and (max-width: 1200px) {
  .home-citation p {
    font-size:3.6rem;
    line-height: 4rem;
  }
  #carousel-actus .carousel-inner p{
    font-size:2.4rem;
    line-height: 2.8rem;
  }
  .bloc-home-interet p {
    font-size:3.6rem;
    line-height: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .home-citation p {
    font-size:2.8rem;
    line-height: 3rem;
  }
  #carousel-actus .carousel-inner p{
    font-size:2.4rem;
    line-height: 2.8rem;
  }
  .bloc-home-interet p {
    font-size:2.4rem;
    line-height: 3rem;
  }
}

@media (min-width:577px) and (max-width: 767px) {
  .home-citation p {
    font-size:5rem;
    line-height: 5.8rem;
  }
  #carousel-actus .carousel-inner p{
    font-size:2.4rem;
    line-height: 2.8rem;
  }
}

@media (max-width: 576px) {
  .home-citation p {
    font-size:2.8rem;
    line-height: 3rem;
  }
  #carousel-actus .carousel-inner p{
    font-size:2.4rem;
    line-height: 2.8rem;
  }
  .bloc-home-interet p {
    font-size:2.4rem;
    line-height: 3rem;
  }
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 6rem;
  height: 6rem;
  border: 1px solid #000000;
  border-radius: 50%;
  background: url("assets/images/fleche.svg") no-repeat center center;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: center;
  background-size: auto;
  background-size: 1.4rem;
  background-position-x: 2rem;
  position: absolute;
  left: -3rem !important;
  background-color:#ffffff;
  z-index: 99;
}

.slick-next
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 6rem;
  height: 6rem;
  border: 1px solid #000000;
  border-radius: 50%;
  background: url("assets/images/fleche.svg") no-repeat center center;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: center;
  background-size: auto;
  transform: rotate(180deg);
  background-size: 1.4rem;
  background-position-x: 2rem;
  position: absolute;
  right: -3rem !important;
  background-color: #ffffff;
  z-index: 99;
}

@media (max-width: 767px) {
  .slick-prev
  {
    left: 1rem !important;
  }
  .slick-next
  {
    right: 1rem !important;
  }
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
  color: transparent;
  outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
  opacity: 0;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
  opacity: 1;
}

.slick-prev:before,
.slick-next:before
{
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;

  opacity: .75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
  left: -25px;
}
[dir='rtl'] .slick-prev
{
  right: -25px;
  left: auto;
}
.slick-prev:before
{
  content: '';
}
[dir='rtl'] .slick-prev:before
{
  content: '→';
}

.slick-next
{
  right: -25px;
}
[dir='rtl'] .slick-next
{
  right: auto;
  left: -25px;
}
.slick-next:before
{
  content: '';
}
[dir='rtl'] .slick-next:before
{
  content: '';
}

/* Dots */
.slick-dotted.slick-slider
{
  margin-bottom: 30px;
}

.slick-dots
{
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li
{
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button
{
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
  opacity: 1;
}
.slick-dots li button:before
{
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
  opacity: .75;
  color: black;
}

.slick-track {
  position: relative;
  margin-bottom: 27rem;
}

.slider-livres-img {
  width: 75%;
}

.slider-livres-p {
  display: block;
  color: #141414;
  padding: 0 5rem 0 3.6rem !important;
  position: absolute;
  bottom: -18rem;
  height: 15rem;
  width: 100%;
  max-width: 33rem;
  text-transform: none;
  font-size: 1.8rem !important;
  line-height: 2rem !important;
}


/* Gabarit 2 - La Charte */

.la-charte h2 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 5rem 0.5rem 1.2rem 0.5rem;}
.la-charte h3 {font-size:3.8rem; line-height: 4.2rem; font-weight:normal; padding: 1.2rem 0.5rem 0.5rem 0.5rem;}
.la-charte p {font-size:2.2rem; line-height: 3rem; font-weight:normal; padding: 1rem 0.5rem 1rem 0.5rem;}
.la-charte-push-link {display: flex; width: 100%; height: 100%; background: url("assets/images/adherer.svg") no-repeat center center; background-size: 16rem; background-color: #ffffff; transition: all 0.3s;}

@media (min-width:993px) and (max-width: 1200px) {
  .la-charte-push {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}

/* Gabarit 2b */

.gabarit-2b h1 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.gabarit-2b h2 {font-size:3.8rem; line-height: 4.2rem; font-weight:normal; padding: 1.2rem 0.5rem 6rem 0.5rem;}
.gabarit-2b h3 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 6rem 0.5rem 0 0.5rem;}
.gabarit-2b p {font-size:2.2rem; font-weight:normal; padding: 1rem 0.5rem;}
.gabarit-2b-no-article {display: flex; justify-content: center; margin-top: 1.5rem;}

.gabarit-2b-div-pdf {display: flex; flex-direction: column;}
.gabarit-2b-titre-pdf {display: flex; margin-bottom: auto;}
.gabarit-2b-lien-pdf {background: url("assets/images/telecharger-noir.svg") no-repeat left center; background-size: 3.6rem; min-height: 4.2rem; font-size:2.2rem; font-weight:bold; color: #141414; justify-content: right; display: flex; margin-top: 1rem; margin-bottom: 0rem;}
.gabarit-2b-lien-pdf span {display: flex; width: 100%; justify-content: flex-end; flex-direction: row; margin-bottom: -1.6rem;}

.pagination-gab-2b {display: flex; justify-content: center; align-items: center; min-height: 20rem;}
.pagination-gab-2b a, .pagination-gab-2b .current {font-size: 3.5rem; letter-spacing: 0.2rem; color: #000000; margin-right: 0.9rem;}

@media (max-width: 767px) {
  .pagination-gab-2b {margin:0 6rem;}
  .pagination-gab-2b a, .pagination-gab-2b .current {font-size: 2.5rem;}
}

.gabarit-2b > p > a:hover { color:#afe196; }

.fle-art-pag-prev {width: 6rem; height: 6rem; border: 1px solid #000000; border-radius: 50%; background: url("assets/images/fleche.svg") no-repeat center center; background-size: 1.4rem; background-position-x: 2rem; position: absolute; left: -3rem; background-color: #ffffff; top: 7rem;}
.fle-art-pag-next {width: 6rem; height: 6rem; border: 1px solid #000000; border-radius: 50%; background: url("assets/images/fleche.svg") no-repeat center center; transform: rotate(180deg); background-size: 1.4rem; background-position-x: 2rem; position: absolute; right: -3rem; background-color: #ffffff; top: 7rem;}

.txt-art-pag-prev {font-size:2.2rem; font-weight:bold; color:#000000; text-decoration: none; position: absolute; left: 6rem; top: 8.2rem; letter-spacing: 0;}
.txt-art-pag-next {font-size:2.2rem; font-weight:bold; color:#000000; text-decoration: none; position: absolute; right: 6rem; top: 8.2rem; letter-spacing: 0;}

@media (max-width: 1360px) {
  .fle-art-pag-prev {position: absolute; left: 1rem;}
  .fle-art-pag-next {position: absolute; right: 1rem;}
  .txt-art-pag-prev {left: 8rem;}
  .txt-art-pag-next {right: 8rem;}
}

.gabarit-2b label {
  font-size:2.4rem;
  font-weight:normal;
}

.gabarit-2b input {
  width: 90%;
  height: 4.4rem;
  border: 1px solid #141414;
  border-radius: 0;
  font-size:2rem;
  font-weight:normal;
  color: #141414;
}

.gabarit-2b input::placeholder {
  font-size:2rem;
  font-weight:normal;
  color: #141414;
  font-style: italic;
}

.gabarit-2b button {
  width: 90%;
  height: 4.4rem;
  border: 1px solid #141414;
  border-radius: 0;
  font-size:2rem;
  font-weight:normal;
  color: #ffffff;
  background-color: #141414;
  text-align: center;
  text-transform: uppercase;
  margin: 2rem 0 4rem 0;
  transition: all 0.3s;
}

.gabarit-2b button:hover {
  color: #141414;
  background-color: #ffffff;
  transition: all 0.3s;
}

.gabarit-2b select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #ffffff;
  background-image: none;
}

.gabarit-2b select::-ms-expand {
  display: none;
}

.gabarit-2b .select {
  position: relative;
  display: flex;
  width: 90%;
  height: 4.5rem;
  line-height: 3rem;
  background: #ffffff;
  overflow: hidden;
  border-radius: 0;
  border: 1px solid #141414;
  margin-bottom: 0;
  align-items: center;
}

.gabarit-2b select {
  flex: 1;
  padding: 0 .5rem;
  color: #141414;
  cursor: pointer;
  font-weight: normal;
  font-size: 2.2rem;
  height: 4.5rem;
  line-height: 2.2rem;
}

.gabarit-2b .select::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4.4rem;
  padding: 0 1.8rem;
  background: url("assets/images/select-fle.png") no-repeat center center #ffffff;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.gabarit-2b .select:hover::after {
  color: #141414;
}

.specialite-label {
  margin-top: 2rem;
  font-style: italic;
}

.push-pdf {
  border-right: 1px solid #141414;
}

/* Gabarit 3 */

.gabarit-3 h1 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.gabarit-3 h2 {font-size:3.8rem; line-height: 4.2rem; font-weight:normal; padding: 1.2rem 0.5rem 2rem 0.5rem;}
.gabarit-3 h3 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 6rem 0.5rem 0 0.5rem;}
.gabarit-3 p {font-size:2.2rem; font-weight:normal; padding: 1rem 0.5rem;}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 5rem 0;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.div-link {margin-bottom: 3rem; padding: 1.2rem 0.5rem 2rem 0.5rem; }
.div-link a {font-size:2.2rem; font-weight:bold; color:#000000; text-decoration: none; margin-bottom: 2rem}
.div-link a:hover {color:#000000; text-decoration: underline;}

/* Gabarit 4 */

.gabarit-4 h3 {font-size:2.2rem; font-weight:bold; color:#000000; line-height: 2.4rem; padding: 1rem 0.5rem 0 0.5rem;}
.gabarit-4 h3 a {color:#000000;}
.gabarit-4 p {font-size:2.2rem; font-weight:normal; color:#000000; line-height: 2.4rem; padding: 0 0.5rem 0 0.5rem;}
.div-video-gab-4 {position: relative; height: 100%;}
.div-apercu-video {position: absolute; bottom: 0.3rem; left: 0; right: 0;}
.icone-video { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.icone-video::before {content:''; display: flex; width: 5.2rem; height:5.2rem; background: url('assets/images/triangle-video.svg') no-repeat center center; background-size: 5.2rem;}
.gabarit-4 .apercu-video {height: 15.5rem; display: flex; background-size: cover; background-position: center center; margin: 0 0.5rem 0 0.5rem;}

/* Select */
.select-portrait select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #ffffff;
  background-image: none;
}

.select-portrait select::-ms-expand {
  display: none;
}

.select-portrait .select {
  position: relative;
  display: flex;
  width: 30em;
  height: 4.5em;
  line-height: 3;
  background: #ffffff;
  overflow: hidden;
  border-radius: none;
  border: 1px solid #000000;
  margin-bottom: 2rem;
  align-items: center;
}

.select-portrait select {
  flex: 1;
  padding: 0 .5em;
  color: #ff9b7d;
  cursor: pointer;
  font-weight: bold;
  font-size: 2.2rem;
  height: 4.5rem;
}

.select-portrait .select::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4.4rem;
  padding: 0 1.8rem;
  background: url("assets/images/select-fle.png") no-repeat center center #ffffff;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.select-portrait .select:hover::after {
  color: #f39c12;
}

/* Repertoire Chartistes */

.repertoire-chartiste .lettre-alpha {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.repertoire-chartiste h2 a {font-size:2.4rem; line-height: 2.4rem; font-weight:bold; color:#141414; padding: 2rem 0.5rem 2.5rem 2rem;text-decoration: none;}
.repertoire-chartiste h2 a:hover {text-decoration: underline;}
.repertoire-chartiste p {font-size:2.2rem; line-height: 3rem; font-weight:normal; padding: 0rem 0.5rem 0rem 2rem; margin:0;}

.repertoire-chartiste .square-block::before{border:0;}

.repertoire-chartiste-single h2, .repertoire-chartiste-single h2 a {
  padding-top:0;
  padding-bottom: 0;
  line-height: 2.4rem;
}
.repertoire-chartiste-single h2 {
  padding-left:0;
}

/* Repertoire chartiste single */

.repertoire-single section {padding: 2rem 0 3rem 0;}
.repertoire-single h1 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.repertoire-single h2, .repertoire-single .biographie {font-size:3rem; line-height: 3.6rem; font-weight:normal; padding: 1.2rem 0.5rem 2rem 0.5rem;}
.repertoire-single h3 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 6rem 0.5rem 0 0.5rem;}
.repertoire-single p, .repertoire-single address, .repertoire-single div {font-size:2.2rem; font-weight:normal; padding: 1rem 0.5rem;}
.repertoire-single a {color:#141414;}
.repertoire-single a:hover {color:#141414;text-decoration: underline;}
.repertoire-single .biographie {padding: 5rem 0.5rem 2rem 0.5rem;}
.repertoire-single hr {background-color:#141414;height:1px; width: 100%;}

.repertoire-single-div {padding:0 !important;}
.repertoire-single-images {background-size: cover !important;}

.repertoire-link {text-decoration: underline;}
.repertoire-link:hover {text-decoration: none !important; color:#141414;}


@media (min-width: 769px) and (max-width: 991px) {
  .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .carousel-item {
    margin-right: 0;
  }
  /* show 2 items */
  .carousel-inner .active + .carousel-item {
    display: block;
  }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* farthest right hidden item must be also positioned for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
/* MD */
@media (min-width: 769px) {
  /* show 3rd of 3 item slide */
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* right or prev direction */
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
/* LG */
@media (min-width: 991px) {
  /* show 4th item */
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }
  /* Show 5th slide on lg if col-lg-3 */
  .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;  /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* left or forward direction */
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* right or prev direction //t - previous slide direction last item animation fix */
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}


/* Gabarit 12 */

.gabarit-12 h1 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.gabarit-12 h2 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.gabarit-12 h3 {font-size:3.8rem; line-height: 4.2rem; font-weight:normal; padding: 1.2rem 0.5rem;}
.gabarit-12 p {font-size:2.2rem; line-height: 3rem; font-weight:normal; padding: 1rem 0.5rem 1rem 0.5rem;}
.gabarit-12 img {height: auto; width: 100%; margin-top:1.5rem;}
.gabarit-12-lien-pdf {background: url("assets/images/telecharger.svg") no-repeat left center; background-size: 3.6rem; min-height: 4.2rem; font-size:2.2rem; font-weight:bold; color: #141414; justify-content: right; display: flex; margin-top: 1rem; margin-bottom: 1.5rem;}
.gabarit-12-lien-pdf span {display: flex; flex-direction: column; align-items: flex-end; width: 100%; margin-top: 2rem;line-height: 2.4rem;}

/* Gabarit 13 */

.gabarit-13 h1 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.gabarit-13 h2 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.gabarit-13 h3 {font-size:3.8rem; line-height: 4.2rem; font-weight:normal; padding: 1.2rem 0.5rem;}
.gabarit-13 p {font-size:2.2rem; line-height: 3rem; font-weight:normal; padding: 1rem 0.5rem 1rem 0.5rem;}
.gabarit-13 p img {max-height: 45rem; width: auto; max-width: 100%;}

/* Contact */

.div-contact p {font-size:2.2rem;line-height: 3rem;padding: 4rem 0.5rem 1rem 0.5rem;}
.div-contact a {color:#000000;}
.div-contact a:hover {color:#000000; text-decoration: underline;}
.div-contact-form {position:relative;}
.div-contact-form::before {content:''; position: absolute; top:4rem; left:0; bottom: 4rem; width: 1px; background-color: #000000;}
.div-contact-form h2 {font-size:2.2rem; line-height: 3rem; font-weight: bold; text-align: center; padding: 4rem 0.5rem 1rem 0.5rem;}
.div-contact-form .wpcf7 {padding: 0.5rem 0.5rem 1rem 0.5rem;}
.form-contact label {display: inline-flex; margin-bottom: 0.5rem; width: 19%; font-size: 2.2rem; font-weight: bold; line-height: 3rem;}
.form-contact span {display: inline-flex; width: 80%;}
.form-contact span input {height:4.7rem; border: 1px solid #000000; border-radius: 0; margin-bottom: 2rem; font-size: 2rem; max-width: 50rem;}
.form-contact .your-message {width:100%;}
.form-contact span textarea {width:100%; border: 1px solid #000000; border-radius: 0; font-family: "Source Sans Pro" ; font-size: 2rem; margin-bottom: 2rem;}
.form-contact .form-captcha {display: flex; justify-content: flex-start; width: 100%; margin-bottom: 2rem;}
.form-contact .form-submit {display: flex; justify-content: flex-start; width: 100%;}
.form-contact .form-submit .wpcf7-submit {background-color: #000000;color: #ffffff; height: 5rem; width: 50%; max-width: 50rem; border: 1px solid #000000; border-radius: 0; font-size: 2.2rem; text-transform: uppercase; font-weight: bold; text-align: left; margin-bottom: 4rem; transition: all 0.5s;}
.form-contact .form-submit .wpcf7-submit:hover {background-color: #ffffff;color: #000000; transition: all 0.5s;}

@media (max-width: 991px) {
  .form-contact label {width: 29%;}
  .form-contact span {width: 70%;}
}

@media (max-width: 767px) {
  .div-contact-form::before {display: none;}
}

/* Connexion */

.connexion h1 {font-size:4.4rem; line-height: 4.4rem; font-weight:bold; padding: 2rem 0.5rem 2.5rem 0.5rem;}
.connexion-div {border: 1px solid #141414; margin-top:-1px; padding: 6rem 2rem 4rem 2rem; background-color: #9bc8e6; color: #ffffff;}
.connexion-div form h2 {font-size:3.8rem; line-height: 4.2rem; padding: 2rem 0.5rem 2.5rem 0.5rem; color: #ffffff;}
.connexion-div form input {width:100%; max-width:34rem; height: 4.8rem; font-size:2.2rem; color: #000000; border: 1px solid #000000; border-radius:0;}
.connexion-div form input::placeholder {font-size:2.2rem;color: #666666; font-style: italic;}
.connexion-div form p {font-size:2.2rem;color: #000000;}

.connexion-div form input[type="submit"] {background-color: #ffffff; color: #000000; text-align: left; font-weight: bold;}
.connexion-div form input[type="submit"]:hover {background-color: #000000; border: 1px solid #000000; color: #ffffff; transition: all 0.3s;}

.connexion-txt {margin:2rem 0;}

@media (min-width: 769px) {
  .connexion-div:last-child {border-left: 0;}
}

.mdp-lost {color:#000000;font-weight: bold;}
.mdp-lost:hover {color:#000000;text-decoration: underline;}


/* Espace adherent */

.espace-adherent-div h2 {
  font-size:3.8rem;
  line-height: 4.2rem;
  padding: 2rem 0.5rem 2.5rem 0.5rem;
  color: #ffffff;
}

.espace-adherent-div p {
  font-size:2.2rem;
  line-height: 2.4rem;
  padding: 2rem 0.5rem 2.5rem 0.5rem;
  color: #ffffff;
}

.espace-adherent-div {
  border: 1px solid #141414;
  margin-top:-1px;
  padding: 6rem 2rem 4rem 2rem;
  background-color: #9bc8e6;
  color: #ffffff;
}

.espace-adherent-options {
  border: 1px solid #141414;
  border-left:0;
  margin-top:-1px;
  padding: 6rem 2rem 4rem 2rem;
  background-color: #9bc8e6;
  color: #ffffff;
}

.espace-adherent-euro, .espace-adherent-user, .espace-adherent-forum, .espace-adherent-admin, .espace-adherent-questionnaire {
  list-style: none;
  color: #141414;
  padding-left:8rem;
  position: relative;
  height: 6rem;
  display: flex;
  margin-bottom: 2rem;
  align-items: center;
  transition: all 0.3s !important;
}

.espace-adherent-euro::before, .espace-adherent-user::before, .espace-adherent-forum::before, .espace-adherent-admin::before, .espace-adherent-questionnaire::before {
  content:'';
  position: absolute;
  left: 0;
  top: 0;
  height: 6rem;
  width: 6rem;
  background-color: #ffffff;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.3s !important;
}

.espace-adherent-euro::before {
  background: url("assets/images/acces-cotis.svg") no-repeat center center;
  background-color: #ffffff;
  background-size: 1.9rem;
  transition: all 0.3s !important;
}

.espace-adherent-user::before {
  background: url("assets/images/acces-fiche.svg") no-repeat center center #ffffff;
  background-size: 2.3rem;
  transition: all 0.3s !important;
}

.espace-adherent-forum::before {
  background: url("assets/images/acces-forum.svg") no-repeat center center #ffffff;
  background-size: 1.5rem;
  transition: all 0.3s !important;
}

.espace-adherent-questionnaire::before {
  background: url("assets/images/acces-questionnaire.svg") no-repeat center center #ffffff;
  background-size: 1.5rem;
  transition: all 0.3s !important;
}

.espace-adherent-admin::before {
  background: url("assets/images/acces-admin.svg") no-repeat center center #ffffff;
  background-size: 2.5rem;
  transition: all 0.3s !important;
}

.espace-adherent-euro:hover::before, .espace-adherent-user:hover::before, .espace-adherent-forum:hover::before {
  background-color: #000000;
  background-size: 1.9rem;
  background-color: #000000;
  transition: all 0.3s !important;
}

.espace-adherent-euro:hover::before {
  background-size: 1.9rem;
  transition: all 0.3s !important;
}

.espace-adherent-user:hover::before {
  background-color: #000000;
  background-size: 2.3rem;
  background-color: #000000;
  transition: all 0.3s !important;
}

.espace-adherent-forum:hover::before {
  background-color: #000000;
  background-size: 1.5rem;
  background-color: #000000;
  transition: all 0.3s !important;
}

.espace-adherent-admin:hover::before {
  background-color: #000000;
  background-size: 2.5rem;
  background-color: #000000;
  transition: all 0.3s !important;
}

.espace-adherent-euro a, .espace-adherent-user a, .espace-adherent-forum a, .espace-adherent-euro, .espace-adherent-user, .espace-adherent-forum, .espace-adherent-admin a, .espace-adherent-admin, .espace-adherent-questionnaire {
  font-size:2.2rem;
  color:#000000;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s !important;
}

.espace-adherent-euro a:hover, .espace-adherent-user a:hover, .espace-adherent-forum a:hover, .espace-adherent-euro a:focus, .espace-adherent-user a:focus, .espace-adherent-forum a:focus, .espace-adherent-euro a:active, .espace-adherent-user a:active, .espace-adherent-forum a:active, .espace-adherent-admin a:hover, .espace-adherent-admin a:active, .espace-adherent-admin a:focus {
  color: #000000;
  text-decoration: underline;
}

.paypal-button {
  background-color: transparent !important;
  border: 0 !important;
  font-size: 2.2rem;
  color: #000 !important;
  font-weight: bold !important;
  padding: 0 !important;
  margin: 0 !important;
}

.espace-adherent-paypal p {
  font-size: 1.8rem;
  color: #000 !important;
  padding-left: 8rem;
  line-height: 2.4rem;
}

.espace-adherent-paypal p:first-child {
  padding-left: 0;
}

.espace-adherent-paypal p:nth-child(3) {
  font-size: 2.2rem;
}


.espace-adherent-paypal p span {
  font-size: 1.8rem;
}

.no-resultat {
  padding: 5rem 0;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

/* Autocomplete */

.ui-menu {
  background-color: #ffffff;
  margin: 0;
  padding: 0.6rem;
  max-width: 360px;
}

.ui-menu-item {
  background-color: #ffffff;
  margin: 0;
  padding: 0.6rem;
  list-style: none;
  font-size: 1.5rem;
}

.dots {
  display: none;
}

.col-resp-none {
  display: initial;
}

@media (max-width: 767px) {
  .col-resp-none {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1280px) {
  .col-tab-none {
    display: none;
  }
}

.div-newsletter .form-captcha, .div-newsletter .form-submit {
  padding: 1rem 0.5rem;
}

.div-newsletter .form-submit {
  margin-bottom: 9rem;
}

/* Page login */

#login {
  margin-top: 10vh;
  margin-bottom: 10vh;
  padding: 3rem 0;
}

#login h1, #login h2, #login #backtoblog {
  display: none;
}

#login .message, #login form label {
  text-align: center;
  width: 100%;
}

#login #nav {
  text-align: center;
}

#login .submit input {
  background-color: #141414 !important;
  color: #ffffff !important;
  height: 5rem;
  width: 100%;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  font-size: 2rem;
  text-align: center !important;
  text-transform: uppercase;
  font-weight: bold !important;
  margin-bottom: 4rem;
  margin-left: 0;
  margin-right: 0;
  transition: all 0.5s;
  padding: 0.5rem 1.25rem !important;
}

#login .submit input:hover {
  background-color: #ffffff !important;
  color: #141414 !important;
  transition: all 0.5s;
  padding: 0.5rem 1.25rem !important;
}

#login .input {
  height: 4.7rem;
  border: 1px solid #000000;
  border-radius: 0;
  margin-bottom: 2rem;
  font-size: 2rem;
  max-width: 50rem;
}

#login form {
  border-top: 1px solid #141414;
  padding-top: 1rem;
}

#login .acf-user-register-fields {
  display: none;
}

.user-pass-wrap {
  font-size: 2.2rem;
}

.confirmation {
  font-weight: bold;
}

#login_error {
  font-weight: bold;
  color: #cc0000 !important;
  font-size: 2.2rem;
  text-align: center;
}

.forgetmenot, .wp-pwd button {
  display: none !important;
}

/* Formulaires ACF */

.acf-button {
  background-color: #9bc8e6 !important;
  color: #141414 !important;
  height: 5rem;
  /*width: 50%;
  max-width: 30rem;*/
  border: 1px solid #141414 !important;
  border-radius: 0 !important;
  font-size: 2.2rem;
  text-transform: uppercase;
  font-weight: bold !important;
  text-align: left;
  margin-bottom: 4rem;
  margin-left: 1rem;
  transition: all 0.5s;
  padding: 0.5rem 1.25rem !important;
}

.acf-button:hover {
  background-color: #ffffff !important;
  color: #141414 !important;
  transition: all 0.5s;
  padding: 0.5rem 1.25rem !important;
}

.acf-actions .acf-button {
  height: 4rem;
  font-size: 1.6rem;
  transition: all 0.5s;
  padding: 0.5rem 1.25rem !important;
}

.acf-fields.-border {
  border: 0 !important;
}

/* Inscription */

#repertoire-form > .acf-fields {
  display: flex;
  flex-wrap: wrap;
}

#repertoire-form .acf-fields .acf-field {
  padding: 0 !important;
  width: 100%;
}

#repertoire-form .acf-fields .acf-field .acf-label {
  padding: 0.2rem 0;
}

#repertoire-form > .acf-fields > .acf-field-radio {
  width: 100%;
}

#repertoire-form .double-col {
  display: inline-flex;
  width: 48% !important;
  margin: 1rem 1rem 1rem 0;
}

@media (max-width: 992px) {
  #repertoire-form .double-col {
    width: 96% !important;
  }
}

#repertoire-form .double-col .acf-input, #repertoire-form .double-col .acf-input input {
  width: 100%;
}

#repertoire-form > .acf-fields > .acf-field > .acf-label > label[for="acf-field_5db0219c4494d"], #repertoire-form > .acf-fields > .acf-field > .acf-label > label[for="acf-field_5db03a0ea21b7"], #repertoire-form > .acf-fields > .acf-field > .acf-label > label[for="acf-field_5db198babf6bf"], #repertoire-form > .acf-fields > .acf-field > .acf-label > label[for="acf-field_5db19ba098208"], #repertoire-form > .acf-fields > .acf-field > .acf-label > label[for="acf-field_5db19c5c714a8"], #repertoire-form > .acf-fields > .acf-field > .acf-label > label[for="acf-field_5db19d3eb1286"], #repertoire-form > .acf-fields > .acf-field > .acf-label > label[for="acf-field_62cc2c03ec146"] {
  padding: 5rem 0 3rem 0;
  font-size:3.8rem !important;
  line-height: 4.2rem;
  font-weight:normal;
}

#repertoire-form > .acf-fields > .acf-field {
  border-top: 0 !important;
}

#repertoire-form > .acf-form-submit > .acf-button {
  margin: 3rem 0 5rem 0;
  padding: 0.7rem 3rem !important;
}

#repertoire-form > .acf-fields > .acf-field > .acf-input > .acf-input-wrap > input {
  height: 48px;
  border: 1px solid #141414;
  border-radius: 0;
}

#repertoire-form input[type="file"], #repertoire-auteur input[type="file"] {
  border: 1px solid #141414;
  width: 100%;
  height: 47px;
}

#repertoire-form input[type=file]::-webkit-file-upload-button, #repertoire-auteur input[type=file]::-webkit-file-upload-button {
  border-right: 1px solid #141414;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  background: #9bc8e6;
  height: 100%;
}

#repertoire-form input[type=file]::-ms-browse, #repertoire-auteur input[type=file]::-ms-browse {
  border-right: 1px solid #141414;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  background: #9bc8e6;
  height: 100%;
}

#repertoire-form .acf-input-wrap:has(input:required):after, #repertoire-form .is-required .acf-label p:after{
  content: ' *' !important;
  color: red !important;
  font-size: 30px;
}



#repertoire-form .acf-input-wrap{
  display: flex;
  align-items: center;
}
#repertoire-form input {
  max-width: 560px;
}



.button-wrap {
  position: relative;
}

.new-button {
  display: inline-block;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #9c27b0;
  font-size: 16px;
  color: #fff;
}


#repertoire-auteur input, #repertoire-auteur select {
  height: 48px;
  border: 1px solid #141414;
  border-radius: 0;
}


[data-name="region_repertoire"]{
  display: none;
}

#repertoire-form p {
  color: #141414 !important;
  font-size: 2rem;
}

#repertoire-form label, #repertoire-auteur label {
  font-size: 2rem;
  width: 100%;
}

#repertoire-form .acf-field-5db01ddeb8098, #repertoire-form .acf-field-5db01f815278b, #repertoire-form .acf-field-5db01fbac9104, #repertoire-form .acf-field-5db01ffba9da1, #repertoire-form .acf-field-5db02013a9da2, #repertoire-form .acf-field-5db0202ea9da3, #repertoire-form .acf-field-5db02044a9da4, #repertoire-form .acf-field-5db02060a9da5, #repertoire-form .acf-field-5db0208bb3db0, #repertoire-form .acf-field-5db020a6b3db1, #repertoire-form .acf-field-5db020bdb3db2, #repertoire-form .acf-field-5db020d5b3db3, #repertoire-form .acf-field-5db020f4b3db5, #repertoire-form .acf-field-5db01fe3a9da0 {
  display: none;
}

/* Modification formulaire */

.acf-label {
  font-size:3.8rem !important;
  line-height: 4.2rem;
  font-weight:normal;
  padding: 1.2rem 0.5rem 6rem 0.5rem;
  color: #9bc8e6 !important;
}

.acf-fields > .acf-field {
  padding: 0 !important;
}

.acf-required {
  display: none;
}

.acf-field-group .acf-label {
  padding: 0.2rem 0;
}

#repertoire-auteur .acf-fields {
  display: flex;
  flex-wrap: wrap;
}

#repertoire-auteur .acf-fields .acf-field {
  padding: 0 !important;
  width: 100%;
}

#repertoire-auteur .acf-fields .acf-field .acf-label {
  padding: 0.2rem 0;
}

#repertoire-auteur .acf-field-radio {
  width: 100%;
}

#repertoire-auteur .double-col {
  display: inline-flex;
  width: 24% !important;
  margin: 1rem 1rem 1rem 0;
}

#repertoire-auteur .double-col-50 {
  width: 48% !important;
}

@media (max-width: 992px) {
  #repertoire-auteur .double-col {
    width: 96% !important;
  }
}

#repertoire-auteur .double-col .acf-input, #repertoire-auteur .double-col .acf-input input {
  width: 100%;
}

label[for="acf-field_5da5cfb7ea3d4"], label[for="acf-field_5db0214a7401f"], label[for="acf-field_5db025a828016"], label[for="acf-field_5db1a49ae73ba"], label[for=""], label[for=""] {
  padding: 5rem 0 3rem 0;
  font-size:3.8rem !important;
  line-height: 4.2rem;
  font-weight:normal !important;
  margin-top: 5rem !important;
}

#repertoire-auteur .acf-field {
  border-top: 0 !important;
}

#repertoire-auteur > .acf-form-submit > .acf-button {
  margin: 3rem 0 5rem 0;
  padding: 0.7rem 3rem !important;
}

#repertoire-auteur > .acf-fields > .acf-field > .acf-input > .acf-input-wrap > input {
  height: 48px;
  border: 1px solid #141414;
  border-radius: 0;
}

#repertoire-auteur input[type="checkbox"] {
  width: 2rem !important;
}

#repertoire-auteur input, #repertoire-auteur select {
  height: 48px;
  border: 1px solid #141414;
  border-radius: 0;
}


[data-name="region_repertoire"]{
  display: none;
}

#repertoire-auteur input[type="radio"], #repertoire-form input[type="radio"], #repertoire-auteur input[type="checkbox"], #repertoire-form input[type="checkbox"] {
  height: 16px;
  margin-bottom: 14px;
  margin-top: 10px;
}

#repertoire-auteur p {
  color: #141414 !important;
  font-size: 2rem;
}

#repertoire-auteur label {
  font-size: 2rem;
}

#repertoire-auteur > .acf-fields > .acf-field > .acf-input > .acf-fields > .acf-field-5db02253c35e6, #repertoire-auteur > .acf-fields > .acf-field > .acf-input > .acf-fields > .acf-field-5db0241f6e205 {
  display: block !important;
  margin-top: 2rem;
}

.acf-row .select2-container.-acf .select2-selection--single .select2-selection__rendered {
  font-size: 1.4rem;
}

.select2-container.-acf .select2-selection {
  border-color: #141414;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #141414 !important;
  border-radius: 0 !important;
  height: 4.8rem !important;
  padding-top: 0.9rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
}

#repertoire-auteur > .acf-fields > .acf-field > .acf-input > textarea {
  border: 1px solid #141414 !important;
  border-radius: 0 !important;
}

#repertoire-auteur .acf-field-file {
  min-height: 11rem;
}

.acf-actions {
  min-height: 5rem;
  padding: 2rem 0.5rem;
}

@media (min-width: 700px) {
  .acf-actions {
    min-height: 8rem;
  }
  .acf-field-checkbox {
    min-width: 15rem;
  }
}

.custom-file-label::after {
  height: 4.8rem;
  color: #141414;
  content: "Choisir un fichier";
  background-color: #9bc8e6;
  border-left: 1px solid #141414;
  border-radius: 0;
  padding-top: 0.9rem;
}

.custom-file-label {
  height: calc(4.8rem + 2px);
  padding: 0.375rem 0.75rem;
  color: #141414;
  background-color: #fff;
  border: 1px solid #141414;
  border-radius: 0;
  padding-top: 0.9rem;
}

.alert-success {
  color: #141414;
  background-color: #ffffff;
  border-color: #9bc8e6;
}

.alert {
  margin-bottom: 5rem;
}

.deconnexion {
  position: absolute;
  right: 0;
  top: 3.2rem;
}

@media (max-width: 700px) {
  .deconnexion {
    position: absolute;
    right: -1.6rem;
    top: 0.3rem;
  }
}

.deconnexion a {
  background-color: #141414;
  color: #ffffff;
  padding: 0.5rem 1rem;
  text-decoration: none;
  font-size: 1.3rem;
}

.deconnexion a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#login_error a {
  display: block;
  width: 100%;
  color: #141414;
}

.user-pass1-wrap p label {
  font-weight: bold;
}

#pass-strength-result {
  width:100%;
  font-size: 1.3rem;
}

.pw-weak input {
  width: 18px;
  height: 18px;
}

.pw-weak label {
  width: 90% !important;
  font-size: 13px;
  padding-top: 3px;
  text-align: left !important;
}

.pw-weak input[type="checkbox"]:checked::before {
  content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E);
  margin: -.1875rem 0 0 -.25rem;
  height: 20px;
  width: 20px;
}

.gabarit-2b .dots {
  display: block !important;
  font-size: 3.5rem;
  letter-spacing: 1.5rem;
  color: #000000;
  text-align: center;
}

@media (max-width: 767px) {
  .gabarit-2b .dots {font-size: 2.5rem;}
}

.bt-retour-actus {
  font-size: 2.2rem;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
  padding-bottom: 2rem;
}

.bt-retour-actus:hover {
  text-decoration: underline;
  color: #000000;
}