@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-light.eot") format('embedded-opentype'),
       url("../font/montserrat/montserrat-light.woff2") format('woff2'),
       url("../font/montserrat/montserrat-light.woff") format('woff'),
       url("../font/montserrat/montserrat-light.ttf") format('truetype'),
       url("../font/montserrat/montserrat-light.svg") format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-normal.eot") format('embedded-opentype'),
       url("../font/montserrat/montserrat-normal.woff2") format('woff2'),
       url("../font/montserrat/montserrat-normal.woff") format('woff'),
       url("../font/montserrat/montserrat-normal.ttf") format('truetype'),
       url("../font/montserrat/montserrat-normal.svg") format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-bold.eot") format('embedded-opentype'),
       url("../font/montserrat/montserrat-bold.woff2") format('woff2'),
       url("../font/montserrat/montserrat-bold.woff") format('woff'),
       url("../font/montserrat/montserrat-bold.ttf") format('truetype'),
       url("../font/montserrat/montserrat-bold.svg") format('svg');
  font-weight: 700;
  font-style: normal;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px;
}

kbd {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

pre {
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 10px;
}

blockquote {
  border-left: 3px solid #29abe2;
}

strong {
  font-weight: 500;
}

.text-primary {
  color: #29abe2;
}

a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  /* Blink, Chrome */
  box-shadow: none;
  outline: none;
  /* Firefox */
  outline: auto 1px -webkit-focus-ring-color;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #1a8dbe;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.text-muted {
  color: #555555;
}

a.text-muted:hover,
a.text-muted:focus {
  color: #3c3c3c;
}

.text-gray {
  color: #555555;
}

a.text-gray:hover,
a.text-gray:focus {
  color: #3c3c3c;
}

.text-gray-light {
  color: #777;
}

a.text-gray-light:hover,
a.text-gray-light:focus {
  color: #5e5e5e;
}

.text-gray-lighter {
  color: #adadad;
}

a.text-gray-lighter:hover,
a.text-gray-lighter:focus {
  color: #949494;
}

.text-gray-lightest {
  color: #e6e6e6;
}

a.text-gray-lightest:hover,
a.text-gray-lightest:focus {
  color: #cdcdcd;
}

.text-accent {
  color: #ffc142;
}

a.text-accent:hover,
a.text-accent:focus {
  color: #ffb00f;
}

.bg-primary {
  background-color: #29abe2;
}

.bg-secondary {
  background-color: #1f80aa;
}

.bg-accent {
  background-color: #ffc142;
}

.bg-success {
  background-color: #dff0d8;
}

.bg-warning {
  background-color: #fcf8e3;
}

.bg-danger {
  background-color: #f2dede;
}

.bg-info {
  background-color: #d9edf7;
}

.bg-gray-base {
  background-color: #000;
}

.bg-gray-darker {
  background-color: #222222;
}

.bg-gray-dark {
  background-color: #333333;
}

.bg-gray {
  background-color: #555555;
}

.bg-gray-light {
  background-color: #777;
}

.bg-gray-light-1 {
  background-color: #adadad;
}

.bg-gray-lighter {
  background-color: #e6e6e6;
}

.bg-gray-lighter-1 {
  background-color: #f7f7f7;
}

.bg-gray-lightest {
  background-color: #f3f3f3;
}

.bg-white {
  background-color: white;
}

.brand-primary {
  background-color: #29abe2;
  border-color: #29abe2;
  color: white;
}

a.brand-primary:hover,
a.brand-primary:focus {
  background-color: #1a8dbe;
  border-color: #1a8dbe;
  color: white;
}

.brand-secondary {
  background-color: #1f80aa;
  border-color: #1f80aa;
  color: white;
}

a.brand-secondary:hover,
a.brand-secondary:focus {
  background-color: #17607f;
  border-color: #17607f;
  color: white;
}

.brand-accent {
  background-color: #ffc142;
  border-color: #ffc142;
  color: #4d4d4d;
}

a.brand-accent:hover,
a.brand-accent:focus {
  background-color: #ffb00f;
  border-color: #ffb00f;
  color: #4d4d4d;
}

.brand-user {
  background-color: #222222;
  border-color: #222222;
  color: white;
}

a.brand-user:hover,
a.brand-user:focus {
  background-color: #090909;
  border-color: #090909;
  color: white;
}

.default-light {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #4d4d4d;
}

a.default-light:hover,
a.default-light:focus {
  background-color: #cdcdcd;
  border-color: #cdcdcd;
  color: #4d4d4d;
}

body {
  font-family: "montserrat", sans-serif;
  font-size: 14px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4d4d4d;
  background-color: #f3f3f3;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c3e7f7;
}

.table-hover .table-primary:hover {
  background-color: #addef4;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #addef4;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #c0dbe7;
}

.table-hover .table-secondary:hover {
  background-color: #aed0e0;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #aed0e0;
}

.table-accent,
.table-accent > th,
.table-accent > td {
  background-color: #ffeeca;
}

.table-hover .table-accent:hover {
  background-color: #ffe6b1;
}

.table-hover .table-accent:hover > td,
.table-hover .table-accent:hover > th {
  background-color: #ffe6b1;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d1ebd1;
}

.table-hover .table-success:hover {
  background-color: #bfe3bf;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #bfe3bf;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c6eaf8;
}

.table-hover .table-info:hover {
  background-color: #afe2f5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #afe2f5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffdeb8;
}

.table-hover .table-warning:hover {
  background-color: #ffd29f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffd29f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f4cfce;
}

.table-hover .table-danger:hover {
  background-color: #efbbb9;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #efbbb9;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #f8f8f8;
}

.table-hover .table-light:hover {
  background-color: #ebebeb;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ebebeb;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c6c6;
}

.table-hover .table-dark:hover {
  background-color: #b9b9b9;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9b9b9;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .table {
  background-color: #f3f3f3;
}

.table th a {
  color: #1d789e;
}

.table th.is-active > a {
  color: #29abe2;
}

.table .icon-tablesort {
  fill: #29abe2;
}

.img-avatar,
.avatar img,
.avatar-icon {
  border-radius: 5px;
}

/* ajout classes perso - voir si possible de placer dans un fichier css propre */
html {
	scroll-behavior: smooth;
	font-family: 'Montserrat', sans-serif;
}
/* global */
body {
	background-color: #FAFAFA;
}

section {
	overflow: hidden;
}

#content .btn {
	text-transform: uppercase;
}
#content .btn-default {
	font-size: 0.7rem;
	padding: 3px 10px;
	border-radius: 0 !important;
}
#content .btn-default:hover {
	background-color: #FBF7D1;
}
#content .btn-primary {
    background-color: #C8231B !important;
    font-size: 0.7rem;
    padding: 5px 10px;
    transition: .3s ease-out;
    border: none;
    border-radius: 0 !important;
}
#content .btn-primary:hover{
	background-color: #000 !important;
	border-color: #000 !important;
}
html .badge-default {
    background-color: #000;
    color: #fff;
    padding: 3px 10px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 0.7rem;
    margin-left: 5px;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1;
}
html .card {
	border-radius: 0 !important;
}
.path-user #content .container {
	margin-top: 30px;
}
/* footer */
.footer-block--body a {
	color: orange;
	font-weight: 300;
}
.footer-block--body a:hover {
	color: #fff;
}
/* marges diverses */
.path-motos section.container,
.path-ateliers section.container,
.path-cine-tv section.container,
.path-tutoriels section.container,
.path-pages-web section.container,
.path-annonces section.container,
.path-articles section.container,
.path-bonnes-adresses section.container,
.path-assos section.container,
.path-groupes section.container {
	margin-top: 50px;
}
#main-navigation .nav > li > a {
    padding: 0.5em 8px;
}
/* masquage forçé sidebar */
.path-user aside, .path-contact aside {
	display: none;
}
.path-user #content .container {
    margin-top: 50px;
    max-width: 980px;
    width: 100%;
    display: block;
}
.path-user #content .container .region--content, .path-contact #content .container .region--content {
	max-width: 1170px !important;
	margin: 0 auto;
	padding: 0 15px;
}
/* formulaires de contact */
.path-contact #content .container .region--content .sr-only {
    position: relative;
    height: auto;
    width: auto;
} 
/* bannière intro visiteurs */
#block-socialblue-anhomepageheroblock .hero-canvas {
    padding: 1.2rem 1.2rem 2rem;
    border-radius: 0 !important;
    box-shadow: 2px 2px 4px 0px #000000;
}
#block-socialblue-anhomepageheroblock .hero-canvas p {
    padding: 5px 0 0;
    font-size: 1rem;
}
#block-socialblue-anhomepageheroblock .hero-canvas h3 {
    font-weight: 300;
    font-size: 2.5rem;
    text-transform: uppercase;
    margin: 0 0 10px;
}
#block-socialblue-anhomepageheroblock .hero-canvas h4 {
    font-weight: 300;
    font-size: 1.7rem;
}
#block-socialblue-anhomepageheroblock .hero-canvas h5 {
    margin: 0;
}
#block-socialblue-anhomepageheroblock .hero-cta-wrapper .btn-primary {
    background: #000;
    border: 1px solid orange;
    border-radius: 0 !important;
    text-transform: uppercase;
}
#block-socialblue-anhomepageheroblock .hero-cta-wrapper .btn-primary::hover {
    background: orange;
}
#block-socialblue-anhomepageheroblock .hero-cta-wrapper .btn-default {
    border: 1px solid #000;
    border-radius: 0 !important;
    text-transform: uppercase;
}
/* affiliation amazon */
.amazon-ads {
	float: left;
}
.amazon-ads-item {
	float: left;
	width: 125px;
}
/* header */
#block-socialblue-sitebranding .navbar-brand > img {
	max-height: 35px;
}
.navbar-default {
	background-color: #0c1017 !important;
}
.navbar__open-search-control {
	padding: 5px;
}
#main-navigation .navbar__open-search-block {
	background-color: #000;
	/*width: 100vw !important;*/
	height: 35px;
	margin-top: 9px;
	border-radius: 0;
}
#main-navigation .navbar__open-search-control a.navbar__open-search-block {
	/*width: 100vw !important;*/
}
#main-navigation .navbar__open-search-block svg {
    margin: 6px 0 0 -2px;
}
/* navigation */
.navbar-nav > li > a:hover {
	color: #F1756F !important;
}
nav.navbar-fixed-top .navbar-nav > li > a, .navbar-nav > li > button {
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
nav.navbar-fixed-top .navbar-user li a {
    margin-top: 15px !important;
    margin-bottom: -10px !important;
    /* padding-top: 0 !important; */
    /* padding-bottom: 0 !important; */
}
.container--navbar {
	align-items: center;
	max-width: 100% !important;
	width: 100% !important;
}
li.profile ul.navbar-nav {
	margin-top: -10px;
}
li.profile ul.navbar-nav a {
	line-height: 1;
	height: 40px;
}
.navbar-default .navbar-nav > li > a.is-active {
	background-color: #C8231B !important;
	color: #fff !important;
}
/* .navbar-default .navbar-nav > li > a.is-active::after {
	position: absolute;
	width: 100%;
	left: 0;
	background: #C8231B;
	bottom: -8px;
	content: "";
	height: 8px;
	z-index: 1;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
} */
nav.navbar-secondary .navbar-scrollable{ 
	margin-top: 60px;
}
.navbar-collapse {
	order: 0 !important;
}
nav#block-follow a.dropdown-toggle {
	/*content: url('/html/sites/default/files/follow-ico.png');
	height: 32px;
	padding: 17px 0 0 !important;*/
}
body.path-user nav.navbar-secondary .navbar-scrollable {
	margin-top: 0px;
}

/* bouton CTA banniere groupe */
.cover-wrap footer.hero-footer .hero-footer__cta {
	position: relative;
	top: -40px;
}

/* node groupe */
body.path-group nav.navbar-secondary .navbar-scrollable {
	margin-top: 0;
}

/* hack flag profile - 11012023 */
section#block-socialblue-content a.btn-follow {
	background: #ffc142;
}
body.path-user section#block-socialblue-content a.btn-follow {
	margin: 0 0 15px;
}
/*section#block-socialblue-content a.btn-follow::after {
	content: url('/html/sites/default/files/follow-ico.png');
	height: 15px;
	display: inline-flex;
	width: 15px;
	margin: 0 0 0 10px;
	vertical-align: bottom;
	position: relative;
}*/

/* pages profils suivis et qui me suit */
body.path-flag-followers .teaser__content {
	padding: 10px;
	flex: initial;
}
body.path-flag-followers .teaser__content .teaser__title {
	margin-bottom: 0;
}
body.path-flag-followers .teaser__content .inline-profil-skill {
	/* display: none; */
}
body.path-flag-followers .teaser__content p {
	display: none;
}
body.path-flag-followers .teaser__content .field--name-field-profile-bitrthdate,
body.path-flag-followers .teaser__content .field--name-field-profile-address,
body.path-flag-followers .teaser__content .field--name-field-profile-address p {
	display: inline;
}
body.path-flag-followers .teaser__image {
	flex: initial;
	height: auto;
}
body.path-flag-followers .teaser {
	height: auto;
	/*margin-bottom: 0;*/
}
body.path-flag-followers .teaser__image img {
	width: 150px;
}
body.path-flag-followers .card__actionbar {
	padding: 0 15px 0 0;
}
body.path-flag-followers .views-field-count{
	display: inline-block;
	vertical-align: super;
}
body.path-flag-followers .views-field-link-flag {
	display: inline;
	margin: 0 0 0 15px;
}
.follow-view-col-1 {
	margin: 10px 0 0;
}
.follow-view-col-2 {
	background: #fff;
	box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
	border-radius: 5px;
	padding: 5px 20px 3px;
	margin-top: -15px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*margin-bottom: 15px;*/
}
.row-eq-height .col-md-3 {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
body.path-flag-followers .region--content {
	padding-left: 0;
}
body.path-flag-followers .field--type-address br {
	display: none;
}
body.path-flag-followers .region--breadcrumb {
	display: none;
}
.hero-followers {
	display: flex;
	margin: 0 0 60px;
	width: auto;
	align-items: center;
	justify-content: center;
}
.hero-followers .view-flag-followers {
	background: #ffc142;
	color: #000;
	padding: 5px 15px 3px;
	text-transform: uppercase;
	border-radius: 5px;
}
body.path-user .cover .page-title {
	padding-bottom: 0;
}
/*#block-socialblue-accountheaderblock a.flag-suivre-ce-profil,
body.path-user  .card__block a.flag-suivre-ce-profil {
	display: none;
}
#block-socialblue-accountheaderblock li.profile a.dropdown-toggle {
	position: absolute;
	background: transparent;
	z-index: 9;
}
#block-socialblue-accountheaderblock li.profile .profile {
	margin-top: 20px;
	z-index: 0;
	position: relative;
}
body.path-user .cover-wrap a.flag-suivre-ce-profil {
	background: #ffc142;
	color: #000;
	width: fit-content;
	top: 50px;
	position: absolute;
}*/

/* global */
.card {
	box-shadow: none !important;
	border: 1px solid #ECEAEA;
}
/*body.path-community-events section.container{
	margin: 50px 0 0;
}*/
/*body.path-community-events .view-display-id-page_community_events {
	margin: 20px 0 0;
}*/

/* page all events */
body.page-node-type-event .cover-wrap > .hero-footer {
	bottom: 50px;
}
body.path-community-events form:not(.layout-builder-configure-block) fieldset {
	margin-top: 0;
	margin-bottom: 5px;
}
body.path-community-events main#content,
body.path-albums main#content {
	margin-top: 50px;
}
body.path-community-events form:not(.layout-builder-configure-block) .radio {
	display: inline;
}
body.path-community-events form:not(.layout-builder-configure-block) .radio label {
	padding-left: 25px;
	margin-left: 5px;
}
body.path-community-events form#views-exposed-form-upcoming-events-page-community-events .form-item {
	display: inline-block;
}
body.path-community-events form#views-exposed-form-upcoming-events-page-community-events .views-exposed-form__actions {
	display: inline;
}
body.path-community-events .badge-primary {
	background-color: green;
	padding: 5px 10px;
	border-radius: 5px;
	text-transform: uppercase;
}
body.path-community-events .badge__icon {
	fill: #555555;
}

/* hack label field group */
details#edit-group-add-attachment .btn-flat--gray {
	font-size: 0;
	left: 50px;
	padding: 0 0 0 120px;
	position: absolute;
	margin: -5px 0 0;
}
details#edit-group-add-attachment:before {
	content: 'Ajouter un fichier';
}
details#edit-group-add-attachment .form-item #edit-field-comment-files-0 {
	margin: 10px 0 0;
}

/* node evenement */
#block-socialblue-views-block-event-enrollments-event-enrollments-socialbase .avatar img {
	width: 42.5px;
}
#block-socialblue-views-block-event-enrollments-event-enrollments-socialbase .more-link {
	padding: 5px 10px;
}
body.page-node-type-event nav.navbar-secondary .navbar-scrollable {
	margin-top: 0;
}

/* page questions */
body.path-questions main#content{
	margin-top: 50px;
}
body.path-questions .badge__icon {
	fill: #555555;
}

/* accueil reseau - stream */
body.path-frontpage li.stream-item a.btn{
	background: #0095F6;
	color: #fff;
	border-radius: 5px !important;
	width: 20%;
	margin: auto;
	font-size: .7rem;
	padding: 5px 0;
}
body.path-frontpage .badge-primary {
	background-color: green;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px 10px 3px;
}

/* pages inscription et login */
.path-user main#content {
	background: #000;
}
.path-user section#block-socialblue-pagetitleblock-content h1.section-title {
    display: none;
}
.path-user .banner-login {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0 0;
    background: url('/sites/default/files/banner-signup.jpg');
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center -90px;
}
.path-user .banner-login img {
    width: 100%;
}
.path-user .banner-login .slogan {
    color: #fff;
    position: absolute;
    background: rgba(0,0,0,0.8);
    font-size: 1.5rem;
    padding: 5px 20px;
    border-radius: 10px;
}
.path-user #captcha {
    display: flex;
    justify-content: center;
    margin: 30px 0 0;
}
.path-user #captcha .panel-heading {
	display: none;
}
.path-user #edit-username-login .help-block {
	background: transparent;
}
.path-user #edit-username-login #edit-pass--description {
    float: left;
    margin: 5px 0 0 -10px;
}
.path-user #edit-username-login #edit-pass--description a {
    color: #fff;
    background: #C8231B;
    float: left;
    width: auto;
    font-weight: 500;
    padding: 5px 10px;
}
body.path-user #content .container {
    background: rgba(0,0,0,1);
    padding: 0 0 15px !important;
}
body.path-user #content .region--hero {
	padding: inherit !important;
}
body.path-user .dialog-off-canvas-main-canvas .main-container {
    padding-bottom: 0;
}
body.path-user fieldset#edit-account, body.path-user fieldset#edit-username-login, body.path-user #edit-account {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 10px !important;
    color: #fff;
    padding: 0 30px 15px;
}
body.path-user .help-block {
    background: rgba(255,0,0,0.5);
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 10px;
    color: #fff !important;
}
body.path-user fieldset#edit-account legend.card__title, body.path-user fieldset#edit-username-login legend.card__title {
	color: #fff;
	font-weight: 300;
}
body.path-user fieldset#edit-account .help-block, body.path-user .form-item-name-or-mail .help-block {
    margin-top: 10px;
    color: #fff;
    font-style: italic;
    background: transparent !important;
}
body.path-user fieldset#edit-account .card__block p#edit-account--description {
    margin-top: 0;
    color: orange;
    font-style: normal;
    background: transparent !important;
    text-align: center;
    font-size: 1rem;
}
body.path-user .form-type-checkbox .help-block {
    margin-top: 10px;
    color: #fff;
    font-style: italic;
    background: transparent;
}
body.path-user .view-user-information .card {
	margin: 30px 0;
	border-radius: 10px !important;
}

body.path-user .cover-wrap footer.hero-footer .hero-footer__cta {
	position: fixed;
	top: 50px;
	display: block;
	float: left;
	right: auto;
}
body.path-user .cover-wrap footer.hero-footer .hero-footer__cta a.btn {
	background: red;
	border: none;
	color: #fff;
	font-size: .8rem;
	border-radius: 0 !important;
	padding: 10px 15px 5px;
}

.alert-empty {
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: 50px 0 0;
}
.alert-empty a {
	text-decoration: underline;
}

/* page all groups */
body.path-all-groups section.container, body.path-group section.container {
	margin-top: 20px;
}
form#views-exposed-form-newest-groups-page-all-groups .js-form-item {
	display: inline-block;
}
form#views-exposed-form-newest-groups-page-all-groups #edit-actions {
	display: inline-block;
}
body.path-all-groups .badge__icon {
	fill: #555555;
}

.path-group section#block-socialblue-group-add-event-block a.btn,
.path-group section#block-socialblue-group-add-topic-block a.btn {
	background: orange !important;
	color: #000;
	padding: 5px 5px 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	margin: 0 0 1.25rem 0 !important;
	/* border: 1px solid red !important; */
}

/* global info texte + marges diverses dans creation edition de contenu */
#edit-field-group-description-wrapper .form-group {
	margin-bottom: 5px;
}
fieldset#edit-field-thematique--wrapper .fieldset-wrapper,
fieldset#edit-field-thematique-flex--wrapper .fieldset-wrapper,
fieldset#edit-field-thematique-closed--wrapper .fieldset-wrapper,
fieldset#edit-field-thematique-public--wrapper .fieldset-wrapper,
fieldset#edit-field-thematique-secret--wrapper .fieldset-wrapper {
	margin: 0;
}
.help-block {
	background: rgba(255,0,0,0.1);
	padding: 0 10px;
	width: 100%;
	margin-bottom: 10px;
}
.help-block a {
	background: transparent;
	float: left;
	width: 100%;
	margin: 0 0 5px;
}
body.path-group .form-item-field-flexible-group-visibility label.control-label svg.icon-small {
	display: none;
}
body.path-group form:not(.layout-builder-configure-block) .radio label {
	padding-left: 25px;
}

/* page resultats de recherche */
body.path-search main.main-container {
	margin-top: 60px;
}
body.path-search main.main-container .cover .page-title {
	font-weight: 300;
	text-shadow: none;
	padding-top: 1.5rem;
	padding-bottom: 0;
	text-transform: uppercase;
	font-size: 1rem;
}
body.path-search nav.navbar-secondary .navbar-scrollable {
	margin-top: 0;
}
.custom-teaser-desc, .custom-teaser-desc p {
	font-style: italic;
	margin: 5px 0 0;
}
.custom-teaser-label {
	color: #29abe2;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 10px;
}
body.path-search main.main-container .card__actionbar {
	margin-top: -2.5rem;
	padding: 0 15px 15px;
}
body.path-search svg.badge__icon {
	fill: #555555;
}
.custom-teaser-type {
	color: #fff;
	background: #333;
	text-transform: uppercase;
	padding: 5px 15px 2px;
	border-radius: 5px;
	margin: 0 0 10px;
	display: inline-block;
	font-size: .8rem;
}
.custom-teaser-price {
	display: inline-block;
	font-weight: 500;
	margin: 0 0 0 10px;
}

