@charset "UTF-8";
/**
 * @file
 * Subtheme specific CSS.
 */
/*
Remplacer vert #00BC8C par #E11C2A
Remplacer vert fonce #00A379
*/
/* Avec alpha channel */
/* Avec alpha channel */
/* Noir arriere plan */
body.csrhqrsm {
  font-size: 1.1rem;
  font-family: "Barlow", sans-serif !important;
  /*
  field.field-group-fieldset > legend.panel-heading {
    box-sizing: border-box;
    border-color: $bleu-csrhqrsm;
    margin-left: 1rem;
    padding: 0 1rem;
    background-color: transparent;    
    vertical-align: baseline;
  }

  fieldset.panel-default {
    border-color: $bleu-csrhqrsm;;

    > legend.panel-heading {
      background-color: $bleu-csrhqrsm;
      float: none;
      border: 0;
      width: auto;
      box-sizing: content-box;
      padding: 0;

      .panel-title {
        font-weight: bold;
        text-decoration: none; 
        color: white;
        background: $bleu-csrhqrsm;
        padding: 0.25rem 0.5rem 0.5rem 0.5rem;   
        margin-bottom: 0;
      }
    }
  }
  */
  /* Envoie de courriel au contact */
  /* Form suis-je cotisé */
  /* Isotope triggers */
  /* Bootstrap accordion override */ }
  body.csrhqrsm .visually-hidden-focusable,
  body.csrhqrsm .form-item-simple-sitemap-index-now {
    display: none; }
  body.csrhqrsm.type-site-sb #logo:after {
    content: "SB"; }
  body.csrhqrsm.type-site-dev #logo:after {
    content: "DV"; }
  body.csrhqrsm.type-site-exp #logo:after {
    content: "EX"; }
  body.csrhqrsm.type-site-sb #type-site:after {
    content: "Sandbox";
    color: red;
    font-weight: bold; }
  body.csrhqrsm.type-site-dev #type-site:after {
    content: "Devel.";
    color: red;
    font-weight: bold; }
  body.csrhqrsm.full-width .layout-main-wrapper .container {
    max-width: none !important; }
  body.csrhqrsm.full-width .table-responsive {
    padding: 0; }
  body.csrhqrsm.user-logged-in .background-image-area {
    overflow: visible; }
    body.csrhqrsm.user-logged-in .background-image-area .background-image-area__image,
    body.csrhqrsm.user-logged-in .background-image-area .background-image-area__overlay {
      display: none; }
  body.csrhqrsm #block-bootstrap-barrio-subtheme-content > article,
  body.csrhqrsm #block-bootstrap-barrio-subtheme-content > form,
  body.csrhqrsm #block-bootstrap-barrio-subtheme-content > .content {
    padding: 1rem;
    background-color: white;
    border: 1px solid #007AC7;
    border-radius: 6px; }
  body.csrhqrsm #block-bootstrap-barrio-subtheme-content p {
    /* Pour englober img précédent à div parent */
    clear: left; }
  body.csrhqrsm #block-bootstrap-barrio-subtheme-content .views-element-container {
    margin-top: 1rem; }
  body.csrhqrsm footer.site-footer {
    font-size: 0.75rem; }
    body.csrhqrsm footer.site-footer .site-footer__bottom,
    body.csrhqrsm footer.site-footer section {
      margin: 0;
      border: 0; }
  body.csrhqrsm #block-bootstrap-barrio-subtheme-basdepage #dim-ecran {
    color: white;
    opacity: 0.25;
    display: inline; }
  body.csrhqrsm #block-bootstrap-barrio-subtheme-basdepage .logos-commanditaires {
    background-color: #c7e9ff;
    border: 3px solid white;
    padding: 0.5rem 2rem; }
    body.csrhqrsm #block-bootstrap-barrio-subtheme-basdepage .logos-commanditaires img {
      height: 42px;
      vertical-align: middle;
      width: auto;
      margin: 0 0.5rem; }
    body.csrhqrsm #block-bootstrap-barrio-subtheme-basdepage .logos-commanditaires a.beneva img {
      background-color: #4B009B;
      padding: 0.5rem; }
  body.csrhqrsm input.error ~ label {
    color: red; }
  body.csrhqrsm .big {
    font-size: 1.25rem; }
  body.csrhqrsm .bigger {
    font-size: 1.5rem; }
  body.csrhqrsm .biggest {
    font-size: 2rem; }
  body.csrhqrsm .align-top,
  body.csrhqrsm .align-top td {
    vertical-align: top; }
  body.csrhqrsm .clear-both {
    clear: both;
    height: 0; }
  body.csrhqrsm .form-check-input {
    border: 1px solid black !important; }
  body.csrhqrsm .main-container a.btn:link, body.csrhqrsm .main-container a.btn:visited {
    text-decoration: none; }
  body.csrhqrsm .filtres {
    padding: 1rem; }
    body.csrhqrsm .filtres .guide {
      font-size: 0.82rem;
      font-style: italic; }
  body.csrhqrsm .boutons {
    margin-top: 1rem;
    padding-bottom: 1rem; }
    body.csrhqrsm .boutons .bouton {
      margin-top: 0.5rem;
      margin-right: 1rem; }
    body.csrhqrsm .boutons.avec-bordures {
      border: #007AC7;
      padding: 0.5rem; }
  body.csrhqrsm.path-node,
  body.csrhqrsm .node {
    /* Node commun */ }
    body.csrhqrsm.path-node h1,
    body.csrhqrsm.path-node h2,
    body.csrhqrsm.path-node h3,
    body.csrhqrsm.path-node h4,
    body.csrhqrsm .node h1,
    body.csrhqrsm .node h2,
    body.csrhqrsm .node h3,
    body.csrhqrsm .node h4 {
      font-weight: bold; }
    body.csrhqrsm.path-node h2,
    body.csrhqrsm.path-node h3,
    body.csrhqrsm .node h2,
    body.csrhqrsm .node h3 {
      color: #007AC7; }
    body.csrhqrsm.path-node.node--type-page h2,
    body.csrhqrsm .node.node--type-page h2 {
      color: white; }
    body.csrhqrsm.path-node.node--type-event h2,
    body.csrhqrsm .node.node--type-event h2 {
      color: white; }
    body.csrhqrsm.path-node h2,
    body.csrhqrsm .node h2 {
      float: left;
      clear: both; }
    body.csrhqrsm.path-node h3,
    body.csrhqrsm .node h3 {
      margin: 1rem 0; }
    body.csrhqrsm.path-node table th,
    body.csrhqrsm.path-node table th a,
    body.csrhqrsm .node table th,
    body.csrhqrsm .node table th a {
      color: white !important; }
  body.csrhqrsm h1.title {
    color: white;
    background-color: #007AC7;
    font-family: "Barlow", sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0.5rem 0 0 0;
    font-size: 1.25rem;
    padding: 0.25rem 0 0.25rem 1rem;
    border: 0; }
    body.csrhqrsm h1.title a.edit-activite {
      margin-left: 3rem;
      color: white; }
  body.csrhqrsm h2 {
    color: white;
    background-color: #007AC7;
    font-size: 1.5rem;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    margin-top: 0;
    padding: 0.5rem 1rem; }
    body.csrhqrsm h2.bloc-title {
      font-family: "Barlow";
      font-size: 1.35rem;
      font-weight: bold; }
  body.csrhqrsm h3 {
    color: #007AC7;
    font-family: "Barlow", sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.67; }
  body.csrhqrsm table, body.csrhqrsm td, body.csrhqrsm th {
    border-collapse: collapse; }
    body.csrhqrsm table.items, body.csrhqrsm td.items, body.csrhqrsm th.items {
      margin-top: 2rem; }
  body.csrhqrsm table {
    margin-bottom: 2rem;
    caption-side: top;
    border-bottom-width: 4px;
    border-right-width: 4px; }
    body.csrhqrsm table caption {
      font-weight: bold;
      font-size: 1rem; }
  body.csrhqrsm td, body.csrhqrsm th {
    vertical-align: top;
    padding: 0.5rem 0.4rem; }
    body.csrhqrsm td:first-child, body.csrhqrsm th:first-child {
      border-left: 0; }
      body.csrhqrsm td:first-child > div, body.csrhqrsm th:first-child > div {
        margin: 0; }
      body.csrhqrsm td:first-child input, body.csrhqrsm th:first-child input {
        margin-top: 0.5rem; }
    body.csrhqrsm td:last-child, body.csrhqrsm th:last-child {
      border-right: 0; }
    body.csrhqrsm td > p, body.csrhqrsm th > p {
      padding: 0;
      margin: 0; }
  body.csrhqrsm th {
    background-color: #28a745; }
  body.csrhqrsm .field-type-number-integer input.form-text {
    display: inline; }
    body.csrhqrsm .field-type-number-integer input.form-text + .field-suffix {
      margin-left: 0.25rem; }
  body.csrhqrsm .date-repeat-input .form-item {
    float: left; }
  body.csrhqrsm .date-repeat-radios-item .form-checkboxes {
    float: left; }
  body.csrhqrsm div[class^="field-type-list-"] .form-radios {
    margin-left: 1rem; }
    body.csrhqrsm div[class^="field-type-list-"] .form-radios .form-item.form-type-radio {
      display: inline;
      margin-right: 1rem; }
  body.csrhqrsm form .form-item {
    margin-top: 1rem; }
    body.csrhqrsm form .form-item legend {
      font-weight: bold;
      border: 0;
      margin-bottom: 0.25rem; }
    body.csrhqrsm form .form-item .form-actions {
      margin-top: 1rem; }
    body.csrhqrsm form .form-item.form-group > label.control-label {
      font-weight: bold; }
    body.csrhqrsm form .form-item.form-type-radio {
      margin-top: 0; }
      body.csrhqrsm form .form-item.form-type-radio label.control-label {
        margin-top: 0; }
  body.csrhqrsm form .input-group-btn .form-submit {
    margin-left: 0.5rem;
    margin-top: -0.25rem; }
  body.csrhqrsm fieldset.field-group-fieldset {
    margin: 0 0 1rem 0;
    background-color: #e1f3ff;
    border: 1px solid black;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
    body.csrhqrsm fieldset.field-group-fieldset legend {
      color: black;
      background-color: #f5f5f5;
      border-bottom: 1px solid black;
      display: block;
      padding: 0.5rem 0.75rem;
      margin: -7px -25px 0 -12.5px;
      width: 100%; }
    body.csrhqrsm fieldset.field-group-fieldset .fieldset-wrapper {
      padding: 1rem; }
      body.csrhqrsm fieldset.field-group-fieldset .fieldset-wrapper > .field {
        clear: both; }
  body.csrhqrsm hr {
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
    background-color: #007AC7;
    height: 3px;
    border: 0;
    opacity: 1;
    overflow: hidden; }
  body.csrhqrsm .ui-datepicker {
    width: 13rem; }
  body.csrhqrsm .ui-datepicker .ui-datepicker-title select,
  body.csrhqrsm .ui-datepicker .ui-datepicker-calendar,
  body.csrhqrsm .ui-datepicker .ui-datepicker-calendar a {
    font-size: 0.75rem; }
  body.csrhqrsm #autocomplete li,
  body.csrhqrsm #autocomplete li div {
    list-style-image: none !important;
    margin: 0;
    padding: 0; }
  body.csrhqrsm #autocomplete * {
    font-size: 0.75rem !important; }
  body.csrhqrsm .autocompleteSelect * {
    font-size: 0.75rem !important; }
  body.csrhqrsm form#contact-mail-user .form-item label {
    display: inline !important; }
  body.csrhqrsm form#csrhqrsm-contact-form #edit-message-format,
  body.csrhqrsm form#csrhqrsm-contact-form a#switch_edit-message-value {
    display: none; }
  body.csrhqrsm form#csrhqrsm-contacter .form-item-message-format,
  body.csrhqrsm form#csrhqrsm-contacter .form-wrapper,
  body.csrhqrsm form#csrhqrsm-contacter .filter-help,
  body.csrhqrsm form#contact-message-feedback-form .form-item-message-format,
  body.csrhqrsm form#contact-message-feedback-form .form-wrapper,
  body.csrhqrsm form#contact-message-feedback-form .filter-help {
    display: none; }
  body.csrhqrsm #csrhqrsm-suis-je-cotise #edit-date-naiss .form-item {
    margin-right: 2rem; }
  body.csrhqrsm #csrhqrsm-suis-je-cotise #edit-code {
    width: 4rem; }
    body.csrhqrsm #csrhqrsm-suis-je-cotise #edit-code.error {
      width: 6rem; }
  body.csrhqrsm #csrhqrsm-suis-je-cotise button {
    margin-top: 2rem; }
  body.csrhqrsm #csrhqrsm-suis-je-cotise input.form-text {
    width: 15rem; }
  body.csrhqrsm #csrhqrsm-suis-je-cotise .form-item-date-naiss-year {
    display: none; }
  body.csrhqrsm .region-highlighted {
    margin-top: 0.75rem; }
  body.csrhqrsm .region-content .highlighted {
    font-size: 0.82rem;
    color: black; }
  body.csrhqrsm .isotope-triggers {
    margin: 0 0 0 -1rem; }
    body.csrhqrsm .isotope-triggers ul.filter {
      list-style-type: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      body.csrhqrsm .isotope-triggers ul.filter li {
        display: inline-block;
        margin: 0 0.25rem; }
        body.csrhqrsm .isotope-triggers ul.filter li a {
          width: 100%;
          text-decoration: none;
          font-size: 1.25rem;
          border: 0;
          margin: 0 0 0.5rem; }
  body.csrhqrsm.path-activites-ponct .isotope-triggers ul.filter li {
    width: 23.5%; }
  body.csrhqrsm.path-activites-repet .isotope-triggers ul.filter li {
    width: 23.5%; }
  body.csrhqrsm div.accordion-item {
    border: 0;
    margin-bottom: 1rem; }
    body.csrhqrsm div.accordion-item .accordion-header {
      padding: 0; }
      body.csrhqrsm div.accordion-item .accordion-header .accordion-button {
        color: black;
        background-color: #c7e9ff;
        font-weight: bold;
        border: 1px solid #171e1e66;
        width: auto; }
        body.csrhqrsm div.accordion-item .accordion-header .accordion-button span {
          color: #171e1e66;
          font-size: 0.75em !important;
          padding-left: 1em;
          padding-right: 1em; }
    body.csrhqrsm div.accordion-item .accordion-body {
      margin-top: 0; }
      body.csrhqrsm div.accordion-item .accordion-body.jumbotron {
        font-style: normal; }
    body.csrhqrsm div.accordion-item h4 {
      font-size: 1rem;
      font-weight: bold; }

#main-wrapper {
  background-color: #c7e9ff;
  min-height: 60rem; }
  #main-wrapper article {
    background-color: white;
    padding: 1rem;
    border: 3px solid #007AC7;
    border-radius: 5px; }

