/*
*/
/* Avec alpha channel */
/********************************/
/********************************/
@media only screen and (max-width: 768px) {
  #sz:after {
    content: " xs ";
    font-size: 12px; }

  html {
    font-size: 24px; }

  body.bicycologues {
    font-size: 1rem;
    /* Bootstrap accordion override */ }
    body.bicycologues .btn {
      font-size: 0.75rem; }
    body.bicycologues div.accordion-item .accordion-header button.accordion-button {
      font-size: 0.4rem;
      padding: 0.1rem 0.25rem; }
    body.bicycologues.gestion {
      font-size: 1rem; }
    body.bicycologues.path-frontpage:not(.adminimal) .view-pages {
      padding: 0 1rem; }
    body.bicycologues.path-frontpage:not(.adminimal) .bloc-accueil .gauche h2.titre {
      font-size: 4vw;
      padding: 2vw 0; }
    body.bicycologues.path-frontpage:not(.adminimal).role-membre div.bloc-accueil {
      margin: 0.5rem 0; }
      body.bicycologues.path-frontpage:not(.adminimal).role-membre div.bloc-accueil h2.title,
      body.bicycologues.path-frontpage:not(.adminimal).role-membre div.bloc-accueil h2.block-title {
        font-size: 1.1rem; }
      body.bicycologues.path-frontpage:not(.adminimal).role-membre div.bloc-accueil .content {
        font-size: 1rem;
        padding: 0.5rem; }
    body.bicycologues #block-sitebranding .site-slogan {
      font-size: 0.75rem; }
    body.bicycologues .header-container ul.menu li a {
      font-size: 1rem;
      padding: 0.25rem 1rem 0.6667rem; }
    body.bicycologues #block-menuuser {
      margin-right: 15px; }
      body.bicycologues #block-menuuser #menu-user {
        padding: 0 1rem 0 0; }
        body.bicycologues #block-menuuser #menu-user a {
          font-size: 0.75rem; }
    body.bicycologues #toolbar-administration {
      display: none; }
    body.bicycologues #block-menuprincipal li#main-menu-link-contentfc82a563-535f-42fb-81f0-2ff18501225a,
    body.bicycologues #block-menuprincipal li#main-menu-link-content42e8caf1-7b5e-4de6-9021-19e0c97fda87,
    body.bicycologues #block-menuprincipal li#main-menu-link-contente6a27e9c-1acf-440e-9069-de4d10377cb1 {
      display: none; }
    body.bicycologues #block-breadcrumbs .breadcrumb__item {
      font-size: 0.5rem; }
    body.bicycologues #block-bienvenue .profil {
      width: 90%; }
    body.bicycologues #block-bienvenue .gros-bouton {
      width: 90%; }
    body.bicycologues #block-bicycologues2021top-pagetitle h1.page-title {
      font-size: 4.25vw;
      margin-bottom: 0.5rem; }
    body.bicycologues #block-bicycologues2021top-bloccarrouselaccueil .droite .carousel-item .carousel-caption {
      font-size: 2rem; }
    body.bicycologues #main-content {
      min-height: 30rem;
      padding: 1rem 0.25rem; }
      body.bicycologues #main-content > .container {
        max-width: 97%; }
        body.bicycologues #main-content > .container .col-12 {
          padding-left: 0;
          padding-right: 0; }
          body.bicycologues #main-content > .container .col-12 .main-content__section {
            padding: 0.5rem 0; }
          body.bicycologues #main-content > .container .col-12 .region-content h2.title,
          body.bicycologues #main-content > .container .col-12 .region-content nav > h2,
          body.bicycologues #main-content > .container .col-12 .region-content .block-search > h2 {
            margin: 0.25rem 0;
            font-size: 1rem; }
          body.bicycologues #main-content > .container .col-12 .region-content h3 {
            font-size: 1rem; }
    body.bicycologues form#user-login-form p.login-title {
      font-size: 1.2rem;
      padding: 1rem;
      margin: 0;
      width: 100%; }
    body.bicycologues form#user-login-form .form-item,
    body.bicycologues form#user-login-form > p {
      width: 15rem;
      margin-left: auto;
      margin-right: auto; }
      body.bicycologues form#user-login-form .form-item label,
      body.bicycologues form#user-login-form > p label {
        float: left; }
    body.bicycologues form#user-login-form #boutons {
      width: 420px;
      padding: 0;
      margin: 0 auto; }
      body.bicycologues form#user-login-form #boutons #edit-actions {
        margin-bottom: 0; }
        body.bicycologues form#user-login-form #boutons #edit-actions input[type="submit"] {
          font-size: 0.6667rem;
          width: auto;
          padding: 0.5rem;
          margin: 0 0.25rem 0 0; }
      body.bicycologues form#user-login-form #boutons .actions-suffix {
        margin: 0; }
        body.bicycologues form#user-login-form #boutons .actions-suffix a {
          font-size: 0.6667rem;
          width: auto;
          padding: 17px 0.5rem;
          margin: 0; }
    body.bicycologues .views-element-container {
      padding-left: 0;
      padding-right: 0; }
    body.bicycologues .view {
      font-size: 0.5rem;
      margin-right: 1rem;
      /* View Parcours */ }
      body.bicycologues .view h1.title {
        font-size: 1.25rem; }
      body.bicycologues .view form.views-exposed-form input,
      body.bicycologues .view form.views-exposed-form label {
        font-size: 0.75rem; }
      body.bicycologues .view td {
        padding: 0.25rem; }
      body.bicycologues .view .date-sortie-court {
        width: 4.5rem; }
      body.bicycologues .view .date-sortie-court {
        width: 4.5rem; }
      body.bicycologues .view .abrege {
        width: 6rem; }
      body.bicycologues .view .dist {
        width: 2.5rem; }
      body.bicycologues .view .elev {
        width: 1rem; }
      body.bicycologues .view .date-aaaammjj {
        width: 3.5rem; }
      body.bicycologues .view.view-routes .date-gpx-mod {
        display: none; }
      body.bicycologues .view.membres.liste {
        font-size: 0.75rem; }
        body.bicycologues .view.membres.liste td.portrait {
          width: 4rem; }
          body.bicycologues .view.membres.liste td.portrait img {
            width: 100%;
            height: auto; }
      body.bicycologues .view.ca.public .membre, body.bicycologues .view.bv.public .membre {
        height: 26rem; }
      body.bicycologues .view.ca.public .fonction, body.bicycologues .view.bv.public .fonction {
        font-size: 1rem !important; }
      body.bicycologues .view.ca.public .nom-prenom, body.bicycologues .view.bv.public .nom-prenom {
        font-size: 1.1rem !important; }
      body.bicycologues .view.avis.scrolltext .views-row > div h3.titre {
        font-size: 1.1vw; }
      body.bicycologues .view.view-calendrier.hebdo .fc-view-container {
        width: 100%; }
      body.bicycologues .view.view-calendrier .fc-legende tr td {
        font-size: 0.4rem; }
      body.bicycologues .view.view-calendrier .fc-toolbar .fc-left button.fc-button {
        font-size: 0.75rem;
        padding: 0.15rem; }
      body.bicycologues .view.view-calendrier .fc-toolbar .fc-center h2 {
        color: red;
        font-size: 0.75rem; }
      body.bicycologues .view.view-calendrier .fc-view {
        color: blue; }
        body.bicycologues .view.view-calendrier .fc-view th.fc-day-header {
          font-size: 0.75rem; }
        body.bicycologues .view.view-calendrier .fc-view .fc-day-number {
          font-size: 1rem; }
        body.bicycologues .view.view-calendrier .fc-view.fc-timeGridDay-view a.fc-event {
          font-size: 0.667rem;
          overflow: visible; }
          body.bicycologues .view.view-calendrier .fc-view.fc-timeGridDay-view a.fc-event .fc-time {
            display: inline; }
        body.bicycologues .view.view-calendrier .fc-view.fc-listWeek-view tr.fc-list-heading td.fc-widget-header {
          font-size: 0.6667rem !important; }
        body.bicycologues .view.view-calendrier .fc-view.fc-listWeek-view tr.fc-list-item {
          font-size: 0.6667rem !important; }
      body.bicycologues .view.view-crsl-albums .carousel-caption {
        font-size: 2rem !important; }
      body.bicycologues .view.route.visiteurs {
        font-size: 0.666667rem;
        width: 100%;
        margin-left: 0;
        margin-right: 0; }
        body.bicycologues .view.route.visiteurs div, body.bicycologues .view.route.visiteurs p, body.bicycologues .view.route.visiteurs a, body.bicycologues .view.route.visiteurs input, body.bicycologues .view.route.visiteurs li, body.bicycologues .view.route.visiteurs label, body.bicycologues .view.route.visiteurs select, body.bicycologues .view.route.visiteurs span, body.bicycologues .view.route.visiteurs strong {
          font-size: 0.666667rem; }
        body.bicycologues .view.route.visiteurs .dist,
        body.bicycologues .view.route.visiteurs .elev {
          width: 3rem; }
    body.bicycologues article p,
    body.bicycologues article a,
    body.bicycologues article li {
      font-size: 1rem; }
    body.bicycologues article .field__label,
    body.bicycologues article .field__item {
      font-size: 1rem; }
    body.bicycologues article .view th a {
      font-size: 1rem; }
    body.bicycologues article h2 {
      font-size: 1.25rem; }
    body.bicycologues article.node.parcours .ridewithgps-map, body.bicycologues article.node--type-sortie .ridewithgps-map {
      margin-left: -42px;
      width: 930px;
      height: 1000px; }
    body.bicycologues article.node.parcours .boutons.row .btn.col-xl-12, body.bicycologues article.node--type-sortie .boutons.row .btn.col-xl-12 {
      width: 100%; }
    body.bicycologues article.node--type-publication.node--view-mode-rendu .field .paragraph .texte,
    body.bicycologues article.node--type-publication.node--view-mode-rendu .field .paragraph p,
    body.bicycologues article.node--type-publication.node--view-mode-rendu .field .paragraph li,
    body.bicycologues article.node--type-publication.node--view-mode-rendu .field .paragraph a {
      font-size: 1rem; }

  /*******************************/
  .col-xs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-xs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xs-4 {
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%; }

  .col-xs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-xs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-xs-9 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-xs-10 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-xs-12 {
    width: calc(100% - 7vw); } }

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