/* bloc top membres */
.top-block {
	background: #fff;
	border: 1px solid #ECEAEA;
	text-align: center;
	padding: 10px;
	margin: 0 0 15px;
}
/*.top-block .img img {
	border: 1px solid red;
}*/
.top-block .name {
	font-size: 1rem;
}
/*.top-block .iam {
	color: pink;
}
.top-block .birth {
	color: green;
}*/
.top-block .address {
	font-weight: 500;
	margin: 0;
	min-height: 40px;
}
.top-block .like {
	font-weight: 500;
}
/*.top-block .skills {
	font-weight: 500;
}*/
.top-block .flags {
	color: #666;
	position: absolute;
	top: 20px;
	left: 40px;
	background: orange;
	color: #fff;
	font-weight: 500;
	padding: 0 10px 2px;
	border-radius: 5px;
}
.top-block .skills {
	background: orange;
	line-height: 1;
	padding: 5px 0;
	color: #fff;
	font-weight: 500;
}

/* footer */
.site-footer .container {
	align-items: inherit !important;
}
section#block-socialblue-footer-powered img.img-responsive {
	display: none;
}
.footer-cont-custom {
	padding: 0;
}
.footer-logo-custom img {
	width: 100%;
	max-width: 250px;
}
.footer-label-custom-1 {
	font-size: .9rem;
	margin: 5px 0 0;
	font-weight: 500;
}
.footer-label-custom-2 {
	color: orange;
	font-size: 1rem;
}
nav#block-socialblue-footer ul.nav {
	display: block;
}
nav#block-socialblue-footer ul > li, nav#block-pieddepage2 ul > li {
	width: 100%;
}
nav#block-socialblue-footer ul > li a,
.menu-pied-de-page-2 ul > li a,
.menu-pied-de-page- ul > li a {
	padding: 0 !important;
	line-height: 1.5;
}

/* bannière homepage */
.path-frontpage .main-container {
	padding-top: 0;
}
.top-full-width {
	position: relative;
}
#block-socialblue-anhomepageheroblock {
	background-size: cover;
	height: 100vh;
}
#block-socialblue-anhomepageheroblock .cover-wrap {
	min-height: 100vh;
}
#block-socialblue-anhomepageheroblock .hero-canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#intro-member-home {
	background: url('/sites/default/files/styles/social_an_hero/public/2022-03/home-banner-test-3_2.jpg') no-repeat center center;
	background-size: cover;
	height: 100vh;
}
#intro-member-home .container {
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 66.66667%;
}
#intro-member-home .inside {
	background: rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px 0px #000000;
	padding: 1.2rem 1.2rem 2rem;
}
#intro-member-home .inside h3 {
    font-weight: 300;
    font-size: 2.5rem;
    text-transform: uppercase;
    margin: 0 0 10px;
}
#intro-member-home .inside  h4 {
    font-weight: 300;
    font-size: 1.7rem;
}
#intro-member-home .inside  p {
    padding: 5px 0 0;
    font-size: 1rem;
}
#intro-member-home h1 {
	font-size: 1.5rem;
}
#intro-member-home h2 {
	font-size: 1rem;
}
.path-frontpage .region--breadcrumb {
	position: relative;
}
.path-frontpage .layout--with-complementary {
	margin-top: 20px;
}
.path-frontpage #skip-banner {
	float: left;
	margin-top: -50px;
	padding-top: 50px;
}
.skip-cont {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
.skip-cont img {
	width: 100px;
	transition: all 0.5s ease;
}
.skip-cont img:hover {
	transform: rotate(360deg);
}
/* bloc décompte nodes */
.view-decompte-nodes {
	display: inline-block;
}
.stat-count-cont {
	width: 100%;
	text-align: center;
	background: #333;
	padding: 5px 0;
}
.view-bloc-decompte-nodes, .view-bloc-decompte-membres {
	display: inline-block;
}
#stat-count {
	margin: 0 10px;
	padding: 10px 0;
	min-width: 140px;
	border: 1px solid #333;
	transition: all 1s ease;
}
#stat-count:hover {
	border: 1px solid orange;
}
#stat-count img {
	max-height: 40px;
	padding: 5px;
}
#stat-count .stat-count-number {
	color: #E0B31A;
	font-size: 1.2rem;
	font-weight: 500;
}
#stat-count h2 {
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	margin: 0;
}
/* bloc décompte nodes banniere portail */
#portal-stat-auto {
	height: 99.5vh;
	background-image: url('/sites/default/files/auto-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-auto {
	height: auto;
	position: relative;
	background-image: none;
}

#portal-stat-cine {
	height: 99.5vh;
	background-image: url('/sites/default/files/cine-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-cine {
	height: auto;
	position: relative;
	background-image: none;
}

#portal-stat-moto {
	height: 99.5vh;
	background-image: url('/sites/default/files/moto-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-moto {
	height: auto;
	position: relative;
	background-image: none;
}

#portal-stat-atelier {
	height: 99.5vh;
	background-image: url('/sites/default/files/atelier-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-atelier {
	height: auto;
	position: relative;
	background-image: none;
}

#portal-stat-event {
	height: 99.5vh;
	background-image: url('/sites/default/files/event-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-event {
	height: auto;
	position: relative;
	background-image: none;
}

#portal-stat-tuto {
	height: 99.5vh;
	background-image: url('/sites/default/files/tuto-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-tuto {
	height: auto;
	position: relative;
	background-image: none;
}

#portal-stat-adresses {
	height: 99.5vh;
	background-image: url('/sites/default/files/adresses-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-adresses {
	height: auto;
	position: relative;
	background-image: none;
}

#portal-stat-assos {
	height: 99.5vh;
	background-image: url('/sites/default/files/assos-portal-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.path-frontpage #portal-stat-assos {
	height: auto;
	position: relative;
	background-image: none;
}

.view-bloc-decompte-nodes-portail, .view-groupes {
	display: inline-block;
	width: 12.5%;
	font-size: 0;
}
.path-frontpage .view-bloc-decompte-nodes-portail, .view-groupes {
	width: 12.1%;
	padding-top: 0;
}

.stat-count-cont {
	width: 100%;
	text-align: center;
	background: #000;
	padding: 15px 0;
}
.path-frontpage .stat-count-cont {
	padding: 0 0 15px;
}

.view-bloc-decompte-nodes, .view-bloc-decompte-membres, .view-bloc-decompte-groupes {
	display: inline-block;
}

#portal-stat-count {
	margin: 10px;
	padding: 10px 0;
	border: 1px solid #333;
	transition: all 1s ease;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 48px;
	background: rgba(0,0,0,0.4);
}
.path-frontpage #portal-stat-count {
	position: relative;
	top: 0;
	padding: 3px 0 6px;
	margin: 0 5px;
	background: #000;
}

#portal-stat-count:hover {
	border: 1px solid orange;
}
#portal-stat-count img {
	max-height: 40px;
	padding: 5px;
}

#portal-stat-count .stat-count-number {
	color: orange;
	font-size: 5rem;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.path-frontpage #portal-stat-count .stat-count-number {
	font-size: 2rem;
	position: relative;
	bottom: auto;
	line-height: 1;
}

#portal-stat-count h2 {
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	margin: 0;
	bottom: 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.path-frontpage #portal-stat-count h2 {
	bottom: auto;
	position: relative;
	font-size: .8rem;
}

.path-frontpage #block-views-block-bloc-decompte-nodes-portail-sur-reseau-block-2 {
	margin-top: -55px;
}

/* container avec colonne latérale */
@media (min-width: 900px) {
.region--complementary {max-width: 20% !important;flex:0 0 20% !important;}
.layout--with-complementary > .region--content {max-width: 80% !important;flex:0 0 80% !important;}
}
/* colonne latérale */
.all-nodes-link {
	
}
.all-nodes-link a {
	color: #fff;
	background: #C8231B;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 0;
	margin: -15px 10px 0;
}

/* stream activités */
.stream .teaser__content {
	padding: 10px;
}
.stream .card__block {
	padding: .7rem 1.25rem 1.25rem;
}
.stream .card__block .teaser__title {
	margin-bottom: 5px;
}
.stream .card__actionbar {
	padding: 10px;
}
.stream .teaser.teaser--stream {
	height: 100%;
	background: #F7F7F7 !important;
}
.stream .teaser.teaser--stream .teaser__image {
	height: auto;
}
.stream .teaser.teaser--stream .teaser__image img {
	position: relative;
	/* top: 50%; */
	/* transform: translateY(-50%); */
	/* padding: 12px; */
	height: 100%;
	/* width: auto; */
	object-fit: cover;
	/* min-width: 180px; */
}
.teaser--stream:last-child, .card__block:last-child, .card__nested-section:last-child {
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
/* blocs sidebar */
.region--complementary .btn {
	color: #fff;
	transition: .3s ease-out;
}
.region--complementary .btn:hover{
	color: #fff !important;
	background-color: #000 !important;
	border-color: #000 !important;
}
.region--complementary .card__title {
	/*background: #333;*/
	color: #000;
	padding: 10px 0;
	/*border-top-left-radius: 5px;*/
	/*border-top-right-radius: 5px;*/
}
.path-user .region--complementary-top {
	position: sticky;
	top: 70px;
}
#edit-profile-infos {
	padding: 10px 10px 0;
}
#edit-profile-infos p {
	font-size: .8rem;
}

/*node de type moto */
.path-motos #block-views-block-motos-block-3 h2.block-title,
.path-ateliers #block-views-block-ateliers-block-2 h2.block-title,
.path-cine-tv #block-views-block-cine-tv-block-3 h2.block-title,
.path-tutoriels #block-views-block-tutoriels-block-2 h2.block-title,
.path-pages-web #block-views-block-pages-block-2 h2.block-title,
.path-articles #block-views-block-articles-block-2 h2.block-title,
.path-annonces #block-views-block-annonces-block-2 h2.block-title,
.path-groupes #block-views-block-og-group-block-3 h2.block-title {
	display: none;
}
.page-node-type-moto section#block-socialblue-pagetitleblock-content {
	position: relative;
	min-height: 400px;
}
.node-moto-bkg {
	position: absolute;
}
.page-node-type-moto .hero__bgimage-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4) !important;
    bottom: 0;
    right: 0;
}
.page-node-type-moto .cover-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    justify-content: center;
    z-index: 2;
    min-height: 410px;
}
.page-node-type-moto .cover-wrap h1 {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 2rem;
}
.page-node-type-moto .cover-wrap .field--name-field-logo-moto {
	background: rgba(255,255,255,0.7);
	border-radius: 100%;
}
.page-node-type-moto .cover-wrap .page-node-type-auto-year {
	color: #fff;
	text-align: center;
}
.page-node-type-moto .cover-wrap .page-node-type-auto-type {
	margin: 10px 0 0;
}
.page-node-type-moto .cover-wrap .page-node-type-auto-type a {
	background: #000;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 5px 15px;
	border: 1px solid #fff;
}
.page-node-type-moto .region--title .card__body, .page-node-type-moto .region--content .node-moto-bkg, .page-node-type-moto .region--content .cover-wrap {
	display: none;
}
/*.page-node-type-moto .region--content {
	padding-right: 0 !important;
}*/
/*.page-node-type-moto .region--complementary-top section,*/
/*.page-node-type-tutoriel .region--complementary-top section,*/
/*.page-node-type-article .region--complementary-top section,*/
/*.page-node-type-annonces .region--complementary-top section,*/
/*.page-node-type-pages-web .region--complementary-top section,*/
/*.page-node-type-cine-tv .region--complementary-top section,*/
.page-node-type-bonnes-adresse .region--complementary-top section {
	margin-bottom: 0;
}
.page-node-type-moto .photo-video-cont {
	float: left;
	width: 100%;
}
.page-node-type-moto .photo-video-cont h3 {
	border-bottom: 1px solid;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: #C8231B;
	padding: 48px 0 5px 90px;
	font-weight: 300;
	color: #000;
	margin: 15px 0 15px;
	background-image: url('../label-bkg.png');
	background-repeat: no-repeat;
	background-position: bottom 0 left 0;
	background-size: 75px 75px;
}
.page-node-type-moto figure {
    display: inline-block;
    width: 49.7%;
}
.page-node-type-cine-tv figure {
    display: inline-block;
    width: 49.7%;
}
.page-node-type-moto .label-text-1 {
	text-transform: uppercase;
	border-bottom: 2px solid;
	font-size: 1rem;
	margin: 0 0 10px;
	color: #C8231B;
	font-weight: 500;
}
.like-cont {
    background: #D0F9D0;
    padding: 15px 15px 5px;
    margin: 0 0 10px;
}
.dislike-cont {
	background: #F9D1D0;
    padding: 15px 15px 5px;
}


.page-node-type-moto article {
	/*float: left;*/
}
/*.page-node-type-moto  .region--content {
	max-width: 100% !important;
	flex: 0 0 100% !important;
}*/
.page-node-type-moto .moto-head-cont {
	position: relative;
	float: left;
	width: 100%;
}
.page-node-type-moto .moto-label {
	font-size: 1.5rem;
	font-weight: 500;
	float: left;
	line-height: 1;
}
.page-node-type-moto .moto-year {
	float: left;
	font-size: 1.1rem;
	font-weight: 500;
	padding: 0 0 0 15px;
}
.page-node-type-moto .hero-action-button .btn-default {
	height: auto;
	width: auto;
	padding: 5px !important;
}
.page-node-type-moto .hero-action-button .icon-medium {
	width: 20px;
	height: 20px;
}
.page-node-type-moto .moto-img-cont {
	position: relative;
	float: left;
	width: 100%;
}
.page-node-type-moto .moto-logo {
	position: absolute;
	bottom: 0;
	left: 0;
}
.page-node-type-moto .moto-logo h2 {
	display: none;
}
.page-node-type-moto .moto-logo img {
	width: 25%;
}
.page-node-type-moto .moto-tech {
	float: left;
	width: 100%;
	/* margin: 20px 0; */
	/* padding: 10px 10px 0; */
	/* background: #fff; */
	/* box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); */
}
.page-node-type-moto .moto-tech .field--label {
	font-size: 1rem;
	margin: 0 0 7px;
	font-weight: 500;
}
.page-node-type-moto .moto-gal {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.page-node-type-moto .moto-gal .field--label {
	font-size: 1rem;
	margin: 0 0 7px;
	font-weight: 500;
}
.page-node-type-moto .moto-gal img {
	float: left;
	max-width: 33.33%;
}
.page-node-type-moto section {
	/*width: 100%;*/
}
.page-node-type-moto .region--title .card .card__comment_section {
	display: none;
}

.custom-comments a {
	position: relative;
	height: 50px;
	background: red;
	float: left;
	width: 100%;
}

/* formulaire édition profil */
.profile-profile-edit-form .card {
	border-radius: 0 !important;
	margin-top: 0;
	box-shadow: none;
}
.profile-profile-edit-form .card__block {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border: 1px solid #EEBF59;
}
.profile-profile-edit-form .card .card__title {
	background: #333;
	color: #fff;
	top: 0;
	font-size: .9rem;
	font-weight: 500;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 0;
}
.profile-profile-edit-form .card .form-group {
	margin-bottom: .5rem;
}
.profile-profile-edit-form .control-label {
	font-size: .8rem;
	font-weight: 500;
}
.profile-profile-edit-form .form-control {
	border: 1px solid #adadad;
	border-radius: 0 !important;
	height: 30px !important;
}
.profile-profile-edit-form .form-file {
	font-size: 12px !important;
}
.profile-profile-edit-form input[type="file"] {
	padding: 4px !important;
}
.profile-profile-edit-form .input-group-addon {
	height: 30px;
}
.profile-profile-edit-form .glyphicon:before {
	top: -2px;
}
.profile-profile-edit-form .help-block a {
	font-weight: 300;
	font-style: italic;
}
/* masquer les ids des termes de taxonomie pour le sexe HF */
.profile-profile-edit-form  label[for=edit-field-je-suis-taxonomy-term-236] {
	max-width: 11ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.profile-profile-edit-form  label[for=edit-field-je-suis-taxonomy-term-237] {
	max-width: 9.5ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* blocs homepage */
#block-views-block-marques-block-1,
#block-views-block-motos-block-3,
#block-views-block-ateliers-block-2,
#block-views-block-tutoriels-block-2,
#block-views-block-annonces-block-2,
#block-views-block-pages-block-2,
#block-views-block-articles-block-2,
#block-views-block-cine-tv-block-3,
#block-views-block-assos-block-2,
#block-views-block-og-group-block-3 {
	background: #fff;
	padding: 0 15px;
	margin: 50px 0 0;
	border-left: 1px solid #ECEAEA;
	border-right: 1px solid #ECEAEA;
	border-top: 1px solid #ECEAEA;
}
#block-views-block-motos-block-2,
#block-views-block-ateliers-block-1,
#block-views-block-tutoriels-block-1,
#block-views-block-annonces-block-1,
#block-views-block-pages-block-1,
#block-views-block-articles-block-1,
#block-views-block-cine-tv-block-2 {
	margin: 0 0 20px;
	background: #fff;
	padding: 15px;
	border-left: 1px solid #ECEAEA;
	border-right: 1px solid #ECEAEA;
	border-bottom: 1px solid #ECEAEA;
}
body.path-portail section#block-views-block-assos-block-1 .view-display-id-block_1 {
	background: #fff;
	padding: 0 15px 15px;
}
/* blocs pages sommaires */
body.path-assos section#block-views-block-assos-block-2 h2.block-title {
	display: none;
}

body.path-motos section.container .region--title,
body.path-cine-tv section.container .region--title,
body.path-ateliers section.container .region--title,
body.path-tutoriels section.container .region--title,
body.path-pages-web section.container .region--title ,
body.path-annonces section.container .region--title,
body.path-articles section.container .region--title,
body.path-bonnes-adresses section.container .region--title,
body.path-assos section.container .region--title,
body.path-groupes section.container .region--title {
	margin: 70px 0 0 15px;
}
body.path-motos section.container .region--title h1,
body.path-cine-tv section.container .region--title h1,
body.path-ateliers section.container .region--title h1,
body.path-tutoriels section.container .region--title h1,
body.path-pages-web section.container .region--title h1,
body.path-annonces section.container .region--title h1,
body.path-articles section.container .region--title h1,
body.path-bonnes-adresses section.container .region--title h1,
body.path-assos section.container .region--title h1,
body.path-groupes section.container .region--title h1 {
	padding: 48px 0 5px 90px !important;
}

body.path-assos section.container .view-display-id-page_1 {
	/*background: #fff;*/
	/*padding: 0 15px;*/
}
body.path-assos section.container .view-display-id-block_2 {
	margin: 50px 0 0;
	background: #fff;
	padding: 0;
	float: left;
}
body.path-assos section.container .view-id-assos.view-display-id-block_2 {
	margin: 0;
}
body.path-portail section#block-views-block-assos-block-2 .veh-thumb h2 a {
	color: #fff !important;
}
body.path-assos section.container .view-display-id-block_2 .veh-thumb,
body.path-portail section.container .view-id-assos.view-display-id-block_2 .veh-thumb {
	position: relative;
	float: left;
}
body.path-assos section.container .view-display-id-block_2 .veh-thumb h2,
body.path-portail section.container .view-id-assos.view-display-id-block_2 .veh-thumb h2 {
	position: absolute;
	top: 10px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
	font-size: 1.5rem;
	text-transform: uppercase;
	width: fit-content;
	font-weight: 500;
}
body.path-assos section.container .view-display-id-block_2 .veh-thumb h3,
body.path-portail section.container .view-id-assos.view-display-id-block_2 .veh-thumb h3 {
	position: absolute;
	top: 60px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
	font-size: 1rem;
	text-transform: uppercase;
	width: fit-content;
}
body.path-assos section.container .view-display-id-block_2 .veh-thumb h4,
body.path-portail section.container .view-id-assos.view-display-id-block_2 .veh-thumb h4 {
	position: absolute;
	top: 80px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px 2px;
	font-size: .9rem;
	text-transform: uppercase;
	width: fit-content;
	font-weight: 300;
}
body.path-assos section.container .view-display-id-block_2 .veh-thumb h5,
body.path-portail section.container .view-id-assos.view-display-id-block_2 .veh-thumb h5 {
	position: absolute;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
	font-size: .9rem;
	font-weight: 300;
	inset: auto 15px 10px;
	bottom: 10px;
	text-align: left;
	line-height: 1.2;
}

/* masquage hero banner & styles divers sur nodes sauf moto - 27072023 */
.ref-para-tuto {
	float: left;
}
.ref-taxo-node {
    float: left;
    position: absolute;
    bottom: 35px;
    left: 10px;
}

.page-node-type-article .ref-taxo-node {
    bottom: 65px;
}
.page-node-type-pages-web .ref-taxo-node {
    bottom: 65px;
}