#toolbar-administration {
  /* Adminimal */ }
  #toolbar-administration a {
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px; }
  #toolbar-administration .toolbar-menu__logo {
    padding-top: 0;
    padding-bottom: 0; }

.region-header-form {
  margin-top: -12rem; }

table.node-revision-table {
  width: 53rem; }

#block-nousjoindreguide {
  margin-top: 2rem;
  font-weight: bold; }

#block-system-help {
  font-size: 0.82rem;
  font-style: italic;
  padding: 0;
  margin: 0;
  border: 0; }
  #block-system-help a.btn {
    font-style: normal; }
    #block-system-help a.btn strong {
      font-style: normal; }
  #block-system-help p,
  #block-system-help strong,
  #block-system-help div {
    font-size: 0.82rem;
    font-style: italic; }

#block-bootstrap-barrio-subtheme-contactblock {
  background-color: #DCDCDC;
  margin-top: 2rem; }
  #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form {
    padding: 2rem; }
    #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form p {
      font-size: 1rem; }
    #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form * {
      color: black; }
    #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form label {
      font-weight: bold; }
    #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form #edit-name,
    #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form #edit-mail,
    #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form #edit-subject-0-value {
      width: 100%; }
    #block-bootstrap-barrio-subtheme-contactblock #contact-message-feedback-form #edit-actions button#edit-submit {
      background: #000;
      color: #fff;
      border-color: white;
      border-radius: 1.875rem;
      white-space: initial;
      width: 100%; }

