@charset "UTF-8";
/**
 * @file
 * Subtheme specific CSS.
 */
/*
Déclaration des variables utilisées pour la stylisation.
*/
/* Avec alpha channel */
html {
  font-size: 20px !important; }

body.stvincent {
  font-size: 1.1rem;
  font-family: "Barlow", sans-serif !important; }
  body.stvincent .visually-hidden-focusable {
    display: none; }
  body.stvincent.type-site-sb .site-name p:after {
    content: " - SB";
    color: white;
    font-size: 0.9rem;
    font-weight: bold; }
  body.stvincent.type-site-dev .site-name p:after {
    content: " - DV.";
    color: white;
    font-size: 0.9rem;
    font-weight: bold; }
  body.stvincent.full-width #main.container {
    max-width: none !important;
    padding-right: 2rem !important; }
  body.stvincent.user-logged-in .background-image-area {
    overflow: visible; }
    body.stvincent.user-logged-in .background-image-area .background-image-area__image,
    body.stvincent.user-logged-in .background-image-area .background-image-area__overlay {
      display: none; }
  body.stvincent .cacher {
    display: none; }
  body.stvincent .aucun-trouve {
    font-weight: bold; }
  body.stvincent .jumbotron {
    font-size: 0.9rem;
    font-style: italic;
    background-color: #fbdede;
    margin-bottom: 1rem; }
    body.stvincent .jumbotron p {
      font-size: 0.9rem;
      padding-bottom: 0; }
    body.stvincent .jumbotron a {
      font-size: 0.9rem; }
    body.stvincent .jumbotron.guide {
      width: 34rem;
      margin: 0 auto 1rem auto; }
      body.stvincent .jumbotron.guide.view {
        width: calc(100% - 2rem);
        margin-left: 0;
        margin-right: 0; }
  body.stvincent .filtres {
    padding: 1rem; }
    body.stvincent .filtres .guide {
      font-size: 0.9rem;
      font-style: italic; }
  body.stvincent .boutons {
    margin-top: 1rem;
    padding-bottom: 1rem; }
    body.stvincent .boutons .bouton {
      margin-top: 0.5rem;
      margin-right: 1rem; }
    body.stvincent .boutons.avec-bordures {
      border: 1px solid #FFC502;
      padding: 0.5rem; }
  body.stvincent h1.title {
    color: #B01616;
    background-color: #ffe282;
    border: 1px solid #FFC502;
    font-weight: bold;
    font-style: italic;
    font-size: 1.25rem;
    padding: 1rem;
    margin: 1rem 0 2rem 0; }
    body.stvincent h1.title a.edit-fiche {
      margin-left: 3rem; }
  body.stvincent h2.title {
    color: #FFC502; }
  body.stvincent h3 {
    font-size: 1.1rem;
    color: #B01616; }
  body.stvincent table, body.stvincent td, body.stvincent th {
    border-collapse: collapse; }
    body.stvincent table.items, body.stvincent td.items, body.stvincent th.items {
      margin-top: 2rem; }
  body.stvincent table {
    margin-bottom: 2rem;
    caption-side: top;
    border-bottom-width: 4px;
    border-right-width: 4px; }
    body.stvincent table caption {
      font-weight: bold;
      font-size: 1rem; }
  body.stvincent td, body.stvincent th {
    vertical-align: top;
    padding: 0.5rem; }
    body.stvincent td:first-child, body.stvincent th:first-child {
      border-left: 0; }
      body.stvincent td:first-child > div, body.stvincent th:first-child > div {
        margin: 0; }
      body.stvincent td:first-child input, body.stvincent th:first-child input {
        margin-top: 0.5rem; }
    body.stvincent td:last-child, body.stvincent th:last-child {
      border-right: 0; }
    body.stvincent td > p, body.stvincent th > p {
      padding: 0;
      margin: 0; }

#main {
  min-height: 60rem; }

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

.alert-wrapper {
  position: unset; }
  .alert-wrapper div.alert div {
    border: 1px solid #ADD96A;
    padding: 0.25rem; }
  .alert-wrapper > .alert {
    padding: 0.25rem 1rem; }

form fieldset.field-group-fieldset > legend {
  margin-left: 0;
  margin-bottom: 0;
  font-size: 1.1rem;
  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: 1px solid #FFC502;
  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: 1px solid #FFC502;
  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.9rem; }
form summary {
  font-size: 1.1rem; }
form .js-form-type-date {
  display: inline-block; }
form .tabledrag-toggle-weight-wrapper {
  display: none; }
form .js-form-wrapper .description {
  font-size: 0.7rem;
  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.7rem; }
form#stvincent-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 {
    width: 10rem;
    margin-left: auto;
    margin-right: auto; }
    form#user-login-form .form-actions button {
      padding-left: 0.5rem;
      padding-right: 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 fieldset {
  border: 3px solid #B01616;
  border-radius: 10px; }
  article fieldset .fieldset-legend {
    color: #B01616; }
article.node h2 {
  font-size: 1.1rem;
  color: #B01616;
  text-shadow: 2px 2px #FFC502; }
article.node .node__content {
  font-size: 1.1rem;
  background-color: white;
  padding: 2rem;
  border: 1px solid #FFC502; }
article.node .field--type-entity-reference {
  margin-bottom: 0; }
article.node img {
  width: 100%;
  height: auto; }
article.node.node--type-page[data-history-node-id="488"] img {
  width: 100%;
  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; }

/* 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 #B01616;
  width: auto;
  max-width: 50rem; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table tr td,
  body.page-node-228 table tr td {
    border-bottom: 2px solid #B01616;
    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 #B01616; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .icone,
  body.page-node-228 table .icone {
    width: 15%;
    color: #FFC502;
    background-color: #B01616 !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.25rem;
    background-color: white !important; }
    #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .texte .contact,
    body.page-node-228 table .texte .contact {
      border: 2px solid #B01616;
      border-radius: 10px; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .tel .icone,
  body.page-node-228 table .tel .icone {
    border-bottom: 1px solid #FFC502; }
  #block-bootstrap-barrio-subtheme-blocaccueilnousjoindre table .tel .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: #ADD96A; }

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