.ref-taxo-node h5 {
    float: left;
    margin: 0 10px 0 0;
    font-weight: 300;
}
.ref-taxo-node a {
    background: #C8231B;
    color: #fff;
    padding: 3px 10px;
    /* border-radius: 5px; */
}
.node-top-banner {
	position: relative;
}
.node-top-banner h1 {
    position: absolute;
    z-index: 999;
    top: 50%;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
.node-top-banner h2 {
    position: absolute;
    z-index: 999;
    top: 35%;
    margin: 0 0 0 10px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 5px 10px;
    border-radius: 5px;
}
.page-node-type-tutoriel .cover-wrap,
.page-node-type-article .cover-wrap,
.page-node-type-pages-web .cover-wrap {
    min-height: auto;
}
.page-node-type-tutoriel .cover .page-title,
.page-node-type-article .cover .page-title,
.page-node-type-pages-web .cover .page-title {
    text-shadow: none;
    text-align: left;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    max-width: 100% !important;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
	display: none;
}
.page-node-type-tutoriel .cover .page-title::before {
    content: url(/sites/default/files/portal-tuto.png);
}
/*body.page-node-type-article .region--title,
body.page-node-type-tutoriel .region--title {
	display: none;
}*/
body.page-node-type-article section.container .hero__bgimage-overlay,
body.page-node-type-tutoriel section.container .hero__bgimage-overlay,
body.page-node-type-pages-web section.container .hero__bgimage-overlay {
	background: transparent !important;
}
body.page-node-type-article .cover,
body.page-node-type-tutoriel .cover,
body.page-node-type-pages-web .cover {
	background: transparent !important;
}

body.page-node-type-article section.container,
body.page-node-type-pages-web section.container,
body.page-node-type-moto section.container {
	margin-top: 60px;
}

body.page-node-type-pages-web .region--breadcrumb {
    display: none !important;
}

body.page-node-type-article section.container h1,
body.page-node-type-tutoriel section.container h1,
body.page-node-type-pages-web section.container h1,
body.page-node-type-associations section.container h1 {
    color: #000;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0 0 0 10px;
}
body.page-node-type-article .node-taxo,
body.page-node-type-tutoriel .node-taxo {
	background: #29abe236;
	border: 1px solid #adadad;
	float: left;
	padding: 3px 15px;
	border-radius: 5px;
	color: #000;
	font-size: .8rem;
}
body.page-node-type-article .node-taxo a,
body.page-node-type-tutoriel .node-taxo a {
	color: blue;
	font-style: italic;
}

/* page profil */
#hero .field--name-field-je-suis-, #hero .field--name-field-profile-bitrthdate, #hero .field--name-field-profile-address {
	display: inline-block;
	font-weight: 700;
}
#hero .field--item h2 {
	font-size: 1rem;
}
.hero-inter {
	color: #ffc142;
	line-height: initial;
	vertical-align: bottom;
	font-size: 2.5rem;
	padding: 0 10px;
}
/* cartes activity stream */
li.stream-item .card__block .teaser__body p {
	margin: 0;
}
li.stream-item .card__block .teaser__body .badge__icon {
	fill: #333;
}
/* cartes profils */
.view-display-id-page_newest_users .teaser__content .field--name-field-je-suis-,
.view-display-id-page_newest_users .teaser__content .field--name-field-profile-bitrthdate,
.view-display-id-page_newest_users .teaser__content .inline-profile-info,
.view-display-id-page_newest_users .teaser__content .field--type-address,
.view-display-id-page_newest_users .teaser__content p.address ,
.view-display-id-page_newest_users .teaser__content .field--name-field-profile-interests,
.view-display-id-page_newest_users .teaser__content .field--name-field-profile-interests .field--item {
	display: inline;
}
.view-display-id-page_newest_users .teaser__content h4.teaser__title {
	margin-bottom: 0;
}
.view-display-id-page_newest_users .teaser__content br {
	display: none;
}
.view-display-id-page_newest_users .teaser__content .inline-profil-skill {
	display: block;
}
.view-display-id-page_newest_users .teaser__content .field--name-field-profile-expertise {
	display: inline-block;
}
/* node profil */
body.path-user #content .container {
	margin-top: 0;
	max-width: 100%;
	padding: 0;
}
body.path-user .region--secondary-navigation {
	max-width: 100%;
	padding: 0;
}
/* marges diverses */
body.path-all-members section.container {
	margin-top: 50px;
}
section#block-socialblue-pagetitleblock-content h1.section-title {
	padding-left: 0;
}
/* filtres exposés sur vues */
form#views-exposed-form-newest-users-page-newest-users .js-form-item,
form#views-exposed-form-page-membres-2025-page-1 .js-form-item {
	display: inline-block;
}
form#views-exposed-form-newest-users-page-newest-users #edit-actions {
	display: inline;
}
/* colonne laterale */
aside.region--complementary .card__title {
	font-weight: 500;
	padding: 15px 0;
	text-transform: uppercase;
	font-size: .8rem;
	line-height: 1.2;
	color: #fff;
}
body.page-node-type-moto aside.region--complementary .card__title,
body.page-node-type-tutoriel aside.region--complementary .card__title,
body.page-node-type-article aside.region--complementary .card__title,
body.page-node-type-annonces aside.region--complementary .card__title,
body.page-node-type-pages-web aside.region--complementary .card__title,
body.page-node-type-cine-tv aside.region--complementary .card__title,
body.page-node-type-bonnes-adresses aside.region--complementary .card__title,
body.page-node-type-associations aside.region--complementary .card__title {
	background: #000;
	color: #fff;
	margin: 0;
}
body.page-node-type-moto aside.region--complementary .all-nodes-link a,
body.page-node-type-tutoriel aside.region--complementary .all-nodes-link a,
body.page-node-type-article aside.region--complementary .all-nodes-link a,
body.page-node-type-annonces aside.region--complementary .all-nodes-link a,
body.page-node-type-pages-web aside.region--complementary .all-nodes-link a,
body.page-node-type-cine-tv aside.region--complementary .all-nodes-link a,
body.page-node-type-bonnes-adresses aside.region--complementary .all-nodes-link a,
body.page-node-type-associations aside.region--complementary .all-nodes-link a {
	margin: 0;
}
body.page-node-type-moto aside.region--complementary section#block-linkallnodestypemoto,
body.page-node-type-tutoriel aside.region--complementary section#block-linkallnodestypetutoriel,
body.page-node-type-article aside.region--complementary section#block-linkallnodestypearticle,
body.page-node-type-annonces aside.region--complementary section#block-linkallnodestypeannonce,
body.page-node-type-pages-web aside.region--complementary section#block-linkallnodestypepageweb,
body.page-node-type-cine-tv aside.region--complementary section#block-linkallnodestypecinetv,
body.page-node-type-bonnes-adresses aside.region--complementary section#block-linkallnodestypebonnesadresses,
body.page-node-type-associations aside.region--complementary section#block-linkallnodestypeasso {
	background: #000;
	padding: 0;
}

aside.region--complementary .card__text {
	text-align: center;
	font-style: italic;
}
aside.region--complementary .card__text .text-muted {
	color: #fff;
}

aside.region--complementary .card__block {
	padding: 0 3px 10px;
	text-align: center;
	color: #fff;
}
aside.region--complementary .col-portal-header {
	text-align: center;
	color: #fff;
	line-height: 1;
	padding: 10px 0 0;
}
aside.region--complementary #block-socialblue-views-block-latest-topics-default .teaser--small__media,
aside.region--complementary #block-socialblue-views-block-newest-groups-block-newest-groups .teaser--small__media {
	/*display: none;*/
}
aside.region--complementary .teaser--small {
	padding: 0 10px 0;
	flex-direction: column;
}
aside.region--complementary .teaser--small .teaser--small__media img {
	width: 100%;
	margin: 0 0 5px;
}
aside.region--complementary .teaser--small .teaser--small__details {
	margin: 0 .5rem;
}
aside.region--complementary .teaser--small .teaser--small__title {
	line-height: 1.1;
	text-align: center;
}
aside.region--complementary .teaser--small .teaser--small__meta {
	text-align: center;
	color: #fff;
}
aside.region--complementary .teaser--small .teaser--small__title a {
	font-weight: 300;
	color: orange;
}
aside.region--complementary .teaser--small .teaser--small__meta .icon-gray {
	float: left;
	margin: 0 5px 0 0;
}
aside.region--complementary .teaser--small .teaser--small__meta .sm-count {
	float: left;
	width: 100%;
	/*color: #C8231B;*/
	margin: 0 0 5px;
}

aside.region--complementary .col-portal-header .col-arrow {
	margin: 10px 60px 0;
}
.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

aside.region--complementary .col-portal-header .text-1 {
	font-size: 1.57rem;
}
aside.region--complementary .col-portal-header .text-1 a {
	font-size: 1.57rem;
	font-weight: 300;
}
aside.region--complementary .col-portal-header .text-2 {
	font-size: 1.2rem;
}
aside.region--complementary .col-portal-header .text-2 a {
	font-size: 1.2rem;
	font-weight: 300;
}
aside.region--complementary {
	background: transparent;
	padding: 0 0 0 .3rem;
	margin-top: 0;
}
aside.region--complementary .card {
	background: #333333;
	box-shadow: none;
	padding: 0 10px 15px;
	border: none;
}
aside.region--complementary #block-testpubnetaffiliation160x600 {
	padding: 15px 0;
	background: rgba(255,255,255,0.1);
	border: none;
}
aside.region--complementary #block-entetecolonnelateraleportail {
	background: #C8231B;
	border: none;
}
aside.region--complementary #block-entetecolonnelateralenodecarteevenements {
	background: #C8231B;
}
aside.region--complementary #block-entetecolonnelateraleviewpageevenements {
	background: #C8231B;
}
aside.region--complementary .more-link , aside.region--complementary .btn{
	background: #C8231B;
	border: none;
	padding: 5px 0;
	margin: 5px 5px 0 !important;
	letter-spacing: 1px;
	font-size: .7rem;
	border-radius: 0 !important;
}
aside.region--complementary #block-views-block-motos-block-1,
aside.region--complementary #block-views-block-cine-tv-block-1,
aside.region--complementary #block-views-block-tutoriels-block-3,
aside.region--complementary #block-views-block-articles-block-3,
aside.region--complementary #block-views-block-annonces-block-3,
aside.region--complementary #block-views-block-pages-block-3,
aside.region--complementary #block-views-block-bonnes-adresses-block-1 {
	padding: 0;
}
/* footer */
.site-footer {
	background-color: #0c1017 !important;
}
.block-title {
	border-bottom: 1px solid orange;
}
.foot-copy p {
	margin: 10px 0 0;
	line-height: 1;
	font-style: italic;
}
.foot-copy p a {
	color: orange;
}
/* titres de pages */
.path-autos .region--title .section-title,
.path-motos .region--title .section-title,
.path-cine-tv .region--title .section-title,
.path-tutoriels .region--title .section-title,
.path-pages-web .region--title .section-title,
.path-annonces .region--title .section-title,
.path-bonnes-adresses .region--title .section-title,
.path-assos .region--title .section-title,
.path-groupes .region--title .section-title {
	margin-top: 60px;
}
.path-autos .region--title .section-title,
.path-motos .region--title .section-title,
.path-portail .views-element-container .block-title,
.path-ateliers .region--title .section-title,
.path-articles .region--title .section-title,
.path-cine-tv  .region--title .section-title,
.path-tutoriels .region--title .section-title,
.path-pages-web .region--title .section-title,
.path-annonces .region--title .section-title,
.path-bonnes-adresses .region--title .section-title,
.path-assos .region--title .section-title,
.path-groupes .region--title .section-title {
	padding: 48px 0 5px 90px;
	font-size: 1.25rem;
	text-transform: uppercase;
	float: left;
	border-bottom: 1px solid;
	/* width: 100%; */
	margin: -35px 0 15px;
	background-image: url('../label-bkg.png');
	background-repeat: no-repeat;
	font-weight: 300;
	color: #000;
	background-position: bottom 0 left 0;
	background-size: 75px 75px;
	position: absolute;
}
/*.path-autos .region--title .section-title::before, .path-motos .region--title .section-title::before, .path-portail .views-element-container .block-title::before {
	content: "";
	background: url('/html/sites/default/files/logo-block-label-2.png') no-repeat;
	display: inline-block;
	background-size: contain;
	width: 35px;
	height: 28px;
	margin-right: 10px;
	margin-bottom: -10px;
	position: absolute;
	left: 0;
}*/
.path-autos .region--complementary,
.path-motos .region--complementary,
.path-cine-tv .region--complementary,
.path-ateliers .region--complementary,
.path-tutoriels .region--complementary,
.path-pages-web .region--complementary,
.path-annonces .region--complementary,
.path-articles .region--complementary,
.path-bonnes-adresses .region--complementary,
.path-assos .region--complementary {
	margin-top: -35px;
}

/* vignettes sur pages */
.veh-thumb {
	text-align: center;
	margin: 0 0 15px;
}
.veh-thumb p {
	color: #fff;
	margin: 0;
}
.veh-thumb h2 {
	width: 100%;
	font-size: 0.875rem;
	font-weight: 300;
	margin: 5px 0 0;
}
.veh-thumb h2 a {
	color: #fff;
}
.veh-thumb h3 {
	width: 100%;
	font-size: 1rem;
	font-weight: 300;
	margin: 0;
	color: orange;
	padding: 0 0 2px;
}
.veh-one-thumb {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 15px;
}
.veh-one-thumb h2 {
	position: absolute;
	top: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
	font-size: 1.3rem;
	text-transform: uppercase;
}
.veh-one-thumb h3 {
	position: absolute;
	top: 45px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
	font-size: 1rem;
	font-weight: 300;
	text-transform: uppercase;
}
.veh-one-thumb h4 {
    position: absolute;
    top: 100px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    left: 15px;
    padding: 5px 10px;
}
.veh-one-thumb h5 {
	position: absolute;
	top: 85px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
}
.veh-one-thumb h4 {
	position: absolute;
	top: auto;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
	right: 15px;
	font-size: .9rem;
	font-weight: 300;
	line-height: 1.3;
	bottom: 10px;
	height: fit-content;
}
.veh-one-thumb h4 p, .veh-one-thumb h6 p {
	margin: 0;
}
.veh-one-thumb h6 {
	position: absolute;
	top: 240px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px;
	right: 15px;
	font-size: .9rem;
	font-weight: 300;
	line-height: 1.3;
}
.veh-one-thumb address {
	position: absolute;
	top: 140px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	left: 15px;
	padding: 5px 10px 4px;
	right: 15px;
	font-size: .9rem;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 0;
	right: auto;
	text-transform: uppercase;
}
.veh-all {
	text-align: center;
	margin: 10px 0 0;
}
.veh-all a {
	color: #fff;
	background: #C8231B !important;
	text-transform: uppercase;
	padding: 5px 20px;
	display: inline-block;
	font-size: .8rem;
	transition: .5s ease-out;
	letter-spacing: 1px;
	margin-top: 5px;
}
.veh-all a:hover {
	background: #000 !important;
}

/* zone de recherche des pages - views */
#views-exposed-form-cine-tv-page-1 .form-item-title {
	width: 40%;
}
#views-exposed-form-cine-tv-page-1 .form-item-field-modele-moto-value {
	width: 35%;
}
/*form#views-exposed-form-cine-tv-page-1 #edit-actions,*/
form#views-exposed-form-cine-tv-page-1 .form-submit,
form#views-exposed-form-motos-page-1 .form-submit,
form#views-exposed-form-ateliers-page-1 .form-submit,
form#views-exposed-form-articles-page-1 .form-submit,
form#views-exposed-form-tutoriels-page-1 .form-submit,
form#views-exposed-form-pages--page-1 .form-submit,
form#views-exposed-form-annonces-page-1 .form-submit,
form#views-exposed-form-bonnes-adresses-page-1 .form-submit,
form#views-exposed-form-assos-page-1 .form-submit,
form#views-exposed-form-og-group-page-1 .form-submit {
	margin: -10px 5px 15px;
}

#views-exposed-form-motos-page-1 .form-item,
#views-exposed-form-ateliers-page-1 .form-item,
#views-exposed-form-articles-page-1 .form-item,
#views-exposed-form-cine-tv-page-1 .form-item,
#views-exposed-form-tutoriels-page-1 .form-item,
#views-exposed-form-pages--page-1 .form-item,
#views-exposed-form-annonces-page-1 .form-item,
#views-exposed-form-bonnes-adresses-page-1 .form-item,
#views-exposed-form-assos-page-1 .form-item,
#views-exposed-form-og-group-page-1 .form-item {
	display: inline-block;
}
#views-exposed-form-motos-page-1 #edit-actions,
#views-exposed-form-ateliers-page-1 #edit-actions,
#views-exposed-form-articles-page-1 #edit-actions,
#views-exposed-form-cine-tv-page-1 #edit-actions,
#views-exposed-form-tutoriels-page-1 #edit-actions,
#views-exposed-form-pages--page-1 #edit-actions,
#views-exposed-form-annonces-page-1 #edit-actions,
#views-exposed-form-bonnes-adresses-page-1 #edit-actions,
#views-exposed-form-assos-page-1 #edit-actions,
#views-exposed-form-og-group-page-1 #edit-actions {
	/*display: inline-block;*/
	display: block;
}
#views-exposed-form-motos-page-1 #edit-actions button#edit-reset,
#views-exposed-form-cine-tv-page-1 #edit-actions button#edit-reset,
#views-exposed-form-tutoriels-page-1 #edit-actions button#edit-reset,
#views-exposed-form-pages--page-1 #edit-actions button#edit-reset,
#views-exposed-form-annonces-page-1 #edit-actions button#edit-reset,
#views-exposed-form-bonnes-adresses-page-1 #edit-actions button#edit-reset,
#views-exposed-form-assos-page-1 #edit-actions button#edit-reset,
#views-exposed-form-og-group-page-1 #edit-actions button#edit-reset {
	background: red;
	border-radius: 0 !important;
	color: #fff;
	font-size: .7rem;
	padding: 5px 15px;
}
form#views-exposed-form-motos-page-1 .form-actions,
form#views-exposed-form-ateliers-page-1 .form-actions,
form#views-exposed-form-articles-page-1 .form-actions,
form#views-exposed-form-cine-tv-page-1 .form-actions,
form#views-exposed-form-tutoriels-page-1 .form-actions,
form#views-exposed-form-pages--page-1 .form-actions,
form#views-exposed-form-annonces-page-1 .form-actions,
form#views-exposed-form-bonnes-adresses-page-1 .form-actions,
form#views-exposed-form-assos-page-1 .form-actions,
form#views-exposed-form-og-group-page-1 .form-actions {
	display: inline;
}
form#views-exposed-form-motos-page-1 .form-actions button,
form#views-exposed-form-ateliers-page-1 .form-actions button,
form#views-exposed-form-articles-page-1 .form-actions button,
form#views-exposed-form-cine-tv-page-1 .form-actions button,
form#views-exposed-form-tutoriels-page-1 .form-actions button,
form#views-exposed-form-pages--page-1 .form-actions button,
form#views-exposed-form-annonces-page-1 .form-actions button,
form#views-exposed-form-newest-users-page-newest-users .form-actions button,
form#views-exposed-form-upcoming-events-page-community-events .form-actions button,
form#views-exposed-form-latest-topics-page-latest-topics .form-actions button,
form#views-exposed-form-newest-groups-page-all-groups .form-actions button,
form#views-exposed-form-page-membres-2025-page-1 .form-actions button,
form#views-exposed-form-following-following .form-actions button,
form#views-exposed-form-bonnes-adresses-page-1 .form-actions button,
form#views-exposed-form-assos-page-1 .form-actions button,
form#views-exposed-form-og-group-page-1 .form-actions button {
	background: red;
	border-radius: 0 !important;
	color: #fff;
	font-size: .7rem;
	padding: 5px 15px;
}
form#views-exposed-form-motos-page-1 label.control-label,
form#views-exposed-form-ateliers-page-1 label.control-label,
form#views-exposed-form-articles-page-1 label.control-label,
form#views-exposed-form-cine-tv-page-1 label.control-label,
form#views-exposed-form-tutoriels-page-1 label.control-label,
form#views-exposed-form-pages--page-1 label.control-label,
form#views-exposed-form-annonces-page-1 label.control-label,
form#views-exposed-form-bonnes-adresses-page-1 label.control-label,
form#views-exposed-form-assos-page-1 label.control-label,
form#views-exposed-form-og-group-page-1 label.control-label {
	color: #fff;
	/*background: #000;*/
	/* padding: 2px; */
	text-transform: uppercase;
	font-size: .8rem;
	font-weight: 300;
	width: 100%;
	/* text-align: center; */
	margin: 0;
}
.view-id-motos .search-intro,
.view-id-ateliers .search-intro,
.view-id-articles .search-intro,
.view-id-cine_tv .search-intro,
.view-id-tutoriels .search-intro,
.view-id-pages_ .search-intro,
.view-id-annonces .search-intro,
.view-id-bonnes_adresses .search-intro,
.view-id-assos .search-intro,
.view-id-page_membres_2025 .search-intro,
.view-id-og_group .search-intro {
	color: #fff;
	/* margin: 0 0 10px; */
	/* border-bottom: 1px solid; */
	background: #000;
	/* margin: 0 0 50px; */
	/* padding: 15px 0 0 115px; */
	/*position: absolute;*/
	top: 15px;
	left: 135px;
	z-index: 9;
	margin: 15px 0 -10px 0;
	text-transform: uppercase;
	font-weight: 700;
}

.view-id-assos {
	position: relative;
}

body.path-motos form#views-exposed-form-motos-page-1,
body.path-cine-tv form#views-exposed-form-cine-tv-page-1,
body.path-ateliers form#views-exposed-form-ateliers-page-1,
body.path-articles form#views-exposed-form-articles-page-1,
body.path-tutoriels form#views-exposed-form-tutoriels-page-1,
body.path-pages-web form#views-exposed-form-pages--page-1,
body.path-annonces form#views-exposed-form-annonces-page-1,
body.path-all-members form#views-exposed-form-newest-users-page-newest-users,
body.path-community-events form#views-exposed-form-upcoming-events-page-community-events,
body.path-questions form#views-exposed-form-latest-topics-page-latest-topics,
body.path-all-groups form#views-exposed-form-newest-groups-page-all-groups,
body.path-page-membres-motoblues form#views-exposed-form-page-membres-2025-page-1,
body.path-flag-followers form#views-exposed-form-following-following,
body.path-assos form#views-exposed-form-assos-page-1,
body.path-bonnes-adresses form#views-exposed-form-bonnes-adresses-page-1,
body.path-groupes form#views-exposed-form-og-group-page-1 {
	padding: 0 0 0 15px;
	background: #000;
	margin: 20px 0 0;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid orange;
	border-radius: 5px;
}
body.path-bonnes-adresses form#views-exposed-form-bonnes-adresses-page-1 {
	padding: 0 0 0 15px;
	background: #000;
	/*margin: 50px 0 0;*/
	background-color: rgba(255,255,255,0.1);
}
body.path-motos form#views-exposed-form-motos-page-1 .clearfix ,
body.path-cine-tv form#views-exposed-form-cine-tv-page-1 .clearfix,
body.path-ateliers form#views-exposed-form-ateliers-page-1 .clearfix,
body.path-articles form#views-exposed-form-articles-page-1 .clearfix,
body.path-tutoriels form#views-exposed-form-tutoriels-page-1 .clearfix,
body.path-pages-web form#views-exposed-form-pages--page-1 .clearfix,
body.path-annonces form#views-exposed-form-annonces-page-1 .clearfix,
body.path-all-members form#views-exposed-form-newest-users-page-newest-users .clearfix,
body.path-community-events form#views-exposed-form-upcoming-events-page-community-events .clearfix,
body.path-questions form#views-exposed-form-latest-topics-page-latest-topics .clearfix,
body.path-all-groups form#views-exposed-form-newest-groups-page-all-groups .clearfix,
body.path-page-membres-motoblues form#views-exposed-form-page-membres-2025-page-1 .clearfix,
body.path-flag-followers form#views-exposed-form-following-following .clearfix,
body.path-bonnes-adresses form#views-exposed-form-bonnes-adresses-page-1 .clearfix,
body.path-assos form#views-exposed-form-assos-page-1 .clearfix,
body.path-groupes form#views-exposed-form-og-group-page-1 .clearfix {
	padding: 10px;
	/*background-image: url('../search-bkg.png');*/
	background-repeat: no-repeat;
	background-size: 100px 100px;
	/*background-color: rgba(255,255,255,0.1);*/
	background-position-y: 15px;
}
body.path-motos section#block-socialblue-content .view-motos,
body.path-cine-tv section#block-socialblue-content .view-cine-tv,
body.path-ateliers section#block-socialblue-content .view-ateliers,
body.path-articles section#block-socialblue-content .view-articles,
body.path-tutoriels section#block-socialblue-content .view-tutoriels,
body.path-pages-web section#block-socialblue-content .view-pages-,
body.path-annonces section#block-socialblue-content .view-annonces,
body.path-bonnes-adresses section#block-socialblue-content .view-bonnes-adresses {
	position: relative;
}


/* sidebar */
.region--complementary-bottom .btn {
	display: block;
	margin: 10px;
}
.region--complementary-bottom .card__actionbar {
	margin-top: 0;
	padding: 0;
}
.region--complementary-bottom #block-socialblue-views-block-upcoming-events-block-community-events .card__actionbar {
	display: none;
}