form fieldset.field-group-fieldset > legend {
  margin-left: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: bold; }
form fieldset.form-composite legend {
  padding: 0.5rem; }
form fieldset legend {
  width: 100%;
  text-transform: none;
  color: black;
  background-color: #f5f5f5;
  border: #007AC7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 0.5rem; }
  form fieldset legend span {
    font-size: 1rem; }
form fieldset .fieldset-wrapper {
  border: #007AC7;
  max-width: 100%;
  padding: 1rem;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
form input::placeholder,
form input::placeholder-shown {
  opacity: 0.6;
  color: green; }
form input[type="date"],
form input[type="time"] {
  max-width: 8rem; }
form label,
form summary {
  font-weight: bold; }
form label {
  font-size: 0.82rem; }
form summary {
  font-size: 1.25rem; }
form .js-form-type-date {
  display: inline-block; }
form .tabledrag-toggle-weight-wrapper {
  display: none; }
form .js-form-wrapper .description {
  font-size: 0.75rem;
  font-style: italic; }
form .items {
  margin: 2rem 0; }
form button.form-submit {
  margin: 1rem auto 0 auto; }
form table.field-multiple-table h4 {
  font-size: 1rem; }
form table.field-multiple-table .field-multiple-drag {
  width: 1rem; }
form table.field-multiple-table td button {
  font-size: 0.75rem; }
form#csrhqrsm-import-en-masse {
  max-width: 100rem; }
form#user-pass {
  max-width: 700px; }
form#user-login-form {
  padding: 1rem;
  margin-left: auto;
  margin-right: auto; }
  form#user-login-form input.form-control {
    width: 100%; }
  form#user-login-form .form-actions {
    display: inline;
    width: 10rem;
    margin-left: auto;
    margin-right: auto; }
    form#user-login-form .form-actions button {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
  form#user-login-form .actions-suffix {
    display: inline;
    width: 15rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem; }
    form#user-login-form .actions-suffix a {
      color: white;
      font-size: 1rem;
      border-radius: 7.5px;
      background-color: #ffc107;
      padding: 0.375rem 1rem 0.5rem; }

form table td.glyph, form table td.glyph2 {
  vertical-align: top;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  width: 1rem; }
form table td.glyph {
  width: 1rem; }
  form table td.glyph > div {
    width: 1rem;
    margin-left: auto;
    margin-right: auto; }
form table td.glyph2 {
  width: 4rem; }
  form table td.glyph2 .btn:last-child {
    margin-left: 0.25rem; }

article.node h2.node__title {
  display: none; }
article.node .node__content {
  font-size: 1.1rem;
  background-color: white;
  padding: 0;
  margin: 0; }
article.node .field--type-entity-reference {
  margin-bottom: 0; }
article.node a.savoir-plus {
  color: #008000;
  font-weight: bold;
  text-decoration: none !important; }