/* vignettes marques & profils sur portail */
.path-portail .view-id-marques .col-md-2, .path-portail .view-id-membres .col-md-2, .path-portail .view-id-membres .col-md-6, .path-frontpage .view-id-membres .col-md-2, .path-frontpage .view-id-membres .col-md-6 {
	padding-right: 5px;
	padding-left: 5px;
}
.path-portail .view-id-membres .row, .path-frontpage .view-id-membres .row {
	margin-right: 0;
	margin-left: 0;
}
.path-portail .view-id-marques .col-md-2 img {
	/* border: 1px solid #000; */
	padding: 5px;
	/* border-radius: 100%; */
	background: #fff;
	transition: .5s ease-out;
}
.path-portail .view-id-marques .col-md-2 img:hover {
	background: transparent;
}
.path-portail .view-id-membres .col-md-2 img {
	width: 100%;
	height: auto;
}
.user-thumb {
	background: #000;
	float: left;
	margin: 0 0 5px;
}
.user-thumb h3 {
	font-size: .8rem;
	text-align: center;
	margin: 5px 0 0;
	color: #fff;
	font-weight: 300;
}
.user-thumb h4 {
	color: #999;
	text-align: center;
	margin: 5px 0 5px;
	font-size: .9rem;
	font-weight: 300;
}
#block-views-block-membres-block-1 .more-link {
	margin: 10px;
	display: block;
}

/* blocs visuels intercalaires */
.visu-block-1 .join-btn {
    background: #000;
    margin: 15px 0 70px 15px;
    float: left;
    color: orange;
    text-transform: uppercase;
    padding: 5px 20px;
    font-size: 1rem;
    border: 1px solid #fff;
	transition: 1s;
}
.visu-block-1 .join-btn:hover {
    transform: rotateX(360deg);
	color: #fff;
}
.visu-block-1 h3 {
    color: #fff;
    padding: 5px 15px;
    font-size: 1.7rem;
    font-weight: 300;
    background: rgba(0,0,0,0.5);
    width: fit-content;
    margin: 0 0 0 15px;
}
.visu-block-1 h4 {
    color: #fff;
    padding: 5px 15px;
    font-size: 1.5rem;
    font-weight: 300;
    background: rgba(0,0,0,0.5);
    width: fit-content;
    margin: 15px 0 0 15px;
}
.visu-block-1 {
    background: url('/sites/default/files/inter-visu-1.jpg');
    background-size: cover;
    background-position: top left;
    float: left;
    width: 100%;
    margin: 5px 0 0;
    padding: 80px 0 0;
}
.visu-block-2 .join-btn {
    background: #000;
    margin: 15px 0 70px 15px;
    float: left;
    color: orange;
    text-transform: uppercase;
    padding: 5px 20px;
    font-size: 1rem;
    border: 1px solid #fff;
	transition: 1s;
}
.visu-block-2 .join-btn:hover {
    transform: rotateX(360deg);
	color: #fff;
}
.visu-block-2 h3 {
    color: #fff;
    padding: 5px 15px;
    font-size: 1.7rem;
    font-weight: 300;
    background: rgba(0,0,0,0.5);
    width: fit-content;
    margin: 0 0 0 15px;
}
.visu-block-2 h4 {
    color: #fff;
    padding: 5px 15px;
    font-size: 1.5rem;
    font-weight: 300;
    background: rgba(0,0,0,0.5);
    width: fit-content;
    margin: 15px 0 0 15px;
}
.visu-block-2 {
    background: url('/sites/default/files/inter-visu-2.jpg');
    background-size: cover;
    background-position: top left;
    float: left;
    width: 100%;
    margin: 0 0 30px;
    padding: 80px 0 0;
}

/* vignettes sur colonne latérale */
.region--complementary .veh-thumb {
	border: none;
	padding: 0 10px 0;
}
.region--complementary .veh-thumb h2 {
	font-size: 0.875rem;
	margin: 0;
	background: #000;
	padding: 7px 0 2px;
}
.region--complementary .veh-thumb h2 a {
	color: orange;
}
.region--complementary .veh-thumb h3 {
	font-size: 0.875rem;
	font-weight: 300;
	background: #000;
	color: #fff;
	padding: 0 0 5px;
}

/* PAGE PORTAIL */
/*.path-portail .col-md-3 {
	padding-right: 0;
}*/
.custom-view-intro {
	margin: 15px 0 10px;
	float: left;
}
.page-custom-footer {
	background: #fff;
	margin: 30px 0 0;
	padding: 10px;
	color: #000;
}
.views-view-grid .row {
	width: auto;
}

/* NODE TYPE AUTO & MOTO */
.page-node-type-auto, .page-node-type-moto {
	/*font-size: 13px;*/
}
.page-node-type-auto .row, .page-node-type-moto .row {
	/*width: auto;*/
}
.page-node-type-auto .cover .page-title {
	padding: 0;
}
.page-node-type-auto .veh-tech-text {
	/*color: green;*/
}
.page-node-type-auto .veh-like-text {
	border-left: 3px solid #FBF7D1;
}
.page-node-type-auto .label-text-1 {
	border-bottom: 1px solid;
	font-size: .875rem;
	padding: 0 0 2px;
	font-weight: 500;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 0 10px;
}
.page-node-type-auto-year {
	font-size: 2rem;
	font-weight: 300;
}
.page-node-type-auto-logo {
	display: flex;
	justify-content: center;
}
.page-node-type-auto-logo h2 {
	display: none;
}
.page-node-type-auto-logo img {
	width: 120px;
}
.page-node-type-moto article.card {
	/*margin-bottom: 0;*/
	box-shadow: none;
}
.page-node-type-moto section#block-socialblue-content .card {
	box-shadow: none;
	width: 100%;
}
.page-node-type-moto .region--content h4.section-title {
	background: #fff;
	font-size: 0.875rem;
	text-transform: uppercase;
	padding: 0;
	text-indent: 20px;
}
.like-custom-cont {
	float: left;
	width: 100%;
	position: relative;
}
.like-custom-icon p, .dislike-custom-icon p {
	padding: 0 0 0 25px;
	margin: 0;
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 500;
}
.like-custom-icon {
	/*color: green;*/
	font-size: 1.2rem;
	line-height: 1;
	padding: 0 0 5px;
	font-weight: 500;
	margin: 0 0 5px;
}
.like-custom-icon::before {
	content: '';
	background-image: url('/sites/default/files/arrow-up.png');
	position: absolute;
	height: 18px;
	width: 28px;
	background-repeat: no-repeat;
	background-size: contain;
	top: -2px;
}
.dislike-custom-icon {
	/*color: red;*/
	font-size: 1.2rem;
	line-height: 1;
	padding: 0 0 5px;
	font-weight: 500;
	margin: 0 0 5px;
}
.dislike-custom-icon::before {
	content: '';
	background-image: url('/sites/default/files/arrow-down.png');
	position: absolute;
	height: 18px;
	width: 28px;
	background-repeat: no-repeat;
	background-size: contain;
	top: -2px;
}
.photo-gal-cont {
	float: left;
	margin: 0;
	width: 100%;
	margin: 0 0 15px;
}
.photo-gal-cont img {
	width: 25%;
	float: left;
}
.photo-gal-cont h3 {
	border-bottom: 1px solid;
	font-size: 1.25rem;
	padding: 48px 0 5px 90px;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0 0 15px;
	background-image: url('../label-bkg.png');
	background-repeat: no-repeat;
	background-position: bottom 0 left 0;
	background-size: 75px 75px;
	color: #000;
}
.photo-gal-cont h3.accordion-title {
    background-image: none;
    background-color: #C8231B;
    border-bottom: none;
}
.photo-gal-cont h3.accordion-title a {
	color: #fff;
}
.moto-like h3 {
	border-bottom: none;
	/* font-size: 1.25rem; */
	padding: 65px 0 5px 60px;
	/* text-transform: uppercase; */
	/* font-weight: 300; */
	/* margin: 0 0 15px; */
	background-image: url('../moto-like.jpg');
	/* background-repeat: no-repeat; */
	/* background-position: bottom 0 left 0; */
	background-size: 45px 45px;
	/* color: #000; */
}
.moto-dislike h3 {
	border-bottom: none;
	/* font-size: 1.25rem; */
	padding: 48px 0 5px 60px;
	/* text-transform: uppercase; */
	/* font-weight: 300; */
	/* margin: 0 0 15px; */
	background-image: url('../moto-dislike.jpg');
	/* background-repeat: no-repeat; */
	/* background-position: bottom 0 left 0; */
	background-size: 45px 45px;
	/* color: #000; */
}

.veh-intro-cont {
	/*background: grey;*/
}

/* MODAL PHOTOS ALBUMS */
.page-node-type-album .ui-widget-overlay {
	background: #000;
}
.page-node-type-album .ui-dialog {
	border-radius: 0 !important;
	left: 50% !important;
	transform: translateX(-50%);
}
.page-node-type-album .slick-prev {
	left: -30px !important;
}
.page-node-type-album .slick-next {
	right: -30px !important;
}
.page-node-type-album #drupal-modal .comment-post-comment-form {
	max-width: 395px !important;
}

/* NODE TERME DE TAXONOMIE */
body.path-taxonomy section {
	position: relative;
}
body.path-taxonomy .taxo-term-cont {
	background: #fff;
	padding: 15px 0;
	margin: 15px 0;
	float: left;
}
body.path-taxonomy .taxo-term-cont h1 {
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0 0 5px 0;
}
body.path-taxonomy .type-badge {
	position: absolute;
	bottom: 0;
	background: #000;
	color: #fff;
	padding: 0 7px;
}
body.path-taxonomy .col-md-4 img {
	object-fit: cover;
	height: auto;
}
body.path-taxonomy .feed-icons {
	position: absolute;
	right: 0;
	background: orange;
	color: #fff;
	padding: 0 10px;
	font-weight: 500;
}

body.path-taxonomy .teaser-tutoriel {
	float: left;
	width: 100%;
}
body.path-taxonomy article {
	float: left;
	width: 100%;
	background: #fff;
	margin: 15px 0;
	padding: 15px;
}
body.path-taxonomy .field--name-field-logo-moto {
	float: left;
	margin: 0 15px 0 0;
}
body.path-taxonomy .field--name-field-logo-moto img {
	width: 70px;
	background: #fff;
	border-radius: 10px;
}
body.path-taxonomy  .region--title h1.section-title {
	display: none;
}
body.path-taxonomy .taxo-term-intro {
	font-size: 1.1rem;
	margin: 20px 0 0;
	float: left;
	color: #fff;
	background: #333333;
	padding: 5px 15px;
}
body.path-taxonomy .taxo-term-intro h2 {
	display: inline;
	font-size: 1.3rem;
}
body.path-taxonomy .col-md-8 .teaser__content-line img {
	display: none;
}
body.path-taxonomy .col-md-8 .teaser__content-line br {
	display: none;
}
body.path-taxonomy .col-md-8 header.metainfo {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
}
body.path-taxonomy .taxo-term-cont .teaser__content-line {
	display: none;
}
body.path-taxonomy .taxo-term-cont .metainfo .metainfo__avatar {
	display: inline-block;
}
body.path-taxonomy .taxo-term-cont .metainfo .metainfo__content {
	display: inline-block;
	margin: 0 0 0 10px;
}

/* EFFETS NAVIGATION PRINCIPALE */
#main-navigation {
	z-index: 999;
}
#main-navigation .dropdown-menu {
	transition: all 0.5s ease-in-out;
	display: block;
	top: -320px;
	z-index: -9;
}
#main-navigation .open > .dropdown-menu {
	display: block;
	transition: all 0.3s ease-in-out;
	top: 55px;
	z-index: -9;
	background: #000;
}
#main-navigation .open > .dropdown-menu a {
	color: #fff;
}
#main-navigation .open > .dropdown-menu > li > a.is-active {
	background-color: #777;
}
#main-navigation .open > .dropdown-menu > li > a:hover {
	background-color: #777;
}

/* accueil reseau - dropdown visibilite */
.field--name-field-post-visibility ul.dropdown-menu svg.icon-small {
	display: none;
}
.field--name-field-post-visibility ul.dropdown-menu .form-group {
	margin-bottom: 0;
}
.field--name-field-post-visibility ul.dropdown-menu .help-block {
	margin-top: 0;
}
.field--name-field-post-visibility ul.dropdown-menu label {
	margin-bottom: 0;
}

/* anchor link commentaires sur node moto */
body.page-node-type-moto a#section-comments {
	float: left;
	width: 100%;
	padding-top: 60px;
	margin-top: -60px;
}

/* --------------------- test classes bootstrap 3 ---------------------- */
.navbar-fixed-top {
	left: 0 !important;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* annonces add - 22042024 */
form.node-annonces-form #edit-field-type-d-annonce--wrapper .control-label span {
    margin-top: 50px;
    display: inline-block;
}
#block-posterannonceheader p {
    background: #fff;
    padding: 15px;
    border: 1px solid #;
    border-radius: 5px;
}

/* CTA node add - 22042024 */
.path-annonces #block-socialblue-content .view-id-annonces .view-header {
	width: 100%;
    margin: 10px 0 15px 0;
}
.path-annonces #block-socialblue-content .view-id-annonces .view-header a {
    margin: 10px 0 15px 0;
    border-radius: 0;
    background: #C8231B;
    padding: 5px 15px;
}
.path-annonces #block-socialblue-content .view-id-annonces .view-header a {
    color: #fff;
}

/* divers - 2904204 */
.path-portail #block-views-block-cine-tv-block-2 .view-id-cine_tv .veh-thumb p {
	margin: 0;
}
.path-frontpage .teaser .teaser__content-line .body-text p,
.path-frontpage .teaser .teaser__content-line .body-text {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	max-height: 1.5em;
}
#block-socialblue-content .view-id-motos .views-view-grid .row .col-md-3,
#block-socialblue-content .view-id-cine_tv .views-view-grid .row .col-md-3 {
	margin-bottom: 10px;
}
.view .view-footer .page-custom-footer {
	background: #C8231B;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	line-height: 1.9;
}
.view .view-footer .page-custom-footer a {
	background: #000;
	font-weight: 300;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: .9rem;
}
.page-node-edit section#block-socialblue-pagetitleblock-content {
	min-height: auto;
}

.page-node-type-moto .photo-gal-cont .field--label {
	font-weight: 500;
	display: inline-block;
	font-size: inherit;
	margin: 0;
}
.page-node-type-moto .photo-gal-cont .field--label::after {
	content: ' :';
}
.page-node-type-moto .moto-tech p {
	margin: 0;
}
.path-portail section.block-views {
	margin: 100px 0 0 !important;
}
.path-portail section#block-views-block-assos-block-1 {
	margin: 0 !important;
}
.path-portail section.block-views h2.block-title {
	padding: 55px 0 4px 90px;
	font-size: 1.25rem;
	text-transform: uppercase;
	float: left;
	border-bottom: 1px solid;
	/* width: 100%; */
	margin: -90px 0 0 -15px;
	background-image: url('../label-bkg.png');
	background-repeat: no-repeat;
	font-weight: 300;
	color: #fff;
	background-position: bottom 0 left 0;
	background-size: 75px 75px;
	/* position: absolute; */
}
.path-portail section#block-views-block-motos-block-2,
.path-portail section#block-views-block-articles-block-1,
.path-portail section#block-views-block-ateliers-block-1,
.path-portail section#block-views-block-annonces-block-1,
.path-portail section#block-views-block-tutoriels-block-1,
.path-portail section#block-views-block-pages-block-1 {
	margin: -10px 0 0 !important;
}
.path-portail section#block-views-block-cine-tv-block-2 {
	margin: -10px 0 0 !important;
}
.path-portail section#block-views-block-bloc-decompte-nodes-portail-block-2,
.path-portail section#block-views-block-membres-block-1 {
	margin-top: 0 !important;
}

/* masquer hero banner sur nodes - 03052024 */
.page-node-type-page #hero {
	display: none;
}
.page-node-type-page section.container {
	/*margin-top: 85px;*/
}

/* custom bandeau cookies - 04052024 */
div#sliding-popup .eu-cookie-withdraw-banner {
	border-top: 1px solid;
}
.eu-cookie-compliance-banner {
	background-color: #000000 !important;
}
.cookie-rgpd-cont {
	padding: 2px 0 0;
}
.cookie-rgpd-cont h2 {
	font-weight: 300;
	font-size: 1.2rem;
	margin-bottom: 0;
}
.cookie-rgpd-cont p {
	font-weight: 300;
	font-size: .8rem;
}
.cookie-rgpd-cont p a {
	color: orange;
}
.eu-cookie-compliance-message {
	max-width: 100%;
	width: 70%;
}
.eu-cookie-compliance-buttons {
	max-width: 100%;
	width: 30%;
	text-align: right;
}
.eu-cookie-compliance-buttons button.agree-button {
	background: rgba(0,255,0,0.4);
	margin-right: 5px;
	padding: 3px 10px 2px;
}
.eu-cookie-compliance-buttons button.decline-button {
	background: rgba(255,0,0,0.4);
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	margin-right: 0;
	text-shadow: none;
	font-weight: 300;
	font-size: inherit;
	padding: 3px 10px 2px;
}
.eu-cookie-compliance-buttons button.eu-cookie-withdraw-button {
	background: rgba(255,0,0,0.4);
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	margin-right: 0;
	text-shadow: none;
	font-weight: 300;
	font-size: inherit;
	padding: 3px 10px 2px;
}

/* ARP pages - 05052024 */
body.path-frontpage main#content,
body.path-portail main#content,
body.path-motos main#content,
body.path-tutoriels main#content,
body.path-articles main#content,
body.path-annonces main#content,
body.path-pages-web main#content,
body.path-cine-tv main#content,
body.path-all-members main#content,
body.path-bonnes-adresses main#content,
body.path-assos main#content {
	background: rgba(0,0,0,1);
}
body.path-portail section.container {
	/* background: rgba(30,0,50,0.3); */
}
.path-motos #block-socialblue-pagetitleblock-content h1.section-title,
.path-tutoriels #block-socialblue-pagetitleblock-content h1.section-title,
.path-articles #block-socialblue-pagetitleblock-content h1.section-title,
.path-annonces #block-socialblue-pagetitleblock-content h1.section-title,
.path-pages-web #block-socialblue-pagetitleblock-content h1.section-title,
.path-cine-tv #block-socialblue-pagetitleblock-content h1.section-title,
.path-bonnes-adresses #block-socialblue-pagetitleblock-content h1.section-title,
.path-assos #block-socialblue-pagetitleblock-content h1.section-title,
.path-groupes #block-socialblue-pagetitleblock-content h1.section-title {
	margin-left: -15px !important;
	color: #fff;
}

/* page albums - 05052024 */
body.path-albums .teaser {
	height: auto;
}
body.path-albums .teaser .teaser__image {
	height: auto;
	vertical-align: middle;
	display: flex;
	align-items: center;
	flex-direction: row;
}
body.path-albums .teaser .teaser__content {
	padding: 10px 10px 20px 20px;
}
body.path-albums .teaser .card__actionbar {
	padding: 0 20px 10px 0;
}

/* footer */
footer.site-footer {
	margin-bottom: -21px;
}

/* page groupes - 05052024 */
.custom-teaser-label {
	background: orange;
	width: fit-content;
	padding: 0 5px;
	color: #000;
	font-weight: 300;
}

/* divers réseau mur - 06052024 */
body.path-frontpage form#social-post-entity-form .btn-primary {
	background-color: #000 !important;
	border-radius: 5px !important;
}
body.path-frontpage form#social-post-entity-form .btn-primary:hover {
	background-color: #C8231B !important;
}

/* message alerte bricoleurs - 12052024 */
.alert-bricolo {
	background: rgba(255,0,0,0.2);
	padding: 10px;
	font-size: .8rem;
	font-style: italic;
}

/* edition profil - 13052024 */
.path-user form#profile-profile-edit-form label.control-label {
	background: #000;
	padding: 5px 10px;
	width: fit-content;
	color: #fff;
}
.path-user form#profile-profile-edit-form label.option {
	background: transparent;
	padding: 0 0 0 30px;
	width: fit-content;
	color: #000;
}
.path-user form#profile-profile-edit-form legend.control-label {
	background: #000;
	padding: 5px 10px;
	width: fit-content;
	color: #fff;
	margin: 20px 0 0;
}
.path-user form#profile-profile-edit-form button#edit-field-profile-image-0-remove-button,
.path-user form#profile-profile-edit-form button#edit-field-profile-banner-image-0-remove-button {
	background: red;
	color: #fff;
	border-radius: 0 !important;
	padding: 0 10px;
	text-transform: none;
}
.path-user form#profile-profile-edit-form summary.btn {
	text-transform: none;
	padding: 0 10px;
	margin: 0 0 10px;
	font-weight: 300;
	text-decoration: underline;
}

/* page signup - 15052024 */
body.path-user fieldset.form-item legend.card__title {
    text-align: center;
    font-weight: 500;
    /*color: #000;*/
}
body.path-user fieldset.form-item .form-item-name::before {
    content: 'Choisis ton identifiant : il te permettra de te connecter à ton compte. MotoBlues étant un réseau public, nous te déconseillons d\'indiquer ton identité réelle en guise d\'identifiant';
    font-size: .75rem;
    background: rgba(255,0,0,0.5);
    padding: 7px 10px;
    width: 100%;
    display: block;
    /* font-style: italic; */
    margin: 0 0 15px;
    font-size: .8rem;
}
body.path-user fieldset.form-item .card__block .card__nested-section {
    background: #000;
    color: #fff;
    padding: 10px;
    width: fit-content;
    margin: 0;
    border-radius: 0 !important;
	float: left;
	border: none;
}
body.path-user fieldset.form-item .card__block .card__nested-section a {
    color: orange;
}
body.path-user form.user-register-form .form-actions,
body.path-user form.social-user-login-form .form-actions {
    text-align: center;
    display: block;
    margin: 30px 0 0;
}
body.path-user #content form.user-register-form .form-actions .btn-primary,
body.path-user #content form.social-user-login-form .form-actions .btn-primary {
    background-color: #C8231B !important;
    border-radius: 0 !important;
    font-size: .9rem;
}

/* nav login et signup - 15052024 */
.navbar-default .navbar-nav li.not-logged-in a {
    height: auto;
	padding: 10px !important;
	margin: 10px 0 0 !important;
}

/* page profil edit - 15052024 */
.user-logged-in .hero-action-button {
    top: 2rem;
}
.user-logged-in .hero-action-button a svg {
    /* padding: 7px 0 0; */
    margin: 4px 0 0 -2px;
}

/* node creer edit annonce - 16052024 */
.page-node-edit section#block-posterannonceheader {
    margin: -45px 0 15px;
    background: #FAFAFA;
    position: relative;
    padding: 15px 15px 0;
}
.page-node-edit section#block-posterannonceheader::before {
    content: 'Créer une petite annonce';
    font-size: 1.25rem;
    padding: 1.25rem 0 0 !important;
    font-weight: 500;
}
.page-node-edit section#block-posterannonceheader .field--name-body p {
	/*margin-top: 1.25rem;*/
}

/* petites annonces - 16052024 */
.ad-page {
    border: 1px solid rgba(255,255,255,0.2);
    float: left;
    display: block;
    margin: 0 0 10px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.ad-page h1 {
    margin: 10px 0 0;
    color: #fff;
    font-size: .8rem;
}
.ad-page h1 a {
    background: #000;
    color: #fff;
    font-size: .8rem;
    font-weight: 500;
    text-transform: uppercase;
    /* padding: 5px 10px; */
    font-style: italic;
}
.ad-page h2 {
    font-size: 1.3rem;
    color: #fff;
    margin: 10px 0 0;
}
.ad-page h2 a {
    color: #fff;
}
.ad-page h3 {
    color: #C8231B;
    font-size: 1.2rem;
    margin: 0;
}
.ad-page h4 {
    font-weight: 300;
    font-style: italic;
    font-size: .9rem;
    margin: 3px 0 0;
    color: #fff;
}
.ad-page h5 p {
    margin: 0;
}
.ad-page p {
    font-weight: 300;
    color: rgba(255,255,255,0.5);
    line-height: 1.3;
    font-size: .9rem;
}
.ad-page .ad-cat {
    color: #000;
    padding: 0 5px;
    top: 5px;
    left: 20px;
    background: orange;
    position: absolute;
}

/* maps - 19052024 */
.views-field-field-map-event .geolocation-map-wrapper .geolocation-map-container {
	height: 0 !important;
}
.leaflet-popup-content-wrapper {
	border-radius: 0 !important;
}
.leaflet-popup-content {
	margin: 5px !important;
}
#edit-field-map-event-wrapper-map .geolocation-map-container .help-block {
	position: absolute;
	width: 180px;
	top: 0;
	right: 270px;
}

/* node events - 22052024 */
button#edit-enroll-for-this-event {
	background: #C8231B;
	color: #fff;
	border: 1px solid;
	border-radius: 0 !important;
	padding: 5px 15px;
}
.event-orga {
	background: #000;
	float: left;
	color: #fff;
	padding: 0 5px;
	margin: 0 10px 0 0;
}
.event-orga-cont a {
	border: 1px solid #e6e6e6;
	font-weight: 300;
	padding: 5px 10px;
}
.event-type {
	background: #000;
	float: left;
	color: #fff;
	padding: 0 5px;
	margin: 0 10px 0 0;
}
.event-type-cont {
	margin-top: 5px;
}
.event-type-cont a {
	border: 1px solid #e6e6e6;
	font-weight: 300;
	padding: 5px 10px;
}
.vote-widget .vote__wrapper {
	background: red;
}
.event-gal img {
	width: 25%;
	float: left;
}
.path-node section#block-socialblue-content article.card .card__body .meta-engage {
	margin-bottom: 0;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.path-node section#block-socialblue-content article.card .card__body .card-file {
    flex-basis: 32%;
    margin: 0 5px 10px;
}
.path-node section#block-socialblue-content article.card .card__body .card-file img.card-file__icon {
    width: auto;
}
.path-node section#block-socialblue-content article.card .card__body .body-text {
	border: 1px solid #e6e6e6;
	float: left;
	width: 100%;
	margin: 0 0 15px;
	padding: 5px 7px;
	color: #000;
}
.event-closed {
	background: #000;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: .7rem;
}

/* pieces jointes events - 21052024 */
section.card-files {
	margin-top: 20px;
}
section.card-files li.card-file {
	padding: 7px;
	border: 1px solid #e6e6e6;
	background: transparent;
	box-shadow: none;
}
section.card-files h5.card-files__title {
	background: #000;
	color: #fff;
	font-weight: 300;
	width: fit-content;
	padding: 3px 10px;
	font-size: .9rem;
	margin-bottom: 10px;
	margin-top: 0;
}
section.card-files li.card-file a.card-file__link {
	background: url('../files.png');
	background-size: 30px;
	background-repeat: no-repeat;
	height: 35px;
	padding: 0;
}
section.card-files li.card-file a.card-file__link .card-file__title {
	padding: 0 0 0 40px;
	font-weight: 700;
}
section.card-files li.card-file a.card-file__link .card-file__type {
	padding: 0 0 0 40px;
	margin-top: 0;
	display: block;
	bottom: auto;
}

/* BO edit node type event - 24052024 */
.page-node-edit form#node-moto-form .form-item-title-0-value::after {
	content: 'Saisis la marque de la moto suivie de son modèle exact. Par exemple : YAMAHA 600 XT Ténéré.';
	background: rgba(255,0,0,0.1);
	padding: 5px 10px;
	margin: 5px 0 20px;
	float: left;
	width: 100%;
	font-size: .75rem;
}

.page-node-edit fieldset#visibility #edit-groups-wrapper .form-item-groups {
	margin-bottom: 5px;
}
.page-node-edit fieldset#visibility #edit-groups-wrapper::after {
    content: 'Tu as la possibilité de lier cet évènement à un groupe existant';
    background: rgba(255,0,0,0.1);
    padding: 0;
    margin-top: 5px;
    float: left;
    color: orange;
}
.page-node-edit #edit-field-images-event-wrapper::before {
	content: 'Images complémentaires';
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 2px 10px;
	width: fit-content;
	font-weight: 500;
	font-size: 0.875rem;
}
.page-node-edit #edit-field-images-event-wrapper button.tabledrag-toggle-weight,
.page-node-edit #edit-field-event-managers-wrapper button.tabledrag-toggle-weight,
.page-node-edit #edit-field-files button.tabledrag-toggle-weight,
.path-user #field-mes-becanes-add-more-wrapper button.tabledrag-toggle-weight {
	display: none;
}
.page-node-edit #edit-field-event-type-wrapper label.control-label,
.page-node-edit #edit-title-wrapper label.control-label,
.page-node-edit #edit-body-wrapper label.control-label,
.page-node-edit #edit-field-event-image-wrapper label.control-label,
.page-node-edit #edit-groups-wrapper label.control-label,
.page-node-edit #edit-field-marque-wrapper label.control-label,
.page-node-edit #edit-field-logo-moto-2-wrapper label.control-label,
.page-node-edit #edit-field-type-de-moto-wrapper label.control-label,
.page-node-edit #edit-field-annee-de-sortie-moto-wrapper label.control-label,
.page-node-edit #edit-field-annee-de-fin-de-production-wrapper label.control-label,
.page-node-edit #edit-field-image-principale-moto-wrapper label.control-label,
.page-node-edit #edit-field-type-d-annonce-ad-wrapper label.control-label,
.page-node-edit #edit-field-categorie-d-annonce-wrapper label.control-label,
.page-node-edit #edit-field-livraison-wrapper label.control-label,
.page-node-edit #edit-field-prix-wrapper label.control-label,
.page-node-edit #edit-field-localisation-wrapper label.control-label,
.page-node-edit #edit-field-type-de-travaux-pageweb-wrapper label.control-label,
.page-node-edit #edit-field-modele-moto-wrapper label.control-label,
.page-node-edit #edit-field-image-principale-wrapper label.control-label,
.page-node-edit #edit-field-type-de-diffusion-wrapper label.control-label,
.page-node-edit #edit-field-annee-de-sortie-wrapper label.control-label,
.page-node-edit #edit-field-realisateur-wrapper label.control-label,
.page-node-type-bonnes-adresses.page-node-edit #edit-field-type-wrapper legend.control-label,
.page-node-type-bonnes-adresses.page-node-edit #edit-field-lien-adresse-wrapper label.control-label,
.page-node-type-bonnes-adresses.page-node-edit #edit-field-logo-wrapper label#edit-field-logo-0--label {
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 2px 10px;
	width: fit-content;
}

.page-node-type-bonnes-adresses.page-node-edit fieldset#edit-field-type--wrapper {
	margin-top: 0;
}
.page-node-type-bonnes-adresses.page-node-edit .fieldset-wrapper {
	margin: 5px 0 0 !important;
}

.page-node-type-cine-tv.page-node-edit table#field-acteur-values th.field-label {
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 2px 10px;
	font-weight: 500;
}

.page-node-type-cine-tv.page-node-edit fieldset#edit-group-galerie-photo legend,
.page-node-type-cine-tv.page-node-edit table#field-videos-values th.field-label {
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 5px 10px;
	font-weight: 500;
}
.page-node-type-cine-tv.page-node-edit fieldset#edit-group-galerie-photo .tabledrag-toggle-weight,
.page-node-type-cine-tv.page-node-edit #edit-field-videos-wrapper .tabledrag-toggle-weight {
	display: none;
}

.page-node-edit .form-item-field-visuel-principal-0,
.page-node-edit .form-item-field-image-de-couverture-0,
.page-node-edit .form-item-field-image-principale-ad-0,
.page-node-edit .form-item-field-visuel-principal-web-0 {
	border: 1px solid #adadad;
	padding: 5px;
}

.page-node-edit .form-item-field-visuel-principal-0 label#edit-field-visuel-principal-0--label,
.page-node-edit .form-item-field-image-de-couverture-0 label#edit-field-image-de-couverture-0--label,
.page-node-edit .form-item-field-image-principale-ad-0 label#edit-field-image-principale-ad-0--label,
.page-node-edit .form-item-field-visuel-principal-web-0 label#edit-field-visuel-principal-web-0--label {
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 2px 10px;
	width: fit-content;
}
.page-node-edit fieldset#edit-field-type-d-article--wrapper {
	margin: 15px 0 0;
}
.page-node-edit fieldset#edit-field-type-d-article--wrapper .fieldset-wrapper {
	margin: 10px 0 0;
}
.page-node-edit .form-item-field-type-de-travaux label.control-label,
.page-node-edit .form-item-field-marque-moto label.control-label,
.page-node-edit fieldset#edit-field-type-d-article--wrapper legend.control-label {
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 2px 10px;
	width: fit-content;
}
.page-node-edit table#field-etapes-tutoriel-values th.field-label {
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 2px 10px;
	width: fit-content;
}

.page-node-edit #edit-field-images-complementaires-wrapper,
.page-node-edit #edit-field-images-complementaires-art,
.page-node-edit #edit-field-visuels {
	border: 1px solid #adadad;
	padding: 5px;
	border-radius: 0;
}
.page-node-edit #edit-field-images-complementaires-wrapper::before,
.page-node-edit #edit-field-images-complementaires-art::before,
.page-node-edit #edit-field-visuels::before {
	content: 'Images complémentaires';
	color: #fff;
	text-transform: uppercase;
	background: #333;
	padding: 2px 10px;
	width: fit-content;
	display: inline-block;
	font-weight: 500;
}
.page-node-edit #edit-field-images-complementaires-wrapper table#edit-field-images-complementaires-table th,
.page-node-edit #edit-field-images-complementaires-art table#edit-field-images-complementaires-art-table th,
.page-node-edit #edit-field-visuels table#edit-field-visuels-table th {
	display: none;
}

.page-node-edit #edit-field-images-complementaires-wrapper button.tabledrag-toggle-weight,
.page-node-edit #edit-field-etapes-tutoriel-wrapper button.tabledrag-toggle-weight,
.page-node-edit #edit-field-images-complementaires-art button.tabledrag-toggle-weight,
.page-node-edit #edit-field-visuels button.tabledrag-toggle-weight {
	display: none;
}

.page-node-edit fieldset#edit-group-title-image legend.card__title,
.page-node-edit fieldset#edit-group-date-time legend.card__title,
.page-node-edit fieldset#edit-group-location legend.card__title,
.page-node-edit fieldset#visibility legend.card__title,
.page-node-edit fieldset#attachments legend.card__title,
.page-node-edit fieldset#edit-group-pieces-jointes legend.card__title,
.page-node-edit fieldset#edit-group-carte-event legend.card__title,
.page-node-edit fieldset#edit-group-settings legend.card__title,
.page-node-edit fieldset#edit-group-enrollment-methods legend.card__title {
	background: orange;
	color: #fff;
	font-weight: 300;
	border-bottom: 0;
}
.page-node-edit fieldset#edit-field-event-date-0 legend.card__title,
.page-node-edit fieldset#edit-field-event-date-end-0 legend.card__title {
	background: transparent;
	color: #333;
	font-weight: 500;
}

/* masquage zone follow sur nodes types - 28092024 */
.page-node-type-bonnes-adresses .meta-engage {
	display: none;
}

/* header reduit et titre node type - 26052024 */
.page-node-type-page .main-container #hero,
.page-node-type-html-game .main-container #hero {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.page-node-type-html-game .region--title {
	margin-top: auto;
}
.page-node-type-page section#block-socialblue-pagetitleblock .cover,
.page-node-type-html-game section#block-socialblue-pagetitleblock-content .cover {
	height: 140px;
	margin: 0 0 30px;
}
.page-node-type-bonnes-adresses section#block-socialblue-pagetitleblock-content .cover,
.page-node-type-annonces section#block-socialblue-pagetitleblock-content .cover {
	height: 90px;
	margin: -16px 0 30px;
	background-color: #29abe2;
	background-image: none !important;
}
.page-node-type-page .cover-wrap header.page-title,
.page-node-type-annonces .cover-wrap header.page-title,
.page-node-type-html-game .cover-wrap header.page-title {
	position: absolute;
	top: 0;
	max-width: 100%;
	width: 100%;
	bottom: 0;
	padding-top: 2.5rem;
	padding-bottom: 0;
}
.page-node-type-bonnes-adresses .cover-wrap header.page-title,
.page-node-type-annonces .cover-wrap header.page-title {
	position: absolute;
	top: 0;
	max-width: 100%;
	width: 100%;
	bottom: 0;
	padding-top: 2.5rem;
	padding-bottom: 0;
}
.page-node-type-page .cover-wrap header.page-title h1,
.page-node-type-html-game .cover-wrap header.page-title h1 {
	font-weight: 500;
	font-size: 2rem;
}
.page-node-type-bonnes-adresses .cover-wrap header.page-title h1,
.page-node-type-annonces .cover-wrap header.page-title h1 {
	font-weight: 500;
	font-size: 2rem;
	margin: -15px 0 0;
}

/* header et titre view pages - 27052024 */
.path-community-events .region--title #block-socialblue-pagetitleblock-content h1.section-title,
.path-questions .region--title #block-socialblue-pagetitleblock-content h1.section-title,
.path-albums .region--title #block-socialblue-pagetitleblock-content h1.section-title,
.path-all-groups .region--title #block-socialblue-pagetitleblock-content h1.section-title,
.path-flag-followers .region--title #block-socialblue-pagetitleblock-content h1.section-title {
	background: #333;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	margin: 0 0 15px;
}

/* CTAs create node - 01062024 */
.region--complementary-top section#block-ctacreerfichemoto,
.region--complementary-top section#block-ctacreernodeatelier,
.region--complementary-top section#block-ctacreernodetuto,
.region--complementary-top section#block-creernodepageweb,
.region--complementary-top section#block-ctacreernodeannonce,
.region--complementary-top section#block-ctacreernodearticle,
.region--complementary-top section#block-ctacreernodecinetv,
.region--complementary-top section#block-ctacreernodebonnesadresses,
.region--complementary-top section#block-ctacreernodeasso {
	background: #C8231B;
	color: #fff;
	padding: 5px 5px 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	margin-bottom: 1.25rem;
}
/*.page-node-type-moto .region--complementary-top section#block-ctacreerfichemoto,*/
.page-node-type-book .region--complementary-top section#block-ctacreernodeatelier,
.page-node-type-pages_web .region--complementary-top section#block-creernodepageweb,
.page-node-type-cine_tv .region--complementary-top section#block-ctacreernodecinetv {
	margin-top: 1.25rem;
}

/* footer pages et nodes devenir redacteur - 03062024 */
.path-node section#block-footerdevenirredacteurtutoriel {
    background: transparent;
    border: none;
    margin: 15px 0 0 !important;
}
.path-node section#block-footerdevenirredacteurarticle {
    background: transparent;
    border: none;
    margin: 0 !important;
}
.ask-redac {
	background: #C8231B;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.ask-redac a {
	text-decoration: underline;
}

/* masequer top nav onglets - details + revisions - node edit form - 16062024 */
.page-node-type-tutoriel .region--secondary-navigation nav.navbar-secondary,
.page-node-type-pages-web .region--secondary-navigation nav.navbar-secondary {
	display: none;
}

/* marges diverses - 16062024 */
.path-articles .view-articles .veh-thumb h3 {
	margin: 0 0 0.75rem;
}

/* top banner reduite sans image + fields custom - node type annonce - 16062024 */
.page-node-type-annonces section#block-socialblue-pagetitleblock-content .cover-wrap {
	min-height: auto;
}
.page-node-type-annonces .ad-cont {
	margin-bottom: 15px;
	float: left;
}
.page-node-type-annonces .card__body .ad-price {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}
.page-node-type-annonces .card__body .ad-price-label {
    background: #C8231B;
    float: left;
    color: #fff;
    line-height: 1;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 500;
}
.page-node-type-annonces .card__body .ad-price-value,
.page-node-type-annonces .card__body .ad-price-value a {
    color: #000;
    margin: 5px 0 0 5px;
    font-weight: 300;
    font-size: 1rem;
}

/* likes - 26062024 */
.vote-widget .vote__wrapper {
    background: #000;
    color: #fff;
    padding: 2px 10px 0;
}
.vote-widget .vote__wrapper a.use-ajax {
	pointer-events: none;
}

/* masquage elements node suite a twig personnalise pour afficher le widget like - 3006204 */
.custom-hide-content {
	float: left;
}
.custom-hide-content a.btn-follow, .custom-hide-content .card__link {
	display: none;
}

/* message alert success header - 13072024 */
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    position: absolute;
    z-index: 999;
    top: 50px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    border-radius: 0 !important;
}

/* reset create password - 14072024 */
body.path-user form.user-pass-reset {
	margin: 200px 0 100px;
}
body.path-user form.user-pass-reset p {
	color: #fff !important;
}
body.path-user form.user-pass-reset .form-actions {
    display: block !important;
}

/* masquer privacy settings on edit account - 15082024 */
.path-user fieldset#edit-profile-privacy {
	display: none;
}

.user-logged-in form.profile-profile-edit-form::before {
    content: 'Configuration de ton profil : renseigne impérativement toutes les informations pour optimiser ta page profil au sein de la communauté !';
    text-align: center;
    width: 100%;
    margin: 0 0 30px;
    color: #fff;
}

.user-logged-in .profile-profile-edit-form .card {
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    padding: 0 30px;
}
.user-logged-in .profile-profile-edit-form .card__block {
    border: none;
}
.user-logged-in .profile-profile-edit-form .card .card__title {
    background: transparent;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 1.25rem;
    float: left;
}
.user-logged-in #edit-field-profile-interests--wrapper .form-checkboxes {
    background: #fff;
    padding: 15px 15px 10px;
}
table#field-mes-becanes-values th.field-label {
    color: #fff;
    font-weight: 500;
}
.user-logged-in form.profile-profile-edit-form .form-item-revision-log-message-0-value {
	display: none;
}

/* page contact prive - 19082024 */
body.path-private-message main#content {
	background: rgba(0,0,0,1);
}
body.path-private-message main#content form.private-message-add-form .card {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 10px !important;
}
body.path-private-message main#content form.private-message-add-form .card label {
    color: #fff;
}
body.path-private-message main#content form.private-message-add-form .card .help-block {
    background: rgba(255,0,0,0.5);
    color: #fff !important;
}
body.path-private-message main#content section.container {
	margin-top: 50px;
}
body.path-user section#block-socialblue-content .view-inbox {
	margin-top: 80px;
}

/* masquage lien Profils Suivis + mes groupes dans dropdown menu membre - 21082024 */
li.profile ul.dropdown-menu a[href="/following"]{
	display: none;
}
li.profile ul.dropdown-menu li.divider {
	display: none;
}
li.profile ul.dropdown-menu a[href*="groups"]{
	display: none;
}
/* style dropdown menu membre - 21082024 */
li.profile ul.dropdown-menu  {
	background: rgba(0,0,0,0.85);
	padding: 0 0 20px;
	border-radius: 5px;
	top: 60px !important;
}
li.profile ul.dropdown-menu li a {
	color: #fff;
	margin: 0 10px;
	transition: all 0.5s ease;
}
li.profile ul.dropdown-menu li a:hover {
	color: #000;
	background: orange;
}
li.profile ul.dropdown-menu li.dropdown-header {
	background: orange;
	margin: 0 10px 20px;
	padding: 0;
}
li.profile ul.dropdown-menu li.dropdown-header a {
	color: #000;
}
/* style dropdown menu membre Alertes - 21082024 */
li.notification-bell ul.dropdown-menu  {
	background: rgba(0,0,0,0.85);
	padding: 0 0 20px;
	border-radius: 5px;
	top: 60px !important;
}
li.notification-bell ul.dropdown-menu li.dropdown-header {
	background: orange;
	color: #000;
	margin: 10px 10px 0;
}
li.notification-bell ul.dropdown-menu li.divider {
	display: none;
}
li.notification-bell ul.dropdown-menu .scrollable-menu {
	padding: 0 10px;
	margin-top: -25px;
}
li.notification-bell ul.dropdown-menu .bg-white {
	background-color: rgba(255,255,255,0.3);
	color: #fff !important;
	transition: all 0.5s ease;
}
li.notification-bell ul.dropdown-menu .bg-white:hover {
	background-color: orange;
	color: #000 !important;
}
li.notification-bell ul.dropdown-menu .bg-white .text-gray-light {
	color: #fff !important;
	transition: all 0.5s ease;
}
li.notification-bell ul.dropdown-menu .bg-white .text-gray-light:hover {
	color: #000 !important;
}
li.notification-bell ul.dropdown-menu a.block {
	margin-top: 0 !important;
	margin-bottom: 2px !important;
}
li.notification-bell ul.dropdown-menu ul.scrollable-menu {
	margin-top: 0 !important;
}
/* style dropdown menu membre + - 21082024 */
.view-activity-stream-notifications li.open ul.dropdown-menu li a.bg-gray-lightest {
    color: #000 !important;
}
li.open ul.dropdown-menu {
	background: rgba(0,0,0,0.85);
	padding: 0 0 20px;
	border-radius: 5px;
	top: 60px;
}
li.open ul.dropdown-menu li a {
	color: #fff;
	margin: 0 10px;
	transition: all 0.5s ease;
}
.view-activity-stream-notifications li.open ul.dropdown-menu li a {
	color: #000 !important;
}
li.open ul.dropdown-menu li a:hover {
	color: #000;
	background: orange;
}
/* page profil - 22082024 */
.path-user .card__body h5 {
	color: #000;
	margin: 0 0 10px;
}
.path-user .card__body .badge--pill {
	background: orange;
	line-height: 1.5;
	color: #000;
	font-size: .8rem;
	padding: 5px 15px 4px;
	border-radius: 5px;
	margin: 0 0 15px;
}

/* divers pages de base - 23082024 */
.page-node-type-page .meta-engage {
	display: none;
}
.page-node-type-page aside.region--complementary {
	display: none;
}
.page-node-type-page .layout--with-complementary > .region--content {
    max-width: 100% !important;
    padding-right: 0 !important;
}
.page-node-type-page section.layout--with-complementary {
	display: block;
}