article.node img {
  height: auto; }
article.node.node--type-page[data-history-node-id="488"] div.membres-ca {
  margin-top: 1rem; }
  article.node.node--type-page[data-history-node-id="488"] div.membres-ca h3 {
    font-weight: bold; }
article.user .group-autres a {
  background-color: #31b0d5;
  color: white !important;
  border: 1px solid #269abc;
  font-size: 1rem;
  text-decoration: none;
  padding: 9px 25px; }

/* Nous joindre */
#block-bootstrap-barrio-subtheme-blocaccueilnousjoindre article,
body.page-node-228 article {
  color: blue; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre article .node__content,
  body.page-node-228 article .node__content {
    border: 0; }
#block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table,
body.page-node-228 table {
  border: 2px solid #e2e5ee;
  width: auto;
  max-width: 50rem; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table tr td,
  body.page-node-228 table tr td {
    border-bottom: 2px solid #e2e5ee;
    padding: 0.5rem 1.2vw; }
    #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table tr td:last-child,
    body.page-node-228 table tr td:last-child {
      border-left: 1px solid #e2e5ee; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .icone,
  body.page-node-228 table .icone {
    width: 15%;
    color: #007AC7;
    background-color: #e2e5ee !important;
    text-align: center; }
    #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .icone img,
    body.page-node-228 table .icone img {
      width: 80%;
      height: auto;
      margin: 0.66rem auto;
      display: inline-block;
      vertical-align: middle; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .texte,
  body.page-node-228 table .texte {
    font-size: 1.5rem;
    background-color: white !important; }
    #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .texte .contact,
    body.page-node-228 table .texte .contact {
      border: 2px solid #e2e5ee;
      border-radius: 10px; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .telephone .icone,
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .tel .icone,
  body.page-node-228 table .telephone .icone,
  body.page-node-228 table .tel .icone {
    border-bottom: 1px solid #007AC7; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .telephone .texte p,
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .tel .texte p,
  body.page-node-228 table .telephone .texte p,
  body.page-node-228 table .tel .texte p {
    margin-top: 2rem; }
#block-bootstrap-barrio-subtheme-blocaccueilnousjoindre h3,
body.page-node-228 h3 {
  color: #008000; }

/*# sourceMappingURL=csrhqrsm.css.map */