/* page user inbox - 24082024 */
.user-custom-inbox {
	color: #fff;
	margin: -20px 0 30px;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
}
.user-custom-inbox::before {
	content: "";
	background-image: url('/sites/default/files/icon-inbox.png');
	background-size: 100% 100%;
	display: inline-block;
	width: 35px;
	height: 22px;
	margin-right: 10px;
	margin-top: -5px;
}

/* badge top five - 25082024 */
.top-five-hero {
    float: left;
    width: 80px;
    position: absolute;
    top: 15px;
    left: 0;
}
.top-block .img {
	position: relative;
}
.top-five-block {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 35%;
}
.view-newest-users .top-five-block {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 28%;
}

/* tuto paragraph step image - 26082024 */
.accordion-description .field--name-field-texte-step-tuto img {
	width: 100%;
}

/* bloc photos en vrac home portail - 28082024 */
.view-photos-en-vrac a {
	display: inline-block;
	width: 100%;
	max-width: 145.9px;
}
#block-views-block-photos-en-vrac-block-1 h2 {
	margin: -90px 0 0;
}

/* page all members - 29082024 */
.path-all-members .view-top-membres .view-header,
.path-all-members .view-newest-users .view-header,
.path-community-events .view-upcoming-events .view-header,
.path-questions .view-latest-topics .view-header,
.path-albums .view-all-albums .view-header,
.path-all-groups .view-newest-groups .view-header,
.path-flag-followers .view-following .view-header {
	color: #fff;
}
.path-community-events .view-upcoming-events .view-header p br,
.path-questions .view-latest-topics .view-header p br,
.path-albums .view-all-albums .view-header p br,
.path-all-groups .view-newest-groups .view-header p br {
	margin: 0 0 0.75rem;
}
.path-flag-followers .view-following .view-header .search-intro {
	margin: 0.75rem 0;
}

/* page all events - 30082024 */
.path-community-events .main-container,
.path-questions .main-container,
.path-albums .main-container,
.path-all-groups .main-container {
	background: #000;
}

/* node album - 31082024 */
@media (min-width: 900px) {
.page-node-type-album #content section.with-title-region  {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.page-node-type-album #content section.with-title-region .region--content {
	max-width: 80% !important;
	flex: 0 0 80% !important;
	padding-right: 1rem;
}
.page-node-type-album #content section.with-title-region .region--complementary {
    max-width: 20% !important;
    flex: 0 0 20% !important;
}
}

.page-node-type-album .region--title {
	/* display: none; */
}

.page-node-type-album .cover {
	background: #333;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	margin: 0 0 15px;
}
.page-node-type-album .cover .hero__bgimage-overlay {
	border-radius: 5px;
}
.page-node-type-album .cover h1 {
	font-size: 1.25rem;
	font-weight: 500;
	margin: 0;
}
.page-node-type-album .cover .cover-wrap {
	min-height: auto;
}
.page-node-type-album .cover .page-title {
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
	max-width: 100%;
	text-align: left;
}
.page-node-type-album .cover .page-title p {
	margin: 0;
}
.page-node-type-album main#content {
	margin-top: 15px;
	background: #000;
}
.page-node-type-album .node-album-title a {
	background: orange;
	color: #000;
	padding: 5px 10px 4px;
	/* border-radius: 5px; */
	margin: 0 0 10px;
	float: left;
}
.page-node-type-album 

/* bloc commentaires - 03092024 */
section#node-album-field-album-comments h4.section-title::before,
 {
	content: "";
	background-image: url('/sites/default/files/icon-comment.png');
	background-size: 100% 100%;
	display: inline-block;
	width: 25px;
	height: 22px;
	margin-right: 10px;
	margin-bottom: -8px;
}
section#node-album-field-album-comments h4.section-title {
	color: #fff;
	font-size: 1rem;
	padding-left: 0;
	font-weight: 300;
}

/* page forum - 31082024 */
.path-forum main#content {
	background: #000;
}
.path-forum h1.section-title {
	background: #333;
	color: #fff;
	padding: 10px !important;
	border-radius: 5px;
	margin: 15px 0;
}

/* statuts onlien offline - 03092024 */
.path-user section#block-socialblue-content h4.inline {
	display: none;
}
.path-user .region--content #block-socialblue-content {
	margin-top: 20px;
}

.path-user section#block-socialblue-content span.status {
	position: relative;
	display: flex;
}
.path-user section#block-socialblue-content span.status h1::before {
	content: '';
	background-image: url('/sites/default/files/user-on.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
	margin: -8px 10px 0 0;
	vertical-align: middle;
}
.path-user section#block-socialblue-content span.status h1 {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 300;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 15px;
}
.path-user section#block-socialblue-content span.status h2::before {
	content: '';
	background-image: url('/sites/default/files/user-off.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
	margin: -8px 10px 0 0;
	vertical-align: middle;
}
.path-user section#block-socialblue-content span.status h2 {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 300;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 15px;
}

.usr-status {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 0 10px;
}
.usr-status h1 {
    content: '';
    background-image: url('/sites/default/files/user-on.png');
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
    height: 20px;
    width: 20px;
}
.usr-status h2 {
    content: '';
    background-image: url('/sites/default/files/user-off.png');
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
    height: 20px;
    width: 20px;
}

/* page tous les membres new - 07092024 */
.path-page-membres-motoblues .region--title::before {
	content: 'Toute la communauté MotoBlues';
	background: #333;
	color: #fff;
	width: 100%;
	display: block;
	border-radius: 5px;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.1;
	padding: 10px;
	margin: 0 0 15px;
}
.path-page-membres-motoblues .region--title h1.h4 {
	display: none;
}
.path-page-membres-motoblues .view-header {
	color: #fff;
}
.path-page-membres-motoblues main#content {
	background: rgba(0,0,0,1);
}
.path-page-membres-motoblues section.container {
	margin-top: 50px;
}

/* node global - 13032025 */
.path-node main#content,
.path-taxonomy main#content {
	background: rgba(0,0,0,1);
}

/* node credits photos - 13032025 */
.page-node-type-page .container.with-title-region .region--title {
	display: none;
}

/* node evenement - 08092024 */
.page-node-type-event main#content {
	background: rgba(0,0,0,1);
}
body.page-node-type-event.page-node-edit main#content {
	background: #FAFAFA;
}

/* node moto - 08092024 */
.page-node-type-moto main#content {
	background: rgba(0,0,0,1);
}
body.page-node-type-moto.page-node-edit main#content {
	/*background: #FAFAFA;*/
}

/* node bonnes adresses - 12102024 */
body.page-node-type-bonnes-adresses.page-node-edit main#content {
	background: #FAFAFA;
}

/* node tutoriel - 08092024 */
.page-node-type-tutoriel main#content {
	background: rgba(0,0,0,1);
}
.page-node-type-tutoriel .alert-bricolo {
	color: #fff;
}
body.page-node-type-tutoriel.page-node-edit main#content {
	background: #FAFAFA;
}

/* node article - 08092024 */
.page-node-type-article main#content {
	background: rgba(0,0,0,1);
}
body.page-node-type-article.page-node-edit main#content {
	background: #FAFAFA;
}

/* node annonce - 08092024 */
.page-node-type-annonces main#content,
.page-node-type-bonnes-adresses main#content {
	background: rgba(0,0,0,1);
}
body.page-node-type-annonces.page-node-edit main#content {
	background: #FAFAFA;
}

/* node page web - 08092024 */
.page-node-type-pages-web main#content {
	background: rgba(0,0,0,1);
}
body.page-node-type-pages-web.page-node-edit main#content {
	background: #FAFAFA;
}

/* node cine/tv - 08092024 */
.page-node-type-cine-tv main#content {
	background: rgba(0,0,0,1);
}
body.page-node-type-cine-tv.page-node-edit main#content {
	background: #FAFAFA;
}

/* node question - 08092024 */
.page-node-type-topic main#content {
	background: rgba(0,0,0,1);
}

/* node groupe - 08092024 */
.path-group main#content {
	background: rgba(0,0,0,1);
}

/* node assos - 08092024 */
.page-node-type-associations main#content {
	background: rgba(0,0,0,1);
}
.page-node-type-associations section#block-socialblue-pagetitleblock-content {
	display: none;
}

/* sections followers - 12092024 */
.path-flag-followers section#block-socialblue-pagetitleblock-content h1.h4 {
	color: #fff;
}
.path-flag-followers main#content {
	background: rgba(0,0,0,1);
}
.path-flag-followers .view-mode-test_flag h4.label {
	display: none;
}
.path-flag-followers .view-mode-test_flag span.status h2 {
	content: '';
    background-image: url('/sites/default/files/user-off.png');
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
    height: 20px;
    width: 20px;
	margin: -45px 0 20px 5px;
	z-index: 99999;
	position: relative;
}
}
.path-flag-followers .view-mode-test_flag span.status h1 {
	content: '';
	background-image: url('/sites/default/files/user-on.png');
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0;
	height: 20px;
	width: 20px;
	margin: -45px 0 20px 5px;
	z-index: 99999;
	position: relative;
}
.path-flag-followers .teaser__content .inline-profil-skill {
	display: flex;
}
.path-flag-followers .teaser__content .inline-profil-skill .field--name-field-profile-expertise {
	margin-left: 5px;
	display: flex;
}
.path-flag-followers .teaser__content .inline-profil-skill .field--name-field-profile-interests {
	margin-left: 5px;
	display: flex;
}
.path-flag-followers .teaser__content .inline-profil-skill .field--name-field-profile-expertise .field--item,
.path-flag-followers .teaser__content .inline-profil-skill .field--name-field-profile-interests .field--item {
	margin-left: 5px;
}
.path-flag-followers .view-flag-followers .row-eq-height .col-md-3 {
	background: rgba(255,255,255,0.2);
	border-radius: 5px;
	max-height: 152px;
}

/* node contenu suivi - 13092024 */
.custom-follow {
	background: #fff;
	margin-bottom: 10px;
}
.custom-follow h1 {
	font-size: 1.25rem;
	font-weight: 500;
	margin: 0;
}
.custom-follow h2 {
	background: #000;
	color: #fff;
	margin: 5px 0 0;
	width: fit-content;
	text-transform: uppercase;
	font-size: .9rem;
	padding: 5px 10px;
}
.custom-follow h5 {
	font-size: .9rem;
	margin: 5px 0 0;
}
.custom-follow h5 span {
	font-weight: 300;
}
.custom-follow h6 {
	font-size: .9rem;
	margin: 5px 0 0;
}
.custom-follow h6 span {
	font-weight: 300;
}
.custom-follow h3 {
	font-size: .9rem;
	margin: 0 0 3px;
}
.custom-follow h3 span {
	font-weight: 300;
}
.custom-follow h4 {
	font-size: .9rem;
	margin: 0;
}
.custom-follow h4 span {
	font-weight: 300;
}
.custom-follow a.btn {
	margin-top: 5px;
	width: fit-content;
}
.custom-follow .col-md-9 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.custom-follow .col-md-3 {
	background-image: url('../nopic-follow.png');
	padding-right: 0;
	min-height: 208px;
	background-size: contain;
	background-position: 20px top;
	background-repeat: no-repeat;
}

/* divers action buttons - 17092024 */
.teaser .card__actionbar {
	position: absolute;
	right: 0;
	bottom: 0;
}
.path-user .teaser .card__actionbar {
	position: relative;
}

.teaser .card__actionbar a.card__link,
.teaser .card__actionbar .card__link a {
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: .7rem;
	padding: 2px 10px;
	margin: 0 0 5px 5px;
	transition: .3s ease-out;
}
.teaser .card__actionbar a.card__link:hover {
	background: red;
}
.teaser .card__actionbar .badge__icon {
	fill: #000;
}

/* divers section follow - 17092024 */
.path-flag-followers .view-flag-followers .views-field .row .col-md-2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* teaser evenement - 19092024 */
.teaser-event .custom-teaser-label {
	position: absolute;
	top: 10px;
}
.teaser-event h4.teaser__title {
	margin-top: 25px;
}

/* node type bonnes adresses - 28092024 */
.page-node-type-bonnes-adresses .card__body .field--label {
	font-weight: 700;
	text-transform: uppercase;
}
.page-node-type-bonnes-adresses .card__body .field--label::after {
	content: ':';
	padding: 0 0 0 5px;
}

/* forum - 06102024 */
.path-forum .table-responsive table.table-forum thead {
	background: #000;
	color: #fff;
}
.path-forum .table-responsive table.table-forum thead tr {
	line-height: 1;
}
.path-forum .table-responsive table.table-forum thead th {
	font-weight: 500;
	line-height: 1;
	vertical-align: middle;
	padding: 10px 15px;
}
.path-forum .table-responsive table.table-forum td .indent {
	margin-left: 30px;
	border-left: 1px solid;
	padding-left: 10px;
}

/* divers nodes - 09102024 */
.page-node-type-moto .cover-img .hero-action-button {
	position: absolute;
	top: -2px;
	right: 0;
}

body.page-node-type-tutoriel section.container,
body.page-node-type-article section.container,
body.page-node-type-pages-web section.container {
	margin-top: 75px;
}
body.page-node-type-associations section.container {
	margin-top: 75px;
}

body.page-node-type-bonnes-adresses section.container,
body.page-node-type-annonces section.container {
	margin-top: 30px;
}
body.page-node-type-bonnes-adresses .card__body img.img-responsive {
	margin: 0 0 15px 0;
}

body.page-node-type-bonnes-adresses section.container .region--title {
	margin-top: 0;
}
body.page-node-type-cine-tv section.container {
	margin-top: 60px;
}
body.page-node-type-cine-tv .region--title #block-socialblue-pagetitleblock-content {
		margin: 0 0 20px;
}

.page-node-type-tutoriel .region--title,
.page-node-type-article .region--title,
.page-node-type-pages-web .region--title,
.page-node-type-associations .region--title {
	position: absolute;
	margin-top: 2px;
	right: 226px;
	top: -2px;
}
.page-node-type-tutoriel .cover .hero-action-button,
.page-node-type-article .cover .hero-action-button,
.page-node-type-pages-web .cover .hero-action-button,
.page-node-type-associations .cover .hero-action-button {
	position: relative;
	top: -2px;
}

.page-node-type-tutoriel.page-node-edit .region--title,
.page-node-type-article.page-node-edit .region--title,
.page-node-type-pages-web.page-node-edit .region--title,
.page-node-type-associations.page-node-edit .region--title {
	position: relative;
	right: auto;
}
.page-node-type-tutoriel.page-node-edit section.container h1,
.page-node-type-article.page-node-edit section.container h1,
.page-node-type-pages-web.page-node-edit section.container h1 {
	color: #000;
	font-size: 1.25rem;
	font-weight: 500;
	margin: 0;
}

/* divers formulaires edit node - 08102024 */
.page-node-type-moto.page-node-edit .form-item-field-image-principale-moto-0 .image-widget,
.page-node-type-article.page-node-edit .form-item-field-image-de-couverture-0 .image-widget,
.page-node-type-annonces.page-node-edit .form-item-field-image-principale-ad-0 .image-widget,
.page-node-type-pages-web.page-node-edit .form-item-field-visuel-principal-web-0 .image-widget,
.page-node-type-cine-tv.page-node-edit .form-item-field-image-principale-0 .image-widget {
	max-height: 320px;
}
.page-node-type-moto.page-node-edit .form-item-field-image-principale-moto-0 .image-widget .preview img,
.page-node-type-tutoriel.page-node-edit .form-item-field-visuel-principal-0 .image-widget .preview img,
.page-node-type-article.page-node-edit .form-item-field-image-de-couverture-0 .image-widget .preview img,
.page-node-type-annonces.page-node-edit .form-item-field-image-principale-ad-0 .image-widget .preview img,
.page-node-type-pages-web.page-node-edit .form-item-field-visuel-principal-web-0 .image-widget .preview img,
.page-node-type-cine-tv.page-node-edit .form-item-field-image-principale-0 .image-widget .preview img {
	max-width: 890px;
}
.page-node-type-moto.page-node-edit .form-item-field-image-principale-moto-0 #edit-field-image-principale-moto-0-image-crop-crop-wrapper .btn,
.page-node-type-tutoriel.page-node-edit .form-item-field-visuel-principal-0 #edit-field-visuel-principal-0-image-crop-crop-wrapper .btn,
.page-node-type-article.page-node-edit .form-item-field-image-de-couverture-0 #edit-field-image-de-couverture-0-image-crop-crop-wrapper .btn,
.page-node-type-annonces.page-node-edit .form-item-field-image-principale-ad-0 #edit-field-image-principale-ad-0-image-crop-crop-wrapper .btn,
.page-node-type-pages-web.page-node-edit .form-item-field-visuel-principal-web-0 #edit-field-visuel-principal-web-0-image-crop-crop-wrapper .btn,
.page-node-type-cine-tv.page-node-edit .form-item-field-image-principale-0 #edit-field-image-principale-0-image-crop-crop-wrapper .btn,
.page-node-type-cine-tv.page-node-edit button#edit-field-acteur-add-more,
.page-node-type-cine-tv.page-node-edit button#edit-field-videos-add-more {
	background: red;
	border-radius: 0 !important;
	color: #fff;
	padding: 5px 10px;
	margin-top: -15px;
}
.page-node-type-moto.page-node-edit fieldset#edit-group-galerie-photo .card__block button.tabledrag-toggle-weight,
.page-node-type-moto.page-node-edit fieldset#edit-group-galerie-video .card__block button.tabledrag-toggle-weight,
.page-node-type-moto.page-node-edit #edit-field-pneumatiques-wrapper button.tabledrag-toggle-weight,
.page-node-type-moto.page-node-edit #edit-field-freins-wrapper button.tabledrag-toggle-weight,
.page-node-type-cine-tv.page-node-edit #field-acteur-add-more-wrapper button.tabledrag-toggle-weight {
	display: none;
}

/* divers footer - 15102024 */
.site-footer .container > * {
	padding: 0 !important;
}

/* divers marges nodes - 17102024 */
.page-node-type-moto .cover-img,
.page-node-type-associations .node-top-banner {
	margin-bottom: 20px;
}
.page-node-type-tutoriel .node-top-banner,
.page-node-type-article .node-top-banner  {
	margin-bottom: 20px;
}

/* home reseau - 27102024 */
.path-frontpage .stream .teaser.teaser--stream .teaser__image {
    min-height: 140px;
	max-height: 140px;
	padding: 10px;
}
.path-frontpage .stream .teaser.teaser--stream .teaser__body svg.teaser__content-type-icon {
	display: none;
}
/* home portail - 27102024 */
.path-portail section.container .veh-thumb h2 a {
	color: #000;
	font-weight: 500;
}
.path-portail section.container .veh-thumb h3 {
	color: #fff;
	/* font-weight: 500; */
	background: #000;
	line-height: 1;
	padding: 3px 0 1px;
	font-size: .9rem;
	margin: 5px 0 0;
}

.path-portail section.container .view-cine-tv .veh-thumb h3 {
	padding: 2px 0 3px;
}

.path-portail section.container .veh-thumb h3 a {
    color: orange;
    padding: 0 0 3px;
    display: inline-block;
}
.path-portail section.container .veh-thumb h3 a:hover {
    color: #fff;
}
.path-portail section.container .veh-thumb p {
    background: #000;
}
.path-portail section.container .veh-thumb p a {
    color: orange;
}
.path-portail section.container .veh-thumb p a:hover {
    color: #fff;
}

/* limiter nombre de caracteres sous vignettes - 03112024 */
.path-portail .veh-thumb {
  width: 100%;
}
.path-portail .veh-thumb h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* page contact */
.path-contact #content .container {
    margin-top: 50px;
    max-width: 100%;
    padding: 0;
}
.path-contact .region--title {
	background-color: #29abe2;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -10px;
}
.path-contact section#block-socialblue-pagetitleblock-content h1 {
    background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(34, 34, 34, 0.7) 100%) !important;
    color: #fff;
    text-align: center;
    height: 60px;
    font-size: 2rem;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    margin: 10px 0 0;
}
.path-contact .region--content {
	border: 1px solid #ECEAEA;
	margin: 30px auto 0 !important;
	background: #fff;
	padding: 10px 20px 0 !important;
}
.path-contact button#edit-preview {
	display: none;
}
.path-contact form#contact-message-nous-contacter-form #edit-name,
.path-contact form#contact-message-nous-contacter-form #edit-mail {
	background: #000;
	color: #fff;
	line-height: 1;
	padding: 10px 10px 5px;
}

.col-arrow {
	pointer-events: none;
}
.path-portail section#block-socialblue-views-block-upcoming-events-block-my-upcoming-events {
	margin: 20px 0;
}

.page-node-type-associations .asso-address p.address br {
	display: none;
}
.page-node-type-associations .asso-address p.address .locality::after {
	content: '-';
	margin-left: 5px;
}
.page-node-type-associations .asso-address p.address,
.page-node-type-associations .asso-address p.address .locality,
.page-node-type-associations .asso-address p.address .country {
	display: inline-block;
	margin: 0;
}
.page-node-type-associations .asso-url a {
	color: blue;
	font-size: 1.1rem;
	font-weight: 300;
}
.page-node-type-associations .asso-url a:hover {
	text-decoration: underline;
}
.page-node-type-associations .card__body .asso-url,
.page-node-type-associations .card__body .asso-contact {
	border: 1px solid #e6e6e6;
	float: left;
	width: 100%;
	margin: 0 0 15px;
	padding: 5px 7px;
	color: #000;
}

/* boutons divers */
.blink-1 {
	color: #fff;
	background: #C8231B;
	padding: 5px 0;
	-moz-animation: blink normal 2s infinite ease-in-out;
	-webkit-animation: blink normal 2s infinite ease-in-out;
	-ms-animation: blink normal 2s infinite ease-in-out;
	animation: blink normal 2s infinite ease-in-out;
}
.blink-1 a {
	color: #fff;
}
.blink-1 b {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
}

/* divers bugs hero banner & edit link sur node type cine tv */
.page-node-type-cine-tv section#block-socialblue-pagetitleblock-content .cover {
	display: none;
}
.page-node-type-cine-tv .hero-action-button {
	top: 0;
	right: 0;
}
.page-node-type-cine-tv .region--title {
	margin-top: 0rem;
}
.page-node-type-cine-tv section.container h1 {
	color: #000;
	font-size: 1.5rem;
	font-weight: 300;
	margin: 0 0 0 10px;
}
.page-node-type-cine-tv .node-top-banner {
	margin-bottom: 20px;
}
.page-node-type-cine-tv .ref-taxo-node {
	bottom: 65px;
}
.page-node-type-cine-tv .breadcrumb {
	display: none;
}

/* events */
.page-node-type-event main#content {
	margin-top: 56px;
}
.page-node-type-event .region--complementary-top section#block-linkallnodestypeevenement {
	background: #C8231B;
	color: #fff;
	padding: 5px 5px 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	margin-bottom: 1.25rem;
	margin-top: 1rem;
}
.page-node-type-event .region--complementary-top section#block-linkallnodestypeevenement .all-nodes-link a {
	margin: inherit;
}
.path-community-events .region--complementary-top section#block-ctacreerevenement {
	background: #C8231B;
	color: #fff;
	padding: 5px 5px 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	margin-bottom: 1.25rem;
}
.page-node-type-event .region--complementary-top section#block-ctacreerevenement {
	background: #C8231B;
	color: #fff;
	padding: 5px 5px 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	margin-bottom: 1.25rem;
	margin-top: 1rem;
}

/* groupes */
.path-group main#content {
	margin-top: 56px;
}
.path-group main#content .region--breadcrumb {
	background: #333333;
	color: #fff;
}
.path-group main#content .region--breadcrumb ol.breadcrumb .icon-gray {
	fill: #fff;
	margin-top: -3px;
}
.path-group main#content .region--breadcrumb li.active {
	color: orange;
}
.path-group section.with-title-region {
	margin-top: 0 !important;
}
.path-group section.with-title-region h1.section-title {
    color: #fff;
    padding: 5px 0 !important;
    margin-bottom: 15px;
}
.path-group section.with-title-region section#block-socialblue-albums-count-and-add .node-album-title a {
	display: none;
}
.path-group .view-albums .teaser-album .card__link {
	display: none !important;
}
.path-group .view-albums .teaser-album .teaser__content {
	padding: 5px 5px 20px !important;
}
.path-group .view-albums .teaser-album .card__actionbar {
	left: 0;
	padding: 0 0 0 5px !important;
}

.path-group #block-socialblue-exposedformgroup-eventspage-group-events #block-filter,
.path-group #block-socialblue-exposedformgroup-topicspage-group-topics #block-filter {
	border: 1px solid orange;
	background: rgba(255,255,255,0.1);
	border-radius: 5px !important;
	position: relative;
}

.path-group #block-socialblue-exposedformgroup-eventspage-group-events #block-filter .form-actions {
	position: absolute;
	right: 20px;
	top: 35%;
}
.path-group #block-socialblue-exposedformgroup-eventspage-group-events #block-filter .form-actions button#edit-submit-group-events {
	background: red;
	color: #fff;
	border: none;
}
.path-group #block-socialblue-exposedformgroup-eventspage-group-events #block-filter .offcanvas-head,
.path-group #block-socialblue-exposedformgroup-topicspage-group-topics #block-filter .offcanvas-head {
	display: none;
}
.path-group #block-socialblue-exposedformgroup-eventspage-group-events #block-filter label.control-label {
	color: #fff;
	font-weight: 500 !important;
}
.path-group #block-socialblue-exposedformgroup-eventspage-group-events #block-filter [type="radio"]:checked + label::before {
	border-color: orange;
}
.path-group #block-socialblue-exposedformgroup-eventspage-group-events #block-filter [type="radio"]:checked + label::after {
	border-color: orange;
	background-color: orange;
}
.path-group #block-socialblue-exposedformgroup-eventspage-group-events .fieldgroup {
	display: inline-block;
	width: 30%;
	margin: 0 0 5px !important;
}
.path-group #block-socialblue-exposedformgroup-eventspage-group-events .form-item-event-type-id {
	display: inline-block;
	width: 30%;
	margin: 0 !important;
}

.path-group #views-exposed-form-group-topics-page-group-topics .form-item-type {
	display: inline-block;
	width: 20%;
	margin: 0 !important;
}
.path-group #views-exposed-form-group-topics-page-group-topics .form-item-status {
	display: inline-block;
	width: 15%;
	margin: 0 !important;
}
.path-group #views-exposed-form-group-topics-page-group-topics .form-item-sort-by {
	display: inline-block;
	width: 25%;
	margin: 0 !important;
}
.path-group #views-exposed-form-group-topics-page-group-topics .form-item-sort-order {
	display: inline-block;
	width: 18%;
	margin: 0 !important;
}
.path-group #block-filter #views-exposed-form-group-topics-page-group-topics .form-actions {
	position: absolute;
	right: 20px;
	top: 45%;
}

.path-all-groups .region--complementary-top section#block-ctacreergroupe,
.path-group .region--complementary-top section#block-ctacreergroupe,
.path-group .region--complementary-top section#block-linkallgroups {
	background: #C8231B;
	color: #fff;
	padding: 5px 5px 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	margin-bottom: 1.25rem;
}
.path-group .region--complementary-top section#block-linkallgroups a {
	margin: 0;
	padding: 0;
}
.path-all-groups .region--title {
	margin-top: 3rem;
}

/* albums */
.page-node-type-album #content.main-container {
	margin-top: 50px;
}
.page-node-type-album .hero-action-button {
	top: 0.1rem;
	right: 0;
}

/* alertes - erreurs */
.alert-danger {
	background-color: #BC0F18;
	border-color: #ebccd1;
	color: #fff;
	border-radius: 0 !important;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	line-height: 1;
}

/* divers - 21022025 */
.path-frontpage .view-bloc-decompte-forums {
	display: inline-block;
}

/* contact form site + contact form proposer un evenement */
.path-contact #content {
	background: #000;
}
.path-contact .event-form {
    text-align: center;
}
.path-contact .event-form h1 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.5rem;
    margin: 0 0 15px;
}
.path-contact .event-form h2 {
    background: rgba(0,255,0,0.2);
    border: 1px solid rgba(0,255,0,0.8);
    font-size: .9rem;
    padding: 5px 0;
    font-weight: 300;
}
.path-contact .event-form h2 a {
    text-decoration: underline;
}
.path-contact .event-form p {
    margin: 0 0 5px;
}
.path-contact form.contact-message-proposer-un-evenement-form .form-item-mail {
	margin-top: 15px;
}

/* version mobile */

@media (max-width: 767px) {
/* header */
nav.navbar .container .navbar-brand > img {
	max-width: 160px;
}
nav.navbar .container .navbar-toggle {
	padding: 8px 0 8px 20px;
}
.navbar-default .navbar-nav li.not-logged-in a {
	margin: 0 !important;
}
ul.navbar-user {
	position: absolute;
	right: 0;
	top: 2px;
}
#main-navigation .dropdown-menu {
	top: auto;
	z-index: 9;
}
#main-navigation.in .navbar {
	position: absolute;
	min-height: 100%;
	/*top: 140px;*/
	background: #000;
	width: 100%;
	left: 0;
}
.navbar-fixed-top .navbar-nav li.profile.open ul.dropdown-menu {
	height: auto;
	margin-top: -10px;
	border-radius: 0;
	padding: 0;
}
.navbar-fixed-top .navbar-nav li.profile.open ul.dropdown-menu li a {
	text-align: center;
	background: #000;
	color: #fff;
}
/* home banner */
.region--top-full-width .cover-with-canvas {
	padding: 0;
}
.region--top-full-width #block-socialblue-anhomepageheroblock .hero-canvas {
	top: 50%;
	left: 0;
	transform: inherit;
	text-align: center;
	transform: translate(0, -50%);
	margin: 0 15px;
}
/* section reseau */
.path-frontpage li.stream-item .social-post-album--post {
	display: block;
}
.path-frontpage li.stream-item .social-post-album--post .teaser {
	display: block;
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body {
	display: block;
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body .teaser__content {
	display: block;
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body .teaser__content h4 {
	display: block;
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body .teaser__content .teaser__content-line {
	display: block;
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body .card__actionbar {
	display: block;
	position: relative;
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body .card__actionbar .badge--pill {
	float: left;
	/*width: 100%;*/
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body .card__actionbar .card__link {
	float: right;
	width: auto;
	margin: 10px 0 0;
}
.path-frontpage li.stream-item .social-post-album--post .teaser__body .card__actionbar .card__link a {
	padding: 5px 10px;
}
/* section portail */
.path-portail .view-photos-en-vrac a {
	width: 49%;
	max-width: 49%;
}
.path-portail .view-id-assos .veh-thumb h5 {
	display: none;
}
.path-portail .view-id-assos .veh-thumb h2 {
	font-size: 1.1rem;
}
.path-portail .view-id-assos .veh-thumb h3 {
	top: 45px;
	font-size: .7rem;
}
/*.path-portail .view-id-assos .col-md-4 {
	width: 50% !important;
}*/
.path-portail .view-id-pages_ .col-md-3 {
	width: 50% !important;
}
.path-portail .view-id-tutoriels .col-md-3 {
	width: 50% !important;
}
.path-portail .view-id-annonces .col-md-3 {
	width: 50% !important;
}
.path-portail .view-id-annonces .veh-one-thumb h2 {
	right: 15px;
}
.path-portail .view-id-annonces .veh-one-thumb h5 {
	display: none;
}
.path-portail .view-id-cine_tv .col-md-3 {
	width: 50% !important;
}
.path-portail .view-id-cine_tv .veh-one-thumb h3 {
	display: none;
}
.path-portail .view-id-cine_tv .veh-one-thumb h5 {
	top: 45px;
	font-size: .9rem;
}
.path-portail .view-cine-tv .veh-thumb h3 {
	padding: 5px 0 !important;
	font-size: .7rem !important;
}
.path-portail .view-id-articles .col-md-3 {
	width: 50% !important;
}
.path-portail section.block-views h2.block-title {
	font-size: 1rem;
}
.path-portail .veh-one-thumb h4 {
	display: none;
}
.path-portail .veh-one-thumb h2 {
	font-size: 1rem;
}
.path-portail .view-id-marques .col-xs-12 {
	width: 25% !important;
}
.path-portail .view-id-motos .col-xs-12 {
	width: 50% !important;
}
.path-portail .visu-block-2 {
	background-position: center center;
	text-align: center;
	display: flex;
	flex-direction: column;
	padding: 40px 0 20px;
}
.path-portail .visu-block-2 h3 {
	padding: 5px 10px;
	margin: 0;
	text-align: center;
}
.path-portail .visu-block-2 h4 {
	padding: 5px 15px;
	font-size: 1.2rem;
	margin: 0;
	text-align: center;
}
.path-portail .visu-block-2 .join-btn {
	margin: 15px auto;
}
.path-portail section#block-views-block-bloc-decompte-nodes-portail-block-2 .stat-count-cont {
	padding-top: 52px;
}
.path-portail .view-bloc-decompte-nodes-portail {
	display: block;
	width: 100%;
}
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-moto,
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-tuto,
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-atelier,
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-event,
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-auto,
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-cine,
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-adresses,
.path-portail .view-bloc-decompte-nodes-portail #portal-stat-assos {
	height: 95px;
}
.path-portail #portal-stat-count .stat-count-number {
	font-size: 2.5rem;
	bottom: 35px;
	background: rgba(0,0,0,0.60);
	padding: 0 10px;
	line-height: 1;
	border-radius: 5px;
}
.path-portail #portal-stat-count h2 {
	bottom: 3px;
}
.layout--with-complementary > .region--content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
aside.region--complementary {
	padding: 0 !important;
}
section#block-blocvisuelintercalaire2 {
	margin-top: 15px;
}
/* register + login page */
.path-user .banner-login {
	height: 300px;
	background-position: center center;
}
.path-user .banner-login .slogan {
	font-size: 1.4rem;
}
.path-user .region--content #block-socialblue-content {
	margin-top: 0;
}
body.path-user form#user-register-form fieldset#edit-account {
	border-radius: 0 !important;
	margin-top: -40px;
}
body.path-user form#user-register-form fieldset#edit-account .card__title {
	top: 2.3rem;
}
body.path-user form#user-register-form fieldset#edit-account .card__block p#edit-account--description {
	font-size: .7rem;
}
body.path-user form#user-register-form fieldset#edit-account .card__block,
body.path-user form#social-user-login-form fieldset#edit-username-login .card__block {
	padding: 1.25rem 0 0;
}
body.path-user form#user-register-form fieldset.form-item .card__block .card__nested-section {
	font-size: .8rem;
}
body.path-user form#user-register-form #edit-contact {
	padding: 0 15px 0;
}
body.path-user form.social-user-login-form .form-actions {
	margin: 15px 0 0;
}
/* colonne laterale sommaire nodes portail */
.path-autos .region--complementary,
.path-motos .region--complementary,
.path-cine-tv .region--complementary,
.path-ateliers .region--complementary,
.path-tutoriels .region--complementary,
.path-pages-web .region--complementary,
.path-annonces .region--complementary,
.path-articles .region--complementary,
.path-bonnes-adresses .region--complementary,
.path-assos .region--complementary {
	margin-top: 40px;
}
.veh-one-thumb h4 {
	display: none;
}
/* bandeau cookies */
.eu-cookie-compliance-banner .popup-content {
	text-align: center;
}
.eu-cookie-compliance-banner .popup-content #popup-text {
	width: 100%;
}
.eu-cookie-compliance-banner .popup-content #popup-buttons {
    width: 100%;
    text-align: center;
}
/* reseau - evenements */
.path-community-events form.views-exposed-form .clearfix {
	background-image: none !important;
	padding: 5px !important;
}
.path-community-events .teaser .card__actionbar {
    position: relative;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: -10px 5px 10px;
}
.page-node-type-event .hero-footer__cta {
    justify-content: center;
}
}

/* picto roue crantee scroll down home reseau */
.path-frontpage .skip-cont a {
	background: url('/sites/default/files/skip-2.png');
	width: 100px;
	height: 100px;
	display: block;
	background-size: contain;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	transition: all 0.5s ease;
}
.path-frontpage .skip-cont a:hover {
	/*transform: rotate(360deg);*/
}
.path-frontpage .skip-cont a.colorbox {
	display: none;
}

/* divers bloc laterale forums + questions + soutien paypal */
section#block-views-block-forums-blocs-bis-block-1,
section#block-views-block-questions-blocs-block-1 {
	background: transparent;
	border: none;
	padding: 0;
}
section#block-views-block-forums-blocs-bis-block-1 .view-header,
section#block-views-block-questions-blocs-block-1 .view-header {
	background: #333;
	color: #fff;
	border-radius: 5px;
	padding: 10px 0 10px 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	margin: 0 0 15px;
}
section#block-views-block-forums-blocs-bis-block-1 .cool,
section#block-views-block-questions-blocs-block-1 .cool {
	display: flex;
	flex-direction: column;
	background: orange;
	margin: 0 0 15px;
	border-radius: 5px;
	padding: 5px 10px;
}
section#block-views-block-forums-blocs-bis-block-1 .cool .topic a,
section#block-views-block-questions-blocs-block-1 .cool .topic a {
	text-decoration: underline;
	color: #000;
}
section#block-views-block-forums-blocs-bis-block-1 .cool .auth a,
section#block-views-block-questions-blocs-block-1 .cool .auth a {
	color: #fff;
	background: #000;
	padding: 0 10px 2px;
	border-radius: 5px;
	margin: 5px 0 0;
	float: left;
	font-size: .8rem;
}
section#block-views-block-forums-blocs-bis-block-1 .cool .count,
section#block-views-block-questions-blocs-block-1 .cool .count {
	color: #000;
	font-style: italic;
}
section#block-views-block-forums-blocs-bis-block-1 .all a,
section#block-views-block-questions-blocs-block-1 .all a {
	color: #fff;
	background: red;
	width: 100%;
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 2px 0;
}
section#block-bloclateralsoutienmotoblues {
	padding: 0;
	background: transparent;
	border: none;
	text-align: center;
}
section#block-bloclateralsoutienmotoblues .support a {
	pointer-events: none;
}
section#block-bloclateralsoutienmotoblues .support h1 {
	margin: 0 0 10px;
}
section#block-bloclateralsoutienmotoblues .support h1 a {
	background: orange;
	pointer-events: auto;
	font-weight: 500;
	font-size: 1rem;
	color: #000;
	width: 100%;
	display: block;
	padding: 5px 0;
}
section#block-bloclateralsoutienmotoblues .support h2 {
	margin: -10px 0 5px;
}
section#block-bloclateralsoutienmotoblues .support h2 a {
	pointer-events: auto;
	color: red;
	font-size: 3rem;
}
section#block-bloclateralsoutienmotoblues .support p {
	line-height: 1;
	margin: 0;
	padding: 0 0 5px;
}
section#block-bloclateralsoutienmotoblues .support p a {
	color: orange;
	pointer-events: auto;
	font-size: 1.5rem;
	font-weight: 300;
}
section#block-bloclateralsoutienmotoblues .support p.top {
	margin: 0 0 10px;
}
section#block-bloclateralsoutienmotoblues .support p.top a {
	font-size: 1.1rem;
	color: #fff;
}

/* ajustements divers - 15032025 */
.view-id-bonnes_adresses.view-display-id-page_1 {
	margin-top: 60px;
}
.mif {
	margin: 5px 0 0 0;
	display: flex;
	align-items: center;
}
.mif img {
	border-radius: 5px;
	margin-right: 10px !important;
	width: 80% !important;
}
.mif p {
	margin: 0;
	font-weight: 500;
}
.views-infinite-scroll-content-wrapper .stream-item:first-of-type {
	z-index: auto;
}
.views-exposed-form .form-item .control-label {
	color: orange;
}

/* ajustements groupes - 16032025 */
.path-group .card__body.body-text {
	background: transparent;
	padding: 0;
}
.path-group .group.card {
	background: transparent;
	border: none;
}
.path-group .card__body.body-text .field--label {
	color: orange;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.path-group .card__body.body-text p {
	color: #fff;
	padding: 10px;
	background: #333333;
}
.field--name-field-regles-du-groupe .field--label {
	color: orange;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.path-group .field--name-field-regles-du-groupe .field--item {
	color: #fff;
	padding: 10px;
	background: #333333;
}
.path-group #block-views-block-group-managers-block-list-managers .card__block {
	padding: 0;
	color: #fff;
}
.path-group #block-views-block-group-managers-block-list-managers .card__block .view--group-managers {
	padding: 0;
}
.path-group #block-views-block-group-managers-block-list-managers {
	background: transparent;
	border: none;
}
.path-group #block-views-block-group-managers-block-list-managers h2.card__title {
	color: orange;
	text-align: left;
	padding: 10px 0;
}

/* divers - 20032025 */
ul.mini-pager {
	padding-top: 15px;
}
ul.mini-pager li a.btn {
	background: red;
	border-radius: 0 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
}
ul.mini-pager li a.btn span svg {
	display: none;
}
ul.mini-pager .pager__item--previous {
	margin: 0 0 15px;
}

/* divers - 3032025 */
.card__body .meta-engage--badges .custom-hide-content {
	margin: 2px 0 0 10px;
}
.card__body .meta-engage--badges .custom-hide-content a {
	color: blue;
	text-decoration: underline;
}
.card__body .meta-engage--badges .custom-hide-content .vote__count a {
	color: #fff;
	text-decoration: none;
}
.card__body .meta-engage--badges .custom-hide-content .vote-widget {
    margin: -8px 0 0 8px;
}

.view-display-id-block_1,
.view-display-id-block_3 {
	padding-top: 15px;
}

/* bloc alert prod - 04042025 */
.alert-prod {
	border: 1px solid orange;
	padding: 15px 30px;
	margin: 0 0 30px;
	color: #fff;
}
.alert-prod h1 {
	margin: 0 0 15px;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	margin: ;
}
.alert-prod h2 {
	margin: 0;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.2;
	margin: 0 0 15px;
	text-align: justify;
}
.alert-prod h3 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 300;
	text-align: center;
	margin: 0 0 15px;
	color: orange;
}
.alert-prod h4 {
	margin: 0;
	font-size: .9rem;
	font-weight: 300;
	text-align: center;
}

/* pages node edit - 05042025 */
.page-node-edit .help-block {
    color: orange;
}
.page-node-edit #edit-field-visuels-wrapper .js-form-wrapper {
	padding: 5px 5px 20px;
}
.page-node-edit label#edit-field-visuels-0--label {
	color: rgba(255,255,255,0.5);
}
.page-node-edit fieldset.form-item#group-contact {
	background: #000;
	border: none;
}
.page-node-edit fieldset.form-item#group-contact .card__title {
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9rem;
    padding: 5px 10px;
    border-radius: 5px;
    border-bottom: none;
    width: fit-content;
}
.page-node-edit fieldset.form-item#group-contact .card__block {
	padding: 0;
}
.page-node-edit fieldset.form-item#group-contact .card__block .control-label {
    font-weight: 400;
    color: #fff;
}

.page-node-edit .card .tabbable.tabs-left {
	background: #000;
}
.page-node-edit .card .tabbable.tabs-left ul {
	background: #000;
}
.page-node-edit .card .tabbable.tabs-left ul li a {
	color: #fff;
}
.page-node-edit .card .tabbable .vertical-tabs-panes {
	top: 10px;
}
.page-node-edit .card .tabbable ul.vertical-tabs-list li.vertical-tab-button.last {
	display: none;
}

.page-node-edit section#block-socialblue-pagetitleblock-content h1.section-title-node {
	color: #fff;
}
.page-node-edit form.node-event-form fieldset.form-item {
	background: transparent;
	border: none;
}
.page-node-edit form.node-event-form fieldset.form-item legend.card__title {
	border-bottom: none;
	color: #000 !important;
}
.page-node-edit form.node-event-form fieldset.form-item .card__block {
	padding: 15px 0 0;
}
.page-node-edit label#edit-field-images-event-0--label {
    color: rgba(255,255,255,0.5);
}
.page-node-edit form.node-event-form #edit-node-class-group {
	display: none;
}
.page-node-edit form.node-event-form .form-item-event-all-day {
	color: #fff;
}
.page-node-edit form.node-event-form fieldset#edit-field-event-date-0 legend.card__title span,
.page-node-edit form.node-event-form fieldset#edit-field-event-date-end-0 legend.card__title span {
	color: #fff;
}
.page-node-edit form.node-event-form fieldset#edit-field-event-date-0 .card__block,
.page-node-edit form.node-event-form fieldset#edit-field-event-date-end-0 .card__block {
    padding: 10px 15px 0;
    background: #000;
    border: 1px solid #fff;
}
.page-node-edit form.node-event-form #edit-timezone-indication .btn {
    padding: 5px 15px;
    border-radius: 5px !important;
    line-height: 1;
}
.page-node-edit form.node-event-form #edit-field-event-address-0 .panel-body {
    background: #000;
    border: 1px solid #fff;
}
.page-node-edit form.node-event-form #field-event-managers-add-more-wrapper .form-item .clearfix {
    background: red;
    padding: 0;
    width: fit-content;
    margin: 20px 0 0;
    border-radius: 5px;
}
.page-node-edit form.node-event-form #field-event-managers-add-more-wrapper .form-item .clearfix .btn {
    color: #fff;
	font-weight: 400;
}
.page-node-edit form.node-event-form #edit-author-info {
	display: none;
}
.page-node-edit form.node-event-form #edit-status-label {
	display: none;
}
.page-node-edit form.node-event-form .form-item-groups .input-group {
	max-width: none;
}
.page-node-edit form.node-event-form .form-item-groups .input-group:after {
	content: 'Tu peux lier cet évènement à un groupe dont tu es l\'auteur ou l\'administrateur';
	position: absolute;
	top: 50px;
	color: orange;
}
.page-node-edit form.node-event-form #edit-timezone-indication .control-label {
	color: #fff;
}
.page-node-edit form.node-event-form #edit-field-event-location-wrapper .form-item label {
	color: #fff;
}
.page-node-edit .geolocation-map-wrapper .help-block {
    color: #fff;
    background: #000;
}
.page-node-edit fieldset.geolocation-widget-input .form-item-field-map-event-0-lat label,
.page-node-edit fieldset.geolocation-widget-input .form-item-field-map-event-0-lng label {
	color: #fff;
}
.page-node-edit fieldset#edit-field-map-event-0 {
	margin-bottom: 0;
}
.page-node-edit fieldset#edit-field-map-event-0 .card__block {
	padding: 15px 0 0 !important;
}
.page-node-edit .field--type-geolocation {
	margin-bottom: 0;
}
.page-node-edit form .table#field-event-managers-values thead th {
    color: #fff;
    font-weight: 400;
}
.page-node-edit form#node-event-form fieldset#visibility #edit-field-content-visibility-wrapper.field--type-entity-access-field {
    margin: 0 !important;
}
.page-node-edit form#node-event-form fieldset#visibility {
	color: #fff;
}
.page-node-edit #edit-field-files label {
	color: #fff;
}
.page-node-edit #edit-field-event-comments-0 header div {
	color: #fff;
	font-weight: 300;
}
.page-node-edit .js-form-item label {
	color: #fff;
}

.page-node-edit #captcha .panel-heading {
	display: none;
}
.page-node-edit .form--default .form-actions {
    margin: 30px 0 0;
}

.page-node-edit form.node-annonces-form .form-type-vertical-tabs {
	display: none;
}
.page-node-edit #edit-field-event-max-enroll-wrapper {
	display: none !important;
}

.page-node-edit form.node-topic-form fieldset#content {
	background: #000;
	border: none;
}
.page-node-edit form.node-topic-form fieldset#content legend.card__title,
.page-node-edit form.node-topic-form fieldset#content--2 legend.card__title {
    background: orange;
    color: #000;
    font-weight: 300;
	border-bottom: none;
}
.page-node-edit form.node-topic-form #edit-field-topic-type--wrapper legend.control-label {
    color: #fff;
    text-transform: uppercase;
    background: #333;
    padding: 2px 10px;
    width: fit-content;
}
.page-node-edit form.node-topic-form fieldset#content .card__block {
	padding: 15px 0 0;
}
.page-node-edit form.node-topic-form #edit-node-class-group {
	display: none;
}
.page-node-edit form.node-topic-form fieldset#content--2 {
    background: #000;
	border: none;
}
.page-node-edit form.node-topic-form fieldset#content--2 .card__block {
	padding: 15px 0 0;
}
.page-node-edit form.node-topic-form fieldset#content--2 #edit-author-info {
	display: none;
}
.page-node-edit form.node-topic-form fieldset#content--2 #edit-status-label {
	display: none;
}
.page-node-edit form.node-topic-form .form-item-groups .input-group {
	max-width: none;
	margin: 0 0 50px;
}
.page-node-edit form.node-topic-form .form-item-groups .input-group:after {
	content: 'Tu peux lier cette question à un groupe dont tu es l\'auteur ou l\'administrateur';
	position: absolute;
	top: 50px;
	color: orange;
}
.page-node-edit form.node-album-form .node-class-form {
	display: none;
}
.page-node-edit form.node-album-form #edit-group-title,
.page-node-edit form.node-album-form #visibility {
	background: #000;
	border: none;
}
.page-node-edit form.node-album-form fieldset#edit-group-title legend.card__title {
    background: orange;
    color: #000;
    font-weight: 300;
	border-bottom: none;
}
.page-node-edit form.node-album-form fieldset#edit-group-title .card__block,
.page-node-edit form.node-album-form fieldset#visibility .card__block {
    padding: 15px 0 0;
}
.page-node-edit form.node-album-form fieldset#edit-field-content-visibility--wrapper {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    color: #fff;
}
.page-node-edit form.node-album-form #edit-field-album-comments-0 {
	color: #fff;
}
.page-node-edit form.node-album-form #edit-field-album-comments-0 .panel-heading {
    font-weight: 400;
    margin: 0 0 25px;
}
.page-node-edit form.node-album-form #edit-field-album-comments-0 .panel-body {
	/*color: red;*/
}
.page-node-edit form.node-album-form #visibility--3 {
	display: none;
}
.path-group .region--content #social-group-add fieldset#edit-group-settings {
	background: #000;
	border: none;
}
.path-group .region--content #social-group-add fieldset#edit-group-settings legend.card__title {
    background: orange;
    color: #000;
    font-weight: 300;
    border-bottom: none;
}
.path-group .region--content #social-group-add fieldset#edit-group-settings .help-block {
    color: orange;
}
.path-group .region--content #social-group-add fieldset#edit-group-settings legend.control-label {
    color: #fff;
    text-transform: uppercase;
    background: #333;
    padding: 2px 10px;
    width: fit-content;
}
.path-group .region--content #social-group-add fieldset#edit-group-settings .card__block {
	padding: 15px 0 0;
	color: #fff;
}
.path-group form.group-form #edit-group-content {
	background: #000;
	border: none;
}
.path-group form.group-form #edit-group-content legend.card__title,
.path-group form.group-form #edit-group-location legend.card__title {
    background: orange;
    color: #000;
    font-weight: 300;
    border-bottom: none;
}
.path-group form.group-form #edit-group-content .card__block {
	padding: 15px 0 0;
	color: #fff;
}
.path-group form.group-form #edit-group-content .help-block {
    color: orange;
    padding: 0;
}
.path-group form.group-form #edit-group-location {
	background: #000;
	border: none;
}
.path-group form.group-form #edit-group-location .card__block {
	padding: 15px 0 0;
	color: #fff;
}
.path-group form.group-form #edit-group-location .help-block {
	color: orange;
	padding: 0;
}
.path-group form.group-form #edit-group-location #edit-field-group-address-0 .panel-body {
	background: #000;
	border: 1px solid #fff;
}
.path-group form.group-form fieldset#visibility-2,
.path-group form.group-public-group-add-form #visibility-2,
.path-group form.group-closed-group-add-form #visibility-2 {
	display: none;
}
.path-group form.group-closed-group-add-form #edit-group-request-membership {
	background: #000;
	border: none;
}
.path-group form.group-closed-group-add-form #edit-group-request-membership legend.card__title {
    background: orange;
    color: #000;
    font-weight: 300;
    border-bottom: none;
}
.path-group form.group-closed-group-add-form #edit-group-request-membership .card__block {
    padding: 15px 0 0;
	color: #fff;
}
.path-group form#group-flexible-group-add-form #edit-group-settings {
	display: none;
}

.path-mon-contenu-r-dacteur main#content {
	background: #000;
}
.path-mon-contenu-r-dacteur .view-mon-contenu-redacteur h4 {
	color: #fff;
}

main#content .pagination > li > a {
	color: #fff;
	background-color: #000;
}
main#content .pagination > li.active > a {
	color: #000;
	background: orange;
}

.no-content {
	color: #fff;
}
.no-content p {
	font-size: 1rem;
}
.no-content h3 {
	font-size: 1rem;
}
.no-content h4 {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 300;
    color: orange;
}

.path-contact section#block-socialblue-breadcrumbs {
	display: none;
}
.path-contact #captcha {
	margin: 20px 0;
}
.path-contact #captcha header {
	display: none;
}
.path-contact section#block-infospagecontact {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.path-contact .contact-inf {
    text-align: center;
    max-width: 1077px;
    float: left;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #fff;
    margin: 25px 0 0;
	color: #fff;
}
.path-contact .contact-inf .container {
	margin-top: 7px !important;
}
.path-contact .contact-inf .container .col-md-12 {
	/*border: 1px solid #fff;*/
}
.path-contact .contact-inf p {
	font-size: 1rem;
}
.path-contact .contact-inf h2 {
	font-size: 1.2rem;
}

.path-user .hide-album .region--secondary-navigation ul.nav li a[href*="albums"] {
    display: none !important;
}

li.notification-bell ul.dropdown-menu {
	background: #000;
	padding: 0 0 10px;
}
li.notification-bell ul.dropdown-menu .view-activity-stream-notifications {
    background: rgba(255,255,255,0.2);
    padding: 0;
    margin: 0 10px;
    color: #fff;
}
li.notification-bell ul.dropdown-menu .view-activity-stream-notifications .card__block {
	padding: 10px 5px;
	text-align: center;
}
li.notification-bell ul.dropdown-menu li.dropdown-header {
	padding: 5px;
}
li.notification-bell ul.dropdown-menu li.dropdown-header a {
	font-weight: 300;
	color: #000;
}
li.notification-bell ul.dropdown-menu li.dropdown-header a svg.btn-icon {
    position: absolute;
}

.path-notifications main#content {
	background: #000;
}

.view-id-inbox .card__block {
	background: #fff;
	border-radius: 0 !important;
}

/* bannieres pub - 16042025 */
.kwan-pub-1 {
	/*margin: 30px 0 0;*/
}
.path-frontpage ul.stream {
	margin: 30px 0 0;
}
.page-node-type-moto section#block-socialblue-content {
	margin: 20px 0 0;
}

/* footer - 17042025 */
.foot-social {
	display: flex;
	justify-content: center;
}
.foot-social p {
	margin: 0 5px 0.75rem;
}
.foot-social img {
	width: 40px;
}
.foot-social .fb {
    background-image: url('/sites/default/files/foot-fb.png');
    /* content: ''; */
    font-size: 0;
    width: 40px;
    display: block;
    height: 40px;
    background-size: contain;
}
.foot-social .insta {
    background-image: url('/sites/default/files/foot-insta.png');
    /* content: ''; */
    font-size: 0;
    width: 40px;
    display: block;
    height: 40px;
    background-size: contain;
}

/* taille images inclues depuis editeur WYSIWG - 21042025 */
.page-node-type-article article .photo-gal-cont .body-text img {
	width: 100%;
}

/* divers - 01052025 */
main#content {
	background: rgba(0,0,0,1);
}
#hero.region--hero #block-socialblue-search-block-hero {
	background: rgba(255,255,255,0.1);
}
.foot-copy {
	text-align: center;
}

/* version mobile bis - 12072025 */
@media (max-width: 767px) {
nav button.navbar-toggle span {
	background: #000;
	border: 1px solid orange;
	text-transform: uppercase;
	padding: 3px 10px;
}
section#block-testpubkwankohorizontal {
	display: none;
}
.eu-cookie-withdraw-tab {
	/*top: -20%;*/
	/* transform: translateX(-50%); */
	/* left: 50%; */
	border-radius: 0 !important;
	border-top: 1px solid #fff !important;
	width: 100%;
	border: none;
}
#st-2 .st-btn {
	margin-bottom: 0 !important;
}
#st-2.st-sticky-share-buttons {
	bottom: 30px;
}
div#sliding-popup .eu-cookie-withdraw-banner #popup-text {
	width: 100%;
	padding: 0 10px;
}
div#sliding-popup .eu-cookie-withdraw-banner #popup-text h2 {
	font-size: 1rem;
	text-align: center;
}
div#sliding-popup .eu-cookie-withdraw-banner #popup-text p {
	display: block;
	text-align: center;
}
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons {
	width: 100%;
	text-align: center;
}
.card__body .meta-engage--badges .custom-hide-content {
	margin: 0;
}
.card__body .meta-engage--badges .custom-hide-content .vote-widget {
	margin: 0;
}
/* motos */
.path-motos .region--content-bottom.row,
.page-node-type-moto .region--content-bottom.row {
	width: 90%;
}
.page-node-type-moto .meta-engage {
	margin-top: 0 !important;
}
.photo-gal-cont figure.youtube-container {
	width: 100%;
}
.photo-gal-cont img {
	width: 50%;
}
/* tutoriels */
.page-node-type-tutoriel .node-top-banner h1 {
	font-size: 1rem !important;
	top: 35%;
}
.page-node-type-tutoriel .node-top-banner h2 {
	top: 10%;
}
.page-node-type-tutoriel .ref-taxo-node {
	bottom: 0;
}
.page-node-type-tutoriel #block-socialblue-content .node-top-banner {
	width: 100%;
	height: 180px;
}
.page-node-type-tutoriel #block-socialblue-content .node-top-banner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.page-node-type-tutoriel .meta-engage {
	margin-top: 0 !important;
}
.page-node-type-tutoriel .ask-redac,
.path-tutoriels .ask-redac {
	width: 90%;
	margin: 0 auto;
}
.path-tutoriels #block-footerdevenirredacteurtutoriel {
	border: none;
}
.path-tutoriels #block-footerdevenirredacteurtutoriel .field {
	background: #000;
}
}

/* page soutenir moto blues - 14072025 */
p.flyer img {
	width: 25%;
}

/* sections groupes - 27072025 */
body.path-group section.container {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
body.path-group section.container .region--content {
	padding-left: 0;
	padding-right: 1em;
	max-width: 80%;
	flex: 0 0 80% !important;
}

/* sections OG groups - 29072025 */
.page-node-type-groupe #block-socialblue-content .card__body .group.manager {
	background: #000;
	color: #fff;
	font-size: 1rem;
	padding: 5px 10px;
	margin: 0 0 10px;
	float: left;
}
.page-node-type-groupe #block-socialblue-content .card .field--label,
.page-node-type-groupe #block-socialblue-content .card p {
	float: left;
	width: 100%;
}
.page-node-type-groupe #block-socialblue-content .card .field--label {
	background: #000;
	color: #fff;
	padding: 2px 0 0 10px;
	margin: 0 0 10px;
}
.page-node-type-groupe #block-socialblue-content .card a {
	float: left;
	margin: 0 0 10px;
}
.page-node-type-groupe #block-socialblue-content .card .card__body .meta-engage {
	margin: 0;
	float: right !important;
	width: fit-content !important;
}

#block-views-block-og-contenu-de-groupe-block-1 .views-field-title {
	color: rgba(255,255,255,0.4);
	border-bottom: 1px solid orange;
	margin: 0 0 10px;
	font-size: 1.3rem;
	font-weight: 200;
}
#block-views-block-og-contenu-de-groupe-block-1 .views-field-body .field-content {
	color: #fff;
}
#block-views-block-og-contenu-de-groupe-block-1 .og-links {
	margin: 0 0 15px;
}
#block-views-block-og-contenu-de-groupe-block-1 .og-links a {
	background: orange;
	text-transform: uppercase;
	padding: 5px 10px;
}
#block-views-block-og-contenu-de-groupe-block-1 .views-field-field-images-group-album {
	display: flex;
	align-items: center;
	justify-content: center;
}
#block-views-block-og-contenu-de-groupe-block-1 .views-field-field-images-group-album img {
	width: 168px;
	display: inline-block;
	border: 1px solid #fff;
	margin: 0 0 10px;
}
#block-views-block-og-contenu-de-groupe-block-1 .views-field-field-videos-og {
	display: flex;
	align-items: center;
	justify-content: center;
}
#block-views-block-og-contenu-de-groupe-block-1 .views-field-field-videos-og figure.youtube-container {
	display: inline-block;
	max-width: 440px;
}

.page-node-type-groupe .avatar a {
	padding: 0 !important;
}
.page-node-type-groupe .card__body a {
    background: orange;
    padding: 3px 10px;
    color: #000;
    font-weight: 300;
}
.page-node-type-groupe .meta-engage--badges a {
	background: #000;
	color: #fff;
}

/* divers social groups - 04082025 */
.path-group .cover-wrap .hero-footer__cta .btn-group a {
	padding: 0 10px;
    border-radius: 0;
    color: #000;
}
.path-group form#social-post-entity-form #edit-field-album-wrapper .form-item-field-album-value {
	display: none !important;
}
.path-group form#social-post-entity-form #edit-field-album-wrapper.field--name-field-album::before {
	content: 'Si tu souhaites poster un grand nombre d\'images, il est conseillé de passer plutôt par l\'onglet "Albums" depuis la navigation horizontale du groupe puis "Créer un nouvel album" ';
	display: block;
}
.path-group #edit-field-post-image-wrapper #edit-field-post-image::after {
	display: block;
	content: 'Passe par l\'onglet "Albums" du menu si tu as plusieurs photos';
	font-size: .8rem;
	font-style: italic;
}
.view-group-manage-members h4 .total-group-member {
	color: red;
	background: #ffc142;
	width: fit-content;
	color: #000;
	margin: 0 0 10px;
	padding: 5px 10px;
	font-weight: 300;
	font-size: 1rem;
}
.view-group-manage-members h4 .search-group-member {
	color: #fff;
	border-bottom: 1px solid;
	width: fit-content;
	font-size: 1rem;
	margin: 0 0 15px;
	font-weight: 300;
}

.cke_top .cke_button_icon {
	margin: 4px 0;
}
.cke_top .cke_button__youtube_icon {
	background-image: url('/sites/default/files/ck-yt.png') !important;
	background-size: cover !important;
	width: 73px;
	image-rendering: inherit !important;
}
.cke_top .cke_button__emojione_icon {
	background-image: url('/sites/default/files/ck-emo.png') !important;
	background-size: cover !important;
	width: 18px;
	image-rendering: inherit !important;
}

/* contenu interdit aux non connectes - 10082025 */
p.connect-blocked {
	text-align: center;
}
p.connect-blocked a {
	color: blue;
	text-decoration: underline;
}

/* divers - 17082025 */
.path-frontpage .teaser.teaser--stream .teaser__image {
	flex: 0 0 303px;
}

/* bannieres pub - 10092025 */
#block-adcashbanniere728x90 {
	display: flex;
	justify-content: center;
	margin: 0 0 5px;
}
#block-adcashbanniere160x600 {
	display: flex;
	align-items: center;
	padding: 15px 0;
}

/* section html games - 04102025 */
.games {
	background: url('/sites/default/files/games-banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 0 30px;
	padding: 15px;
}
.games::after {
	content: '';
	background: rgba(0,0,0,0.5);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.games h1 {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0;
	z-index: 999;
	position: relative;
}
.games h2 {
	color: orange;
	z-index: 999;
	position: relative;
	font-weight: 500;
	font-size: 1.3rem;
}
.games p {
	color: #fff;
	z-index: 999;
	position: relative;
	font-size: 1rem;
	margin: 15px 0 0;
}
.page-node-type-html-game .meta-engage {
	display: none;
}
.page-node-type-html-game .card__body img.img-responsive {
	display: inline-block;
	max-width: 120px;
	margin: 0 15px 15px 0;
}
.page-node-type-html-game .card__body {
	padding: 0;
	background: #000;
	/* border: none; */
}
.page-node-type-html-game article.card {
	border: none;
}
.page-node-type-html-game .card__body .body-text.clearfix {
	border: none !important;
	padding: 0 !important;
}
.page-node-type-html-game .card__body p {
	margin: 0;
}
.page-node-type-html-game .card__body .game-cont {
	display: inline-block;
	/* float: right; */
	/* width: 100%; */
	/* box-sizing: inherit; */
	/* max-width: 75%; */
	position: absolute;
	/* vertical-align: bottom; */
}
.page-node-type-html-game .card__body .game-cont h5 {
	color: orange;
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin: 0 0 10px;
}
.page-node-type-html-game .card__body .game-cont p {
	color: #fff;
	font-size: .9rem;
	line-height: 1.8;
}

/* node article - 10102025 */
.page-node-type-article .meta-engage .meta-engage--badges {
	position: relative;
}
.page-node-type-article .meta-engage .meta-engage--badges a.badge.badge--comment-count {
	position: absolute;
	top: 0;
}
.page-node-type-article .card__body .meta-engage--badges .custom-hide-content .vote-widget {
	margin: -4px 0 0 140px;
}
.page-node-type-article .meta-engage .meta-engage--badges section.card-files {
	position: relative;
	width: 100%;
}
.page-node-type-article .meta-engage .meta-engage--badges section.card-files li.card-file {
	flex-basis: 100% !important;
}

/* pages documentations - 11102025 */
.path-documentation-moto .views-field-field-documentation span.file {
	/* display: inline-block; */
	/* width: 32%; */
	border-radius: 5px;
	padding: 5px;
	font-size: .9rem;
	margin: 0;
}
.path-documentation-moto .views-field-field-documentation .file > span {
	padding-left: 0;
	padding-right: 0;
}
.path-documentation-moto .views-field-field-documentation .file .file-link {
	display: block;
}
.path-documentation-moto .views-field-field-documentation .file .file-size {
	display: block;
	text-align: left;
}
.path-documentation-moto .view-documentation .view-content .views-field.views-field-title {
	color: orange;
	margin: 10px 0 5px 0;
}

/* affichage responsive - 17082025 */
@media (max-width: 767px) {
.user-logged-in.path-frontpage #intro-member-home .container {
	width: 100%;
	max-width: 100%;
	top: 50%;
}
.user-logged-in.path-frontpage #intro-member-home .container .inside {
	padding: 1rem 1rem 0;
}
.user-logged-in.path-frontpage #intro-member-home .container h3,
.user-logged-in.path-frontpage #intro-member-home .container h4 {
	font-size: 1.3rem;
}
.user-logged-in.path-frontpage #intro-member-home {
	height: 240px;
}
.region--complementary {
	order: 2;
}
.visu-block-2 .join-btn {
	margin: 15px auto 20px;
}
.visu-block-2 {
	background-position: 85% top;
	text-align: center;
	padding: 30px 0 0;
	display: flex;
	flex-direction: column;
}
.visu-block-2 h3 {
	margin: 0 auto;
	text-align: center;
}
.visu-block-2 h4 {
	font-size: 1.2rem;
	margin: 15px auto 0;
	text-align: center;
}
.path-frontpage #block-views-block-bloc-decompte-nodes-portail-sur-reseau-block-2 {
	margin-top: 0;
}
.path-frontpage .teaser .teaser__image {
	display: block;
	padding: 0 10px !important;
	min-height: auto !important;
}
.path-frontpage .teaser .teaser__image img {
	top: 0 !important;
	transform: none !important;
}
.path-frontpage .stream .teaser.teaser--stream .teaser__image img {
	min-width: 100%;
}
.path-frontpage .view-bloc-decompte-nodes-portail {
	width: 49%;
	margin: 0 0 10px;
}
.path-frontpage .skip-cont {
	display: none;
}
.comment__content {
	max-width: 100% !important;
}
.region--top-full-width #block-socialblue-anhomepageheroblock .hero-canvas {
	top: 20%;
	transform: none;
}
.navbar.menu-suivi-e-s ul.suivi-e-s.dropdown-menu,
li.dropdown.open ul.dropdown-menu {
	background: #000;
	background-color: #000 !important;
}
.navbar.menu-suivi-e-s ul.suivi-e-s.dropdown-menu li a,
li.dropdown.open ul.dropdown-menu li a {
	color: #fff !important;
}
.navbar-fixed-top .navbar-nav li.profile.open ul.dropdown-menu {
	margin-top: 35px !important;
}
.user-logged-in.path-frontpage #skip-banner {
	margin-top: -115px;
	padding-top: 115px;
}
footer.site-footer {
	text-align: center;
}
footer.site-footer .container {
	margin: 0 0 30px;
}
.block-social-footer-powered-by-block [block="block-socialblue-footer-powered"] {
	justify-content: center;
}
}