@charset "UTF-8";
/*
Remplacer vert #00BC8C par #E11C2A
Remplacer vert fonce #00A379
*/
/*
Remplacer vert #00BC8C par #E11C2A
Remplacer vert fonce #00A379
*/
form#fadoq-admin-settings #edit-annee-debut-saison-courante {
  width: 4rem; }
form#fadoq-admin-settings #edit-cot-montant-non-res,
form#fadoq-admin-settings #edit-cot-montant-res {
  width: 4rem; }
form#fadoq-admin-settings #edit-anniv-formset #edit-anniv-no-bloc-souhaits {
  width: 3rem; }
form#fadoq-admin-settings #edit-anniv-formset #edit-anniv-auj-date-maj {
  width: 9rem; }
form#fadoq-admin-settings #edit-anniv-formset a.button {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  padding: 6px 12px; }
  form#fadoq-admin-settings #edit-anniv-formset a.button:hover, form#fadoq-admin-settings #edit-anniv-formset a.button:focus {
    color: #000;
    background-color: #449d44 !important;
    border-color: #398439; }

/*
@font-face {
  font-family: 'Cooper';
  font-style: normal;
  font-weight: normal;
  src: local('Cooper Std Black'), url('/fonts/CooperBlack-Std.woff') format('woff');
}


@font-face {
  font-family: 'Cooper';
  font-style: italic;
  font-weight: normal;
  src: local('Cooper Std Black Italic'), url('/fonts/CooperBlack-StdItal.woff') format('woff');
}
*/
.ck-source-editing-area textarea {
  font-size: 1rem !important; }

body {
  font-size: 17px;
  font-family: "Barlow" !important;
  background-color: #f2f2f2; }
  body .page-container {
    background-color: #f0f2f6; }
  body.type-site-sb #type-site:after {
    content: "SB"; }
  body.type-site-dev #type-site:after {
    content: "DEV"; }
  body.type-site-exp #type-site:after {
    content: "EXP"; }
  body.maintenance-page header .col-4 {
    max-width: none;
    flex: none; }
    body.maintenance-page header .col-4 img {
      padding-bottom: 1rem; }
  body #block-photoaccueil {
    padding: 0;
    margin: 0; }
    body #block-photoaccueil img {
      width: 100%; }
  body #block-plugpourclearboth {
    float: left;
    clear: both; }
  body #block-fadoqsjtop-content .content article.node--view-mode-full,
  body #block-fadoqsjtop-content .content article.profile,
  body #block-fadoqsjtop-content .content > form,
  body #block-fadoqsjtop-content .content > .views-element-container {
    background-color: transparent; }
  body #block-views-block-who-s-online-who-s-online-block {
    padding: 1rem;
    width: 28rem;
    margin: 1rem 2rem;
    display: inline-block;
    vertical-align: top;
    background-color: #eee !important;
    color: black; }
  body.path-node #block-fadoqsjtop-content .content {
    border: 1px solid #41983a;
    padding: 1rem;
    background-color: white; }
  body.page-node-10317 #block-fadoqsjtop-content .content, body.page-node-10304 #block-fadoqsjtop-content .content {
    background-color: transparent;
    border: 0;
    padding: 0; }
    body.page-node-10317 #block-fadoqsjtop-content .content .field--name-body, body.page-node-10304 #block-fadoqsjtop-content .content .field--name-body {
      margin: 0; }
  body.path-fiches-activite #block-fadoqsjtop-content .content, body.path-fiches-evasion #block-fadoqsjtop-content .content, body.path-fiches-evens #block-fadoqsjtop-content .content {
    border: 0; }
  body.user-logged-in #menu-user a.connect {
    display: none; }
  body.user-logged-in.path-node .page-container #block-fadoqsjtop-content input#edit-field-photo-act-0-remove-button {
    margin-top: 0; }
  body.user-logged-in.path-node .page-container #block-fadoqsjtop-content .description {
    font-style: italic; }
  body:not(.user-logged-in) .must-be-logged-in {
    display: none; }
  body:not(.user-logged-in) #menu-user a.mon-compte,
  body:not(.user-logged-in) #menu-user a.disconnect {
    display: none; }
  body.path-periode-activite .container-fluid, body.path-periode-evasion .container-fluid {
    margin-left: auto;
    margin-right: auto; }
  body .banner {
    padding: 0 1rem; }
  body .cacher {
    display: none; }
  body #main-content h1 {
    color: #2C56A0;
    background-color: white;
    border-top: 2px solid #41983a;
    border-bottom: 2px solid #41983a;
    border-left: 1px solid #41983a;
    border-right: 1px solid #41983a;
    font-weight: bold;
    font-style: italic;
    filter: drop-shadow(2px 4px 8px #585858);
    margin: 1rem 0 2rem 0;
    padding: 1rem; }
    body #main-content h1 a.edit-fiche {
      margin-left: 3rem; }
  body #main-content h2.title {
    color: #2C56A0; }
  body #main-content h4.label {
    color: #2C56A0; }
  body article.node header h2.node__title a span.field {
    font-size: 32px;
    font-weight: bold; }
  body .main-content__section {
    padding: 1rem 0; }
  body table caption {
    caption-side: top; }
  body ::selection {
    color: #ADD96A;
    background: #2C56A0; }
  body .main-content {
    background-color: transparent;
    clear: both; }
    body .main-content.region--separator-incline-diagonal {
      padding-top: 0.5rem; }
    body .main-content .container-fluid {
      box-sizing: border-box;
      background-color: transparent; }
      body .main-content .container-fluid section {
        background-color: transparent; }
        body .main-content .container-fluid section .main-content__section {
          padding-top: 0; }
      body .main-content .container-fluid .content,
      body .main-content .container-fluid .view {
        background-color: transparent;
        padding: 0; }
      body .main-content .container-fluid .btn {
        font-size: 1rem;
        padding-top: 9px;
        padding-bottom: 8px; }
        body .main-content .container-fluid .btn.btn-sm {
          font-size: 1rem;
          padding: 1px 3px; }
        body .main-content .container-fluid .btn.btn-xs {
          font-size: 0.6675rem;
          padding: 1px 3px; }
      body .main-content .container-fluid .field--name-body a {
        color: #2C56A0;
        background-color: #e8e9e9;
        text-decoration: underline !important; }
        body .main-content .container-fluid .field--name-body a:hover {
          text-decoration: overline !important; }
        body .main-content .container-fluid .field--name-body a.bg:hover, body .main-content .container-fluid .field--name-body a.bg:focus {
          background-image: linear-gradient(#ADD96A 0%, #ADD96A 100%); }
  body .form-item-simple-sitemap-index-now {
    display: none; }

form h4.label {
  color: #2C56A0;
  font-size: 1rem;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 5px; }
form .form-item label {
  vertical-align: top; }
form .form-item input,
form .form-item select {
  width: auto;
  padding: 7px 1rem !important;
  font-size: 1rem; }
  form .form-item input:not(.error),
  form .form-item select:not(.error) {
    border: 1px solid #41983a !important; }

#user-form #field-menus-cacher-values,
#user-register-form #field-menus-cacher-values {
  display: none; }

body.role-gestion.full-width .container {
  max-width: 100%;
  width: 100%; }
body.role-gestion.full-width #main-content {
  margin-left: 0;
  margin-right: 0; }
  body.role-gestion.full-width #main-content .region-content {
    margin-left: 0;
    margin-right: 0; }
body.role-gestion.full-width .view {
  background-color: white;
  padding: 1rem; }
  body.role-gestion.full-width .view td .view {
    padding: 0;
    background-color: transparent; }
    body.role-gestion.full-width .view td .view td {
      border: 0; }
body.role-gestion.full-width .footer-bottom {
  display: none; }

body:not(.role-gestion) .view .cacher-si-pas-gestion {
  display: none; }

.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 60px;
  color: black;
  border: 1px solid #ADD96A;
  padding: 1rem;
  font-style: italic;
  font-size: 1rem; }
  .container .jumbotron p,
  .container-fluid .jumbotron p {
    font-size: 1rem;
    padding-bottom: 0; }
  .container .jumbotron a,
  .container-fluid .jumbotron a {
    color: #2C56A0;
    font-size: 1.25rem; }

.boite {
  color: #2C56A0;
  background-color: white;
  border: 1px solid #41983a;
  border-radius: 6px; }

.transparent {
  opacity: 0; }

.bleu-fadoq {
  color: #2C56A0; }

.rouge {
  color: red; }

.gras {
  font-weight: bold !important; }

.big {
  font-size: 1.25rem !important; }

.pastel-vert {
  background-color: #B3E5B8; }

.fond-orange,
.orange {
  background-color: #FDC99D; }

.brun {
  background-color: #DBBBA4; }

.fond-jaune {
  background-color: #F8EA92; }

.fond-rouge {
  background-color: #F9B9C3; }

.fond-gris {
  background-color: #c3c3c3; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.alerte,
.intro,
.guide,
.avis,
.avis-membre {
  color: #2C56A0;
  background-color: white;
  border: 1px solid #41983a;
  border-radius: 6px;
  font-style: italic;
  background-color: #f9fedf;
  margin-bottom: 1rem;
  padding-top: 0.5rem; }
  .alerte p:first-child,
  .intro p:first-child,
  .guide p:first-child,
  .avis p:first-child,
  .avis-membre p:first-child {
    margin-top: 0; }
  .alerte p:last-child,
  .intro p:last-child,
  .guide p:last-child,
  .avis p:last-child,
  .avis-membre p:last-child {
    margin-bottom: 0; }

.avis-membre {
  margin-top: 1rem; }

.guide {
  font-size: 0.82rem; }

.alerte {
  font-size: 1.25rem; }

.feed-icon {
  background: url(/sites/default/files/images/site/excel.png) no-repeat;
  width: 80px;
  height: 40px;
  float: left; }

table.avec-bordures tbody tr:nth-child(even) td:not(.action) {
  background-color: #e5f3d0;
  border-right: 1px solid white; }
table.avec-bordures th {
  padding: 0.5rem 1rem;
  border: 0;
  font-weight: bold; }
table.avec-bordures td {
  padding: 0.5rem 1rem;
  border: 1px solid #f2f2f2; }

#block-fadoqsjtop-local-tasks {
  padding-bottom: 0.5rem; }

ul.tabs.primary {
  border-bottom: 1px solid #2C56A0;
  color: #2C56A0; }
  ul.tabs.primary li {
    margin-bottom: -1px; }
    ul.tabs.primary li.is-active > a, ul.tabs.primary li.is-active > a:hover, ul.tabs.primary li.is-active > a:focus {
      border-top: 1px solid #2C56A0;
      border-right: 1px solid #2C56A0;
      border-left: 1px solid #2C56A0;
      border-bottom-color: transparent;
      font-weight: bold; }

#block-fadoqsjtop-contacthautdepage-2 #infos-contact div,
#block-fadoqsjtop-contacthautdepage-2 #infos-contact a,
#block-fadoqsjtop-contacthautdepage-2 #type-site div,
#block-fadoqsjtop-contacthautdepage-2 #type-site a,
#block-fadoqsjtop-contacthautdepage-2 #menu-user div,
#block-fadoqsjtop-contacthautdepage-2 #menu-user a {
  text-decoration: none; }
#block-fadoqsjtop-contacthautdepage-2 #infos-contact .obfuscm,
#block-fadoqsjtop-contacthautdepage-2 #infos-contact .phone,
#block-fadoqsjtop-contacthautdepage-2 #infos-contact .disconnect {
  display: inline-block; }
#block-fadoqsjtop-contacthautdepage-2 #infos-contact .phone {
  background-image: url("/sites/default/files/images/site/phone.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 25px; }
#block-fadoqsjtop-contacthautdepage-2 #infos-contact .obfuscm {
  background-image: url("/sites/default/files/images/site/mail.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  padding-left: 1rem; }
#block-fadoqsjtop-contacthautdepage-2 #infos-contact .obfuscm a:hover,
#block-fadoqsjtop-contacthautdepage-2 #infos-contact .obfuscm a:focus {
  text-decoration: underline; }
#block-fadoqsjtop-contacthautdepage-2 #type-site {
  color: red;
  font-weight: bold;
  float: left; }

#block-fadoqsjtop-menuuser a {
  vertical-align: middle;
  color: white; }
  #block-fadoqsjtop-menuuser a:not(.first-child) {
    padding-left: 0.5rem; }

.header-top__container {
  padding: 0; }

#menu-user {
  float: right;
  position: relative;
  z-index: 1000; }

/* Entete */
.page-container .header-container .header {
  background-color: #eee !important;
  padding: 0;
  z-index: 501; }
  .page-container .header-container .header .logo {
    padding: 0;
    margin: 0; }
.page-container .header-container .col-lg-4 {
  padding-left: 0; }
.page-container .header-container .row > div:last-child {
  padding: 0; }
.page-container .header-container .header__container {
  padding: 0; }
  .page-container .header-container .header__container .header-first {
    padding: 0; }
.page-container .header-container .logo-and-site-name-wrapper {
  padding-left: 0.25rem !important;
  width: 100%; }

/* Menus: commun */
.block-superfish h2.title {
  color: #2C56A0;
  font-weight: bold !important;
  font-size: 1rem !important;
  margin: 13px 0;
  padding-right: 0.5rem;
  display: inline;
  float: left;
  vertical-align: middle;
  text-align: right;
  width: 6rem; }
  .block-superfish h2.title:after {
    content: ": "; }
.block-superfish ul.sf-menu {
  margin-bottom: 0;
  float: left;
  padding: 0; }
  .block-superfish ul.sf-menu > li > a {
    color: black; }
    .block-superfish ul.sf-menu > li > a.is-active {
      box-sizing: border-box;
      color: #2C56A0;
      text-decoration: overline; }
    .block-superfish ul.sf-menu > li > a:hover {
      color: white; }
  .block-superfish ul.sf-menu > li.sfHover a {
    color: #ADD96A; }
  .block-superfish ul.sf-menu > li > ul > li > a {
    background: #2C56A0;
    color: white; }
    .block-superfish ul.sf-menu > li > ul > li > a:hover, .block-superfish ul.sf-menu > li > ul > li > a:focus {
      background-image: linear-gradient(#ADD96A 0%, #ADD96A 100%);
      color: black; }
    .block-superfish ul.sf-menu > li > ul > li > a.active {
      color: white; }
  .block-superfish ul.sf-menu.benevoles > li {
    margin-right: 0.5rem;
    background-color: #ADD96A; }
    .block-superfish ul.sf-menu.benevoles > li > a {
      color: #2C56A0;
      font-weight: bold;
      padding-left: 10px; }

body.role-visiteur #block-fadoqsjtop-menumembres-2 {
  margin-top: 0; }

#block-fadoqsjtop-menumembres-2 {
  margin-left: 1rem;
  width: 100%; }
  #block-fadoqsjtop-menumembres-2 ul.menu {
    padding: 11px 0;
    float: left; }
    #block-fadoqsjtop-menumembres-2 ul.menu li#account-menu-link-contentfb9b8c90-a052-4570-a777-a35545bc4fc8 a {
      color: red; }
    #block-fadoqsjtop-menumembres-2 ul.menu li#account-menu-link-content071f4f61-91e4-4996-8242-3f29b991c5b4 a {
      color: green; }
    #block-fadoqsjtop-menumembres-2 ul.menu > li {
      width: auto;
      display: inline-block; }
      #block-fadoqsjtop-menumembres-2 ul.menu > li > a {
        color: black;
        background: transparent; }
    #block-fadoqsjtop-menumembres-2 ul.menu.sf-accordion > li {
      display: block; }
      #block-fadoqsjtop-menumembres-2 ul.menu.sf-accordion > li > a {
        color: white;
        background: #2C56A0;
        line-height: 1; }
      #block-fadoqsjtop-menumembres-2 ul.menu.sf-accordion > li ul {
        background-color: #2C56A0; }
        #block-fadoqsjtop-menumembres-2 ul.menu.sf-accordion > li ul li {
          display: block; }
          #block-fadoqsjtop-menumembres-2 ul.menu.sf-accordion > li ul li a {
            line-height: 1; }

body.user-logged-in li#account-menu-link-content071f4f61-91e4-4996-8242-3f29b991c5b4 {
  display: none; }

#block-inscriptions,
#block-infolettre,
#block-fadoqsjtop-gestion-2,
#block-anniversaires-2 {
  margin-left: 0.33rem;
  width: 100%; }
  #block-inscriptions ul.menu > li,
  #block-infolettre ul.menu > li,
  #block-fadoqsjtop-gestion-2 ul.menu > li,
  #block-anniversaires-2 ul.menu > li {
    background-color: #2C56A0; }
    #block-inscriptions ul.menu > li > a,
    #block-infolettre ul.menu > li > a,
    #block-fadoqsjtop-gestion-2 ul.menu > li > a,
    #block-anniversaires-2 ul.menu > li > a {
      color: #ADD96A;
      font-size: 0.95rem;
      padding-left: 8px; }
    #block-inscriptions ul.menu > li > a:before,
    #block-infolettre ul.menu > li > a:before,
    #block-fadoqsjtop-gestion-2 ul.menu > li > a:before,
    #block-anniversaires-2 ul.menu > li > a:before {
      color: #ADD96A; }
    #block-inscriptions ul.menu > li ul > li,
    #block-infolettre ul.menu > li ul > li,
    #block-fadoqsjtop-gestion-2 ul.menu > li ul > li,
    #block-anniversaires-2 ul.menu > li ul > li {
      background-color: #2C56A0; }
      #block-inscriptions ul.menu > li ul > li > a,
      #block-infolettre ul.menu > li ul > li > a,
      #block-fadoqsjtop-gestion-2 ul.menu > li ul > li > a,
      #block-anniversaires-2 ul.menu > li ul > li > a {
        color: white; }
        #block-inscriptions ul.menu > li ul > li > a.is-active,
        #block-infolettre ul.menu > li ul > li > a.is-active,
        #block-fadoqsjtop-gestion-2 ul.menu > li ul > li > a.is-active,
        #block-anniversaires-2 ul.menu > li ul > li > a.is-active {
          background-color: white;
          color: #2C56A0;
          font-weight: bold; }
      #block-inscriptions ul.menu > li ul > li a:before,
      #block-infolettre ul.menu > li ul > li a:before,
      #block-fadoqsjtop-gestion-2 ul.menu > li ul > li a:before,
      #block-anniversaires-2 ul.menu > li ul > li a:before {
        color: #ADD96A; }

.scrolltext .views-row {
  height: 2rem;
  width: 100%;
  margin-right: 0;
  overflow: hidden;
  position: relative; }
  .scrolltext .views-row a {
    color: #fff;
    text-decoration: none; }
  .scrolltext .views-row > div {
    width: auto;
    font-size: 1rem;
    color: white;
    background-color: #2C56A0;
    position: absolute;
    margin: 0;
    padding: 0.25rem 1rem;
    line-height: 2rem;
    text-align: left;
    transform: translateX(100%);
    animation: scrolltext 30s linear infinite; }
    .scrolltext .views-row > div .titre {
      margin: 0;
      padding: 0.1rem 0 0.25rem 0;
      color: white;
      font-size: 1rem; }
      .scrolltext .views-row > div .titre .savoir-plus a {
        float: right;
        font-size: 0.82rem;
        padding-left: 1rem;
        color: white;
        text-decoration: underline; }

@keyframes scrolltext {
  0% {
    transform: translateX(250%); }
  100% {
    transform: translateX(-100%); } }
body.path-frontpage .header-top-highlighted {
  background-color: #ADD96A;
  color: white; }
  body.path-frontpage .header-top-highlighted a {
    color: white; }
body.path-frontpage #block-fadoqsjtop-views-block-nouvelles-block-nouvelles-accueil,
body.path-frontpage #block-views-block-publications-block-infolettre-accueil {
  padding: 1rem; }
body.path-frontpage h2.title {
  font-size: 42px;
  font-style: italic;
  font-weight: bold; }
body.path-frontpage footer h2.title {
  color: black;
  font-size: 1.25rem !important;
  margin: 0 0 1rem 0 !important; }
body.path-frontpage #main-content {
  padding-top: 3rem;
  z-index: 1; }
body.path-frontpage .container-fluid {
  padding: 0; }
  body.path-frontpage .container-fluid .main-content__section {
    padding-top: 0; }
  body.path-frontpage .container-fluid #block-fadoqsjtop-accueilbut-2 {
    width: 37%;
    height: 16rem;
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #41983a;
    box-sizing: border-box; }
    body.path-frontpage .container-fluid #block-fadoqsjtop-accueilbut-2 img {
      width: 100%;
      height: 17rem;
      filter: drop-shadow(2px 4px 8px #585858); }
  body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 {
    font-size: 1.25rem;
    color: black;
    background-color: transparent;
    width: 60%;
    float: right;
    padding-bottom: 0;
    border: 1px solid #41983a; }
    body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel {
      height: 17rem;
      margin: 0;
      padding: 1rem;
      background-color: white;
      filter: drop-shadow(2px 4px 8px #585858); }
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .carousel-inner {
        padding: 0 1rem; }
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .carousel-control {
        color: #ADD96A;
        width: 2rem;
        background-image: none;
        text-shadow: none; }
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .view-header,
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .view-footer {
        font-family: 'Cooper';
        font-style: italic;
        font-weight: bold; }
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .view-header {
        padding-bottom: 0.5rem; }
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .view-footer {
        position: absolute;
        bottom: 0px;
        width: 100%; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .view-footer p {
          padding: 0.15rem 0 0 0;
          margin: 0 4rem 0 0;
          text-align: right; }
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item {
        color: white;
        font-size: 1.25rem;
        padding: 1rem 0;
        margin: 0;
        clear: both;
        height: 11rem;
        top: 0; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item div.titre {
          margin-left: 1.5rem;
          font-weight: bold;
          text-transform: uppercase;
          padding-bottom: 0; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item div.corps {
          margin-left: 3rem; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item.seq-1 {
          background-color: #5fCFE3; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item.seq-2 {
          background-color: #4AB4E4; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item.seq-3 {
          background-color: #289ef6; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item.seq-4 {
          background-color: #5c96fe; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item.seq-5 {
          background-color: #1E6EFE; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item.seq-6 {
          background-color: #0673dc; }
        body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .item.seq-7 {
          background-color: #35a4f6; }
      body.path-frontpage .container-fluid #block-fadoqsjtop-views-block-frontpage-block-pour-bien-vieillir-2 .view.carousel .content:after {
        content: "";
        display: table;
        clear: both; }
  body.path-frontpage .container-fluid #block-fadoqsjtop-acceuilbienvenue {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0; }
    body.path-frontpage .container-fluid #block-fadoqsjtop-acceuilbienvenue h1 {
      margin: 1rem 0 1rem 1rem;
      color: #2C56A0; }
    body.path-frontpage .container-fluid #block-fadoqsjtop-acceuilbienvenue div.bienvenue {
      filter: drop-shadow(2px 4px 8px #585858);
      background-color: #2C56A0;
      color: white;
      padding: 1rem;
      margin: 3rem 0 0 0;
      border: 1px solid #41983a; }
      body.path-frontpage .container-fluid #block-fadoqsjtop-acceuilbienvenue div.bienvenue a {
        color: white;
        text-decoration: underline; }

/*
.carousel-fade {
  .item {
    transition: opacity 1s;
  }
  
  .active.left {
    left: 0;
    opacity: 0;
    z-index: 2;
  }
  
  .next {
    left: 0;
    opacity: 1;
    z-index: 1;
  }
} 

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner {
    > .item.next,
    > .item.active.right {
      opacity: 0;
      transform: translate3d(0, 0, 0);
    }
    
    > .item.prev,
    > .item.active.left {
      opacity: 0;
      transform: translate3d(0, 0, 0);
    }
    
    > .item.next.left,
    > .item.prev.right,
    > .item.active {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }    
  } 
} 

*/
@keyframes scrolltext {
  0% {
    transform: translateX(250%); }
  100% {
    transform: translateX(-100%); } }
/* Blocs accueil */
#block-views-block-who-s-online-who-s-online-block,
#block-pieddepage {
  padding: 1rem;
  width: 28rem;
  margin: 1rem 2rem;
  display: inline-block;
  vertical-align: top; }

#block-masquerade {
  padding: 1rem;
  width: 28rem;
  margin: 1rem 2rem;
  display: inline-block;
  vertical-align: top; }
  #block-masquerade input.form-text {
    background-color: white; }

#block-pieddepage ul.menu a {
  font-size: 0.82rem; }

#block-fadoqsjtop-views-block-anniversaires-block-anniv {
  width: 28rem;
  padding: 0 1rem;
  display: inline-block; }

#block-block-users-online {
  width: 28rem;
  margin: 1rem 2rem;
  display: inline-block;
  vertical-align: top; }

/* Views : commun */
.views-element-container {
  margin-top: 0; }

.feed-icons {
  display: inline-block;
  margin-right: 1rem; }
  .feed-icons .csv-feed .feed-icon {
    background-image: url("/sites/default/files/images/site/xls.png");
    width: 22px;
    height: 24px; }
    .feed-icons .csv-feed .feed-icon a {
      margin-top: 0; }

a.more-link {
  clear: both;
  margin: 0 1rem; }
  a.more-link a {
    clear: both;
    margin: 0 1rem; }

/* View commun, sans les largeur de champs */
.view a.views-more-link {
  text-decoration: none;
  font-size: 1rem;
  text-align: right;
  float: right;
  position: relative;
  z-index: 100; }
  .view a.views-more-link:hover {
    text-decoration: underline; }

.col-12 .view div.more-link a {
  text-decoration: none;
  font-size: 1rem;
  text-align: left;
  color: white;
  padding: 0.745rem 1.5rem;
  background-color: #41983a; }
  .col-12 .view div.more-link a:hover {
    text-decoration: underline;
    background-color: #2C56A0;
    color: white !important;
    transition: all 0.3s;
    text-decoration: overline; }
.col-12 .view .voir-ceci {
  text-align: right; }
  .col-12 .view .voir-ceci a {
    text-decoration: none; }
.col-12 .view .voir-ceci a,
.col-12 .view a.views-more-link {
  bottom: 0;
  color: #41983a !important;
  font-weight: bold; }
  .col-12 .view .voir-ceci a + span,
  .col-12 .view a.views-more-link + span {
    color: #41983a !important; }
  .col-12 .view .voir-ceci a:hover,
  .col-12 .view a.views-more-link:hover {
    text-decoration: underline; }

/* Views: commun */
.view {
  width: 100%; }
  .view.no-borders tr > td,
  .view.no-borders tr > th {
    border: 0; }
  .view tr td p {
    margin: 0;
    padding: 0; }
  .view .view-header .boutons {
    margin-top: 1rem;
    padding-bottom: 1rem; }
    .view .view-header .boutons .bouton {
      margin-right: 1rem; }
  .view .view-header h1.page-header {
    margin-top: 0;
    margin-bottom: 1rem; }
  .view .views-exposed-form {
    border: 1px solid #000;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 0.5rem 1rem 1rem 1rem; }
    .view .views-exposed-form fieldset {
      margin-left: 0; }
      .view .views-exposed-form fieldset legend {
        margin-left: 0; }
        .view .views-exposed-form fieldset legend span {
          font-weight: bold;
          font-size: 1rem; }
      .view .views-exposed-form fieldset .form-item {
        margin-top: 0;
        margin-bottom: 0; }
    .view .views-exposed-form .form-item .form-date {
      margin-top: 0; }
    .view .views-exposed-form .form-item label {
      font-size: 1rem;
      margin-right: 0.5rem; }
    .view .views-exposed-form .form-item input.form-text,
    .view .views-exposed-form .form-item input.form-date {
      display: inline;
      margin: 0; }
    .view .views-exposed-form .form-item ::placeholder {
      opacity: 0.33; }
    .view .views-exposed-form button {
      margin-top: 1rem;
      margin-left: 0.25rem; }
    .view .views-exposed-form #edit-actions {
      display: inline-block;
      margin: 7px  1.5rem 0 2rem; }
    .view .views-exposed-form input#edit-title {
      width: 12rem; }
    .view .views-exposed-form .form--inline .form-item {
      white-space: nowrap;
      display: inline-block;
      float: none;
      width: auto;
      margin: 0.5rem 0 0.5rem 1rem;
      vertical-align: top; }
      .view .views-exposed-form .form--inline .form-item:first-child {
        margin-left: 0; }
      .view .views-exposed-form .form--inline .form-item .description {
        float: left; }
      .view .views-exposed-form .form--inline .form-item.form-item-field-def-fadoq-value {
        width: 20rem; }
      .view .views-exposed-form .form--inline .form-item.form-item-field-date-dern-import-value {
        width: 30rem; }
      .view .views-exposed-form .form--inline .form-item.form-item-field-date-naiss-value-value, .view .views-exposed-form .form--inline .form-item.form-item-field-date-naiss-value-value-min, .view .views-exposed-form .form--inline .form-item.form-item-field-date-naiss-value-value-max {
        width: 11.5rem; }
      .view .views-exposed-form .form--inline .form-item.form-item-field-date-naiss-value-min label {
        display: none; }
      .view .views-exposed-form .form--inline .form-item.form-item-field-date-naiss-value-max {
        margin-left: 0; }
        .view .views-exposed-form .form--inline .form-item.form-item-field-date-naiss-value-max label {
          float: left; }
      .view .views-exposed-form .form--inline .form-item.form-item-field-date-naiss-value-op {
        width: auto; }
    .view .views-exposed-form input#edit-field-no-tel-value {
      width: 8rem; }
    .view .views-exposed-form input#edit-field-adresse-value {
      width: 12rem; }
    .view .views-exposed-form input#edit-combine {
      width: 12rem; }
    .view .views-exposed-form #edit-field-date-exp-cot-value {
      width: 9rem; }
    .view .views-exposed-form #edit-mail {
      width: 13rem; }
    .view .views-exposed-form #edit-field-no-carte-value {
      width: 9rem; }
    .view .views-exposed-form #edit-field-no-carte-value-1 {
      width: 13rem; }
    .view .views-exposed-form #edit-name {
      width: 10rem; }
    .view .views-exposed-form #edit-field-cotise-mc-value {
      width: 4rem; }
    .view .views-exposed-form #edit-field-date-naiss-value-wrapper {
      width: auto; }
      .view .views-exposed-form #edit-field-date-naiss-value-wrapper legend {
        margin: 0;
        padding: 0;
        border: 0; }
  .view #vbo-action-form-wrapper {
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 0.5rem 1rem; }
    .view #vbo-action-form-wrapper .form-item-select-all {
      margin-left: 0; }
    .view #vbo-action-form-wrapper .panel-heading {
      background-color: #c3c3c3;
      padding-top: 0; }
    .view #vbo-action-form-wrapper .form-actions {
      padding: 0.5rem 0;
      margin: 0.5rem 0; }
      .view #vbo-action-form-wrapper .form-actions:before {
        content: "Action sur ceux cochés: "; }
  .view .vbo-view-form > div.form-actions {
    display: none; }
  .view .row {
    width: 100%; }
  .view a.tabledrag-handle {
    text-decoration: none !important; }
    .view a.tabledrag-handle .handle {
      box-sizing: content-box;
      width: 14px;
      height: 14px; }
  .view table {
    width: 99.5%;
    margin-bottom: 0; }
    .view table tr.pas-cotise .imp-fadoq, .view table tr.bloque td.actif, .view table tr.carte-ville-exp .date-exp-loisirs, .view table tr.fadoq-exp .date-exp-fadoq, .view table tr.pas-en-regle .en-regle {
      color: red;
      font-weight: bold; }
    .view table td,
    .view table th {
      color: #2C56A0;
      border-top: 2px solid #f2f2f2;
      border-right: 1px solid #f2f2f2;
      padding: 0.25rem 0.5rem; }
    .view table th {
      color: #2C56A0;
      background-color: #ADD96A; }
      .view table th a {
        color: #2C56A0;
        text-decoration-color: #2C56A0; }
        .view table th a:hover, .view table th a:focus {
          color: white;
          text-decoration-color: #2C56A0; }
    .view table td:first-child {
      border-left: 1px solid #f2f2f2; }
    .view table tr:last-child td {
      border-bottom: 2px solid #f2f2f2; }
    .view table tr:first-child th {
      border-right: 1px solid #f2f2f2; }
    .view table tr:nth-child(even) td {
      background-color: #e5f3d0;
      border-right: 1px solid white; }
    .view table td,
    .view table th {
      vertical-align: top; }
    .view table td.glyph, .view table td.glyph2, .view table td.glyph3, .view table td.glyph4, .view table td.glyph5 {
      border-left: 0;
      border-right: 0;
      vertical-align: top;
      padding-left: 0;
      padding-right: 0; }
    .view table td.glyph2 a, .view table td.glyph3 a, .view table td.glyph4 a, .view table td.glyph5 a {
      margin-left: 0.22rem;
      margin-right: 0; }
      .view table td.glyph2 a:first-child, .view table td.glyph3 a:first-child, .view table td.glyph4 a:first-child, .view table td.glyph5 a:first-child {
        margin-left: 0; }
    .view table.cacher-cot .recu,
    .view table.cacher-cot .poster-recu {
      display: none; }
    .view table.cacher-cot.not-table-striped .table-striped > tbody > tr:nth-of-type(odd) {
      background-color: inherit; }
    .view table.cacher-cot.no-borders tr > td,
    .view table.cacher-cot.no-borders tr > th {
      border: 0; }
  .view table.small td,
  .view table.small td a, .view table.small,
  .view table.small a,
  .view tr.small td,
  .view tr.small td a,
  .view tr.small,
  .view tr.small a {
    font-size: 0.82rem; }
  .view.bit-small td,
  .view.bit-small td a, .view.bit-small,
  .view.bit-small a,
  .view tr.bit-small td,
  .view tr.bit-small td a,
  .view tr.bit-small,
  .view tr.bit-small a {
    font-size: 0.9rem; }
  .view .cacher-bad-mail-1 {
    opacity: 0; }
  .view tr > td > .view table {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent; }
    .view tr > td > .view table tr {
      background-color: transparent; }
  .view .poid {
    width: 1rem; }
  .view .plug-poid {
    width: 0;
    margin: 0 0 0 0.5rem; }
    .view .plug-poid .tabledrag-handle .handle {
      margin: 0; }
  .view .avis {
    padding-top: 0.5rem;
    margin-bottom: 0; }
  .view .aucun-trouve {
    font-weight: bold;
    padding: 0.5rem 1rem; }
  .view .nb-items-liste {
    margin: 0.5rem 0 1rem 0;
    font-size: 1rem;
    font-weight: bold; }
  .view ul.date-recur-occurrences {
    display: none; }
  .view img.commentaire-glyph {
    margin-top: 0.5rem; }
  .view .op-masse {
    border-right: 0; }
    .view .op-masse .form-type-checkbox {
      margin: 0; }
      .view .op-masse .form-type-checkbox input {
        margin: 0 !important;
        width: 13px;
        height: 1rem; }
  .view .mail,
  .view courriel {
    text-transform: lowercase !important; }
    .view .mail .conj-prfx,
    .view courriel .conj-prfx {
      font-weight: bold; }
  .view .no-display {
    display: none; }
  .view .cacher-si-1-1,
  .view .cacher-si-0-0,
  .view .cacher-si-0- {
    display: none; }
  .view .masquer-si-1-1 {
    opacity: 0; }
  .view .titre-act .ponct-1:after {
    white-space: pre;
    content: "  (ponctuelle)"; }
  .view .max-part {
    text-align: right; }
  .view .semestre {
    text-transform: capitalize; }
  .view .seq,
  .view .nb {
    width: 1rem;
    text-align: right; }
  .view .jr-sem {
    text-transform: capitalize; }
  .view .photo {
    padding: 0; }
  .view .montant {
    text-align: right; }
  .view .no-chq {
    text-align: right; }
  .view .specif {
    font-style: italic; }
  .view .date-recur-interpretaton::first-letter {
    text-transform: uppercase; }
  .view .view-content tbody tr td.cacher-meme-contenu.meme-contenu {
    border-top: 0 !important;
    border-bottom: 0 !important;
    visibility: hidden; }
    .view .view-content tbody tr td.cacher-meme-contenu.meme-contenu time {
      visibility: hidden; }
  .view .view-content tbody tr td.cacher-meme-contenu:not(.meme-contenu) {
    background-color: #fff;
    border-top: 1px solid #b2d118;
    border-bottom: 0;
    font-size: 1.25rem;
    font-weight: bold; }

.view img.commentaire-glyph {
  width: 40px; }
.view .op-masse {
  width: 1rem; }
.view .glyph {
  width: 1rem; }
.view .glyph2 {
  width: 6rem; }
  .view .glyph2.sm {
    width: 5rem; }
  .view .glyph2.xs {
    width: 4rem; }
.view .glyph3 {
  width: 9rem; }
  .view .glyph3.sm {
    width: 7rem; }
  .view .glyph3.xs {
    width: 4.75rem; }
  .view .glyph3.roles-sel {
    width: 10rem; }
  .view .glyph3 > a:not(:last-child) {
    margin-right: 2px; }
.view .glyph4 {
  width: 12rem; }
  .view .glyph4.sm {
    width: 9rem; }
  .view .glyph4.xs {
    width: 7rem; }
  .view .glyph4 > a:not(:last-child) {
    margin-right: 0.25rem; }
.view .glyph5 {
  width: 13rem; }
  .view .glyph5.sm {
    width: 10rem; }
  .view .glyph5.xs {
    width: 8rem; }
  .view .glyph5 > a:not(:last-child) {
    margin-right: 0.25rem; }
.view .oui-non {
  width: 1rem; }
.view .min-width {
  width: 1rem; }
.view .categ {
  width: 1rem; }
.view .annees {
  width: 6rem; }
.view .date-html,
.view .aaaa-mm-jj {
  width: 6.75rem; }
.view .en-regle {
  width: 5rem; }
.view .date-txt {
  width: 6.25rem; }
.view .date-anniv-court {
  width: 3rem; }
.view .age {
  width: 4rem; }
.view .date-exp-cot {
  width: 5.75rem; }
.view .dates-alpha-sans-hre {
  width: 16rem; }
.view .date-alpha-sans-hre {
  width: 9.5rem; }
.view .date-mois-3-let {
  width: 6.5rem; }
.view .date-sans-jrs {
  width: 10rem; }
.view .date-hre-mod {
  width: 10rem; }
.view .date-paye {
  width: 12rem; }
.view .type-contenu {
  width: 10rem; }
.view .virt {
  color: #d2691e; }
.view .no-carte {
  width: 10rem;
  font-family: 'Courrier new'; }
.view .no-carte-loisir {
  width: 8rem;
  text-align: right; }
.view .benevolat {
  width: 10rem; }
.view .contact img {
  width: 1rem; }
.view .courriel {
  width: 12rem; }
.view .mode-paie {
  width: 11rem; }
.view .dates-hres {
  width: 30rem; }
.view .etat-inscr {
  width: 7rem; }
.view .statut {
  width: 1rem; }
.view .marque {
  width: 1rem; }
.view .ponct,
.view .inscr-req,
.view .carte-req {
  width: 1rem; }
.view .titre-act {
  width: 12rem; }
.view .max-part {
  width: 1rem; }
.view .mode-paiement {
  width: 10rem; }
.view .endroit {
  width: 10rem; }
.view .nom-endroit {
  width: auto; }
.view .abrege,
.view .nom-abr {
  width: 8rem; }
.view .lat-lng {
  width: 11rem; }
.view .titre-pol {
  width: 1rem; }
.view .adresse {
  width: 18rem; }
  .view .adresse.seule {
    width: 12rem; }
.view .ville {
  width: 9rem; }
.view .code-postal {
  width: 6rem; }
.view .no-tel {
  width: 7.75rem; }
.view .mail {
  width: 7rem; }
  .view .mail.long {
    width: 15rem; }
.view .roles {
  width: auto; }
.view .anniv {
  width: 4rem; }
.view .anniv-court {
  width: 2rem; }
.view .saison {
  width: 5.5rem; }
.view .actif {
  width: 1rem; }
.view .seq {
  width: 1rem; }
.view .hre {
  width: 5rem; }
.view .hres {
  width: 6rem; }
.view .dates-dep-ret {
  width: 15rem; }
.view .jr-sem {
  width: 4.5rem; }
.view .photo {
  width: auto; }
.view .montant {
  width: 1rem; }
.view .no-recu {
  width: 8rem; }
.view .no-chq {
  width: 1rem; }
.view .notes {
  width: auto; }
.view .dates {
  width: 13rem; }
.view .nom-prenom {
  width: auto;
  min-width: 14rem; }
.view .carte-virt {
  width: 1rem; }
.view td.semestre {
  width: 8rem; }
.view td.env-carte {
  width: 6rem; }
.view.small .glyph2,
.view tr.small .glyph2,
.view td.small .glyph2 {
  width: 4rem; }
  .view.small .glyph2.sm,
  .view tr.small .glyph2.sm,
  .view td.small .glyph2.sm {
    width: 3rem; }
  .view.small .glyph2.xs,
  .view tr.small .glyph2.xs,
  .view td.small .glyph2.xs {
    width: 3rem; }
  .view.small .glyph2 > a:first-child,
  .view tr.small .glyph2 > a:first-child,
  .view td.small .glyph2 > a:first-child {
    margin-right: 0.25rem; }
.view.small .glyph3,
.view tr.small .glyph3,
.view td.small .glyph3 {
  width: 7rem; }
  .view.small .glyph3.sm,
  .view tr.small .glyph3.sm,
  .view td.small .glyph3.sm {
    width: 5rem; }
  .view.small .glyph3.xs,
  .view tr.small .glyph3.xs,
  .view td.small .glyph3.xs {
    width: 6rem; }
.view.small .glyph4,
.view tr.small .glyph4,
.view td.small .glyph4 {
  width: 10rem; }
  .view.small .glyph4.sm,
  .view tr.small .glyph4.sm,
  .view td.small .glyph4.sm {
    width: 7rem; }
  .view.small .glyph4.xs,
  .view tr.small .glyph4.xs,
  .view td.small .glyph4.xs {
    width: 8.5rem; }
.view.small .titre-act,
.view tr.small .titre-act,
.view td.small .titre-act {
  width: 11rem; }
.view.small .no-tel,
.view tr.small .no-tel,
.view td.small .no-tel {
  width: 7rem; }
.view.small .hres,
.view tr.small .hres,
.view td.small .hres {
  width: 6rem; }
.view.small .dates,
.view tr.small .dates,
.view td.small .dates {
  width: 12rem; }
.view.small .dates-hres,
.view tr.small .dates-hres,
.view td.small .dates-hres {
  width: 30rem; }
.view.small .date-html,
.view.small .aaaa-mm-jj,
.view tr.small .date-html,
.view tr.small .aaaa-mm-jj,
.view td.small .date-html,
.view td.small .aaaa-mm-jj {
  width: 5.5rem; }
  .view.small .date-html.date-naiss,
  .view.small .aaaa-mm-jj.date-naiss,
  .view tr.small .date-html.date-naiss,
  .view tr.small .aaaa-mm-jj.date-naiss,
  .view td.small .date-html.date-naiss,
  .view td.small .aaaa-mm-jj.date-naiss {
    width: 5.75rem; }
.view.small .abrege,
.view.small .nom-abr,
.view tr.small .abrege,
.view tr.small .nom-abr,
.view td.small .abrege,
.view td.small .nom-abr {
  width: 6rem; }
.view.small .mode-paie,
.view tr.small .mode-paie,
.view td.small .mode-paie {
  width: 8rem; }
.view.small .nom-prenom,
.view tr.small .nom-prenom,
.view td.small .nom-prenom {
  width: 10rem; }
.view.small .max-part,
.view tr.small .max-part,
.view td.small .max-part {
  width: 1rem; }
.view.small .endroit,
.view tr.small .endroit,
.view td.small .endroit {
  width: 9rem; }
.view.small .ville,
.view tr.small .ville,
.view td.small .ville {
  width: 8rem; }
.view.small .no-carte,
.view tr.small .no-carte,
.view td.small .no-carte {
  width: 10rem; }

.view-fichiers.tous {
  width: 60rem; }

.view-fichiers tr.file_perm_ td, .view-fichiers tr.file_perm_0 td, .view-fichiers tr.file_perm_empty td {
  background-color: #F8EA92 !important; }
.view-fichiers tr.file_perm_1 td {
  background-color: #B3E5B8 !important; }

/* View abonnements mailchimp */
.view.abon-mailchimp .en-regle {
  width: 5rem; }
.view.abon-mailchimp .dpmc-status {
  width: 5rem; }
.view.abon-mailchimp.gestion {
  width: 60rem; }
  .view.abon-mailchimp.gestion .js-form-item-select-all {
    display: none; }
.view.abon-mailchimp.desab, .view.abon-mailchimp.err_courriel, .view.abon-mailchimp.att-conf {
  width: 50rem; }
.view.abon-mailchimp.abonnes {
  width: 62rem; }
.view.abon-mailchimp .imp-fadoq.oui-non {
  width: 4rem; }

/* Views: pages */
.view.pages.toutes {
  width: auto; }
  .view.pages.toutes .titre {
    width: 15rem; }
  .view.pages.toutes .type-page {
    width: 8rem; }
.view.pages.carousel {
  width: 100%;
  margin: 0 auto; }
  .view.pages.carousel .carousel-item {
    border: 1px solid #2C56A0;
    margin-bottom: 2rem;
    padding: 1rem;
    font-size: 1.25rem; }
    .view.pages.carousel .carousel-item > div:first-child {
      font-weight: bold;
      margin-bottom: 1rem; }
    .view.pages.carousel .carousel-item div.titre {
      margin-left: 3rem;
      font-weight: bold;
      text-transform: uppercase;
      padding-bottom: 1rem; }
    .view.pages.carousel .carousel-item div.corps {
      margin-left: 3rem; }
    .view.pages.carousel .carousel-item > div:last-child {
      font-weight: bold;
      float: right; }
  .view.pages.carousel .carousel-item:after {
    content: "";
    display: table;
    clear: both; }

.view-diaporamas.carousel .item {
  margin-left: 15%;
  margin-right: 15%;
  width: auto; }
.view-diaporamas.carousel .photo {
  width: auto; }
  .view-diaporamas.carousel .photo img {
    width: auto;
    height: auto; }

/* Affichage de vidéo membre */
body.path-video-membre h2 a {
  display: none; }

/* Views: videos */
.view-videos {
  width: 70rem; }
  .view-videos tr.gif .id-video {
    visibility: hidden; }
  .view-videos .id-video {
    width: 6rem; }
  .view-videos .desc {
    width: 20rem; }
  .view-videos .plug {
    border: 0; }
  .view-videos.videos.guide h2.titre {
    color: #4590d4; }
  .view-videos.videos.guide .desc {
    margin-bottom: 1rem; }
  .view-videos.videos.publique td {
    border: 0; }
    .view-videos.videos.publique td.titre {
      vertical-align: middle;
      font-size: 1.25rem;
      font-weight: bold; }

/* Views: saisons */
.view-saisons.toutes table {
  width: 7rem; }
  .view-saisons.toutes table .annees {
    border: 1px solid #2C56A0; }
    .view-saisons.toutes table .annees a {
      color: #2C56A0;
      padding: 0.5rem; }
      .view-saisons.toutes table .annees a:hover {
        background-color: #2C56A0;
        color: white; }

/* Views: semestres */
.view-semestres.tous table {
  width: 6rem; }
.view-semestres.eva-de-saison {
  width: 100%; }
  .view-semestres.eva-de-saison table {
    width: auto; }
    .view-semestres.eva-de-saison table tr {
      background: transparent; }
    .view-semestres.eva-de-saison table td:not(:first-child) {
      border: 0; }
    .view-semestres.eva-de-saison table td:first-child {
      border-right: 0; }
    .view-semestres.eva-de-saison table .semestre {
      font-weight: bold;
      border: 0;
      padding-top: 6px;
      padding-bottom: 3px; }
    .view-semestres.eva-de-saison table .cacher-cloner-1 a {
      opacity: 0; }
    .view-semestres.eva-de-saison table td.glyph {
      border: 0; }
    .view-semestres.eva-de-saison table .btn:not(.edit) {
      width: 14rem;
      padding-left: 4px;
      padding-right: 4px; }

/* Views: Endroits */
.view.endroits.tous {
  width: auto; }
  .view.endroits.tous table .nom-endroit {
    width: 20rem; }
  .view.endroits.tous table .adresse {
    width: 13rem; }
  .view.endroits.tous table .notes {
    width: 16rem; }

/* Views: activités et excursions*/
.view.activites .titre-act,
.view.excursions .titre-act {
  font-weight: bold; }
.view.activites .desc,
.view.excursions .desc {
  width: 30rem; }
.view.activites.toutes .offert,
.view.excursions.toutes .offert {
  width: 10rem; }
.view.activites.toutes .resp.assist a:first-child,
.view.excursions.toutes .resp.assist a:first-child {
  font-weight: bold; }
.view.activites.eva-de-membre table,
.view.excursions.eva-de-membre table {
  width: 20rem; }
.view.activites .sans-inscr-1:after,
.view.excursions .sans-inscr-1:after {
  white-space: pre;
  content: "  (sans inscription)"; }

/* Views: activités et excursions*/
.view.excursions.toutes {
  width: 70rem; }
  .view.excursions.toutes .titre-act {
    width: 6rem; }
  .view.excursions.toutes .abrege {
    width: 6rem; }
  .view.excursions.toutes .cout {
    width: 8rem; }
  .view.excursions.toutes .mode-paiement {
    width: auto; }

/* Views: activités de semestre */
.view.act-smstr .titre-act {
  width: 12rem; }
.view.act-smstr.toutes table {
  width: 60rem; }
.view.act-smstr.toutes .titre-per {
  width: 26rem; }
.view.act-smstr.toutes .titre-per {
  width: 20rem; }
.view.act-smstr.toutes .saison {
  width: 5.5rem; }
.view.act-smstr.toutes.cacher-creer-nouv .creer-nouv {
  display: none; }
.view.act-smstr.toutes.cacher-cloner #edit-13--2 {
  display: none; }
.view.act-smstr.toutes .cout {
  width: 7rem; }
.view.act-smstr.toutes .endroit {
  width: 15rem; }
.view.act-smstr.eva.de-smstr table {
  width: 25rem;
  margin-left: auto;
  margin-right: auto; }
.view.act-smstr.eva-de-smstr table {
  width: 60rem; }
.view.act-smstr.eva-de-smstr .cout {
  width: 5rem; }
.view.act-smstr.eva-de-smstr .endroit {
  width: 16rem; }
.view.act-smstr.de-semestre {
  width: auto; }
  .view.act-smstr.de-semestre tr.annulee-1 td.date-hre-per > a {
    color: red;
    text-decoration: line-through; }
    .view.act-smstr.de-semestre tr.annulee-1 td.date-hre-per > a span.heures:after {
      content: " (annulée)"; }
  .view.act-smstr.de-semestre tr.complet-1 td.date-hre-per > a {
    color: #888888; }
    .view.act-smstr.de-semestre tr.complet-1 td.date-hre-per > a span.heures:after {
      content: " (complet)"; }
  .view.act-smstr.de-semestre .titre-act {
    width: auto; }
  .view.act-smstr.de-semestre th.periodes {
    background-color: #f9f9f9;
    border: 1px solid #000; }
  .view.act-smstr.de-semestre td.periodes {
    padding: 0.5rem 0; }
    .view.act-smstr.de-semestre td.periodes .view.periodes {
      background-color: transparent;
      width: auto;
      padding: 0; }
      .view.act-smstr.de-semestre td.periodes .view.periodes .specif {
        width: 16rem; }
      .view.act-smstr.de-semestre td.periodes .view.periodes .date-hre-per {
        width: 27rem; }
      .view.act-smstr.de-semestre td.periodes .view.periodes .cout {
        width: 12rem; }
      .view.act-smstr.de-semestre td.periodes .view.periodes .nom-prenom {
        width: 12rem; }
      .view.act-smstr.de-semestre td.periodes .view.periodes .date-alpha-sans-hre {
        width: 8rem; }
      .view.act-smstr.de-semestre td.periodes .view.periodes .inscrits {
        width: 5.5rem; }
      .view.act-smstr.de-semestre td.periodes .view.periodes .abrege {
        width: 6rem; }
  .view.act-smstr.de-semestre.evasions .titre-act {
    width: 1rem; }
.view.act-smstr.eva.de-activ table {
  width: 12rem; }

/* Views: périodes */
.view.periodes.page.de-smstr {
  width: auto; }
  .view.periodes.page.de-smstr.saisie {
    width: 74rem; }
    .view.periodes.page.de-smstr.saisie .titre-act {
      width: auto; }
  .view.periodes.page.de-smstr tr.annulee-1 td.titre-act, .view.periodes.page.de-smstr tr.annulee-1 td.titre-act a, .view.periodes.page.de-smstr tr.annulee-1 td.titre-act ~ td, .view.periodes.page.de-smstr tr.annulee-1 td.titre-act ~ td a {
    color: red;
    text-decoration: line-through; }
  .view.periodes.page.de-smstr tr.complet-1 td.titre-act, .view.periodes.page.de-smstr tr.complet-1 td.titre-act a, .view.periodes.page.de-smstr tr.complet-1 td.titre-act ~ td, .view.periodes.page.de-smstr tr.complet-1 td.titre-act ~ td a {
    color: red; }
  .view.periodes.page.de-smstr tr.complet-1 td.titre-act:after {
    content: " (complet)"; }
  .view.periodes.page.de-smstr .cout {
    width: 14rem; }
  .view.periodes.page.de-smstr .dates-dep-ret {
    width: 13rem; }
.view.periodes.eva.de-act-smstr tr.annulee-1 td.jr-sem, .view.periodes.eva.de-act-smstr tr.annulee-1 td.jr-sem a, .view.periodes.eva.de-act-smstr tr.annulee-1 td.jr-sem ~ td, .view.periodes.eva.de-act-smstr tr.annulee-1 td.jr-sem ~ td a {
  color: red;
  text-decoration: line-through; }
.view.periodes.eva.de-act-smstr tr.annulee-1 td.jr-sem:after {
  content: "\A (annulée)"; }
.view.periodes.eva.de-act-smstr tr.complet-1 td {
  color: #888888; }
  .view.periodes.eva.de-act-smstr tr.complet-1 td.jr-sem:after {
    content: "\A (complet)"; }
.view.periodes.eva.de-act-smstr .jr-sem {
  width: 5rem; }
.view.periodes.eva.de-act-smstr .dates-dep-ret {
  width: 17rem; }
.view.periodes.eva.de-act-smstr .cout {
  width: 10rem; }
.view.periodes.eva.de-act-smstr .mode-paiement {
  width: 10rem; }
.view.periodes.eva.de-act-smstr .abrege {
  width: 8rem; }
.view.periodes.eva.de-act-smstr .nom-prenom {
  width: 15rem; }
.view.periodes.blk.de-act-smstr th {
  padding-top: 0;
  background-color: transparent;
  color: black;
  border: 0;
  border-bottom: 1px solid #2C56A0; }
.view.periodes.blk.de-act-smstr td {
  border: 0; }
.view.periodes.blk.de-act-smstr .date-hre-per {
  width: 25rem; }
.view.periodes.fiches {
  border: 0;
  box-sizing: border-box;
  padding-bottom: 1rem;
  padding-left: 0; }
  .view.periodes.fiches .fiche {
    padding: 0;
    overflow: hidden; }
    .view.periodes.fiches .fiche.type-act-128 .type-act {
      background-color: #00A1CB; }
    .view.periodes.fiches .fiche.type-act-130 .type-act {
      background-color: #DB2726; }
    .view.periodes.fiches .fiche.type-act-131 .type-act {
      background-color: #00A651; }
    .view.periodes.fiches .fiche.type-act-127 .type-act {
      background-color: #F47A1F; }
    .view.periodes.fiches .fiche.type-act-167 .type-act {
      background-color: #1E6EFE; }
    .view.periodes.fiches .fiche.type-act-133 .type-act {
      background-color: #3a4fa0; }
    .view.periodes.fiches .fiche.type-act-132 .type-act {
      background-color: #CAAD5F; }
    .view.periodes.fiches .fiche.type-act-134 .type-act {
      background-color: #92294C; }
    .view.periodes.fiches .fiche > div:first-child {
      margin: 0 !important; }
    .view.periodes.fiches .fiche tr.cacher-image-act .image-per {
      display: none; }
    .view.periodes.fiches .fiche > div:last-child {
      margin: 0;
      margin-top: auto;
      padding: 0;
      width: auto; }
      .view.periodes.fiches .fiche > div:last-child img {
        vertical-align: middle;
        max-width: none;
        margin: 0;
        margin-top: auto;
        width: 100%;
        height: auto;
        transition: transform .2s;
        /* Animation */ }
      .view.periodes.fiches .fiche > div:last-child img:hover {
        transform: scale(1.1);
        /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }
    .view.periodes.fiches .fiche .type-act {
      color: white;
      margin: 0 -1rem 1rem -1rem;
      padding: 0.5rem 0 0.5rem 1rem;
      border-bottom: 1px solid #41983a; }
    .view.periodes.fiches .fiche h2,
    .view.periodes.fiches .fiche .specif {
      font-weight: bold;
      text-align: center;
      font-weight: bold;
      padding: 0 1rem 0 0;
      margin: 0.5rem 0 0 0;
      font-style: normal; }
      .view.periodes.fiches .fiche h2 a,
      .view.periodes.fiches .fiche .specif a {
        font-weight: bold;
        text-decoration: none; }
      .view.periodes.fiches .fiche h2 span,
      .view.periodes.fiches .fiche .specif span {
        font-style: italic;
        color: red; }
    .view.periodes.fiches .fiche .date-dep-ret {
      margin-top: 0.5rem; }
    .view.periodes.fiches .fiche .resp {
      padding-bottom: 1rem; }
    .view.periodes.fiches .fiche .hres,
    .view.periodes.fiches .fiche .jr-sem,
    .view.periodes.fiches .fiche .dates,
    .view.periodes.fiches .fiche .endroit,
    .view.periodes.fiches .fiche .cout {
      width: auto; }
    .view.periodes.fiches .fiche .hres span.icon,
    .view.periodes.fiches .fiche .repetition span.icon,
    .view.periodes.fiches .fiche .jr-sem span.icon,
    .view.periodes.fiches .fiche .dates span.icon,
    .view.periodes.fiches .fiche .endroit span.icon,
    .view.periodes.fiches .fiche .cout span.icon,
    .view.periodes.fiches .fiche .resp span.icon {
      padding-right: 0.5rem; }
    .view.periodes.fiches .fiche .hres,
    .view.periodes.fiches .fiche .jr-sem,
    .view.periodes.fiches .fiche .cout {
      font-weight: bold; }
      .view.periodes.fiches .fiche .hres:first-word,
      .view.periodes.fiches .fiche .jr-sem:first-word,
      .view.periodes.fiches .fiche .cout:first-word {
        text-transform: capitalize; }
    .view.periodes.fiches .fiche .hres {
      margin-top: 1rem; }
    .view.periodes.fiches .fiche.annulee- .txt-annulee, .view.periodes.fiches .fiche.annulee-0 .txt-annulee {
      display: none; }
    .view.periodes.fiches .fiche .annulee {
      color: red;
      font-weight: bold; }
    .view.periodes.fiches .fiche.complet > div {
      color: #888888; }
    .view.periodes.fiches .fiche.complet-1 h2 span:after {
      content: " (complet)";
      white-space: pre-wrap; }
    .view.periodes.fiches .fiche.annulee-1 {
      opacity: 0.5;
      color: red; }
      .view.periodes.fiches .fiche.annulee-1 h2 span:after {
        content: " (activité annulée)";
        white-space: pre-wrap; }
      .view.periodes.fiches .fiche.annulee-1 > div:nth-child(3),
      .view.periodes.fiches .fiche.annulee-1 > div:nth-child(4),
      .view.periodes.fiches .fiche.annulee-1 > div:nth-child(5),
      .view.periodes.fiches .fiche.annulee-1 > div:nth-child(6) {
        text-decoration: line-through; }
  .view.periodes.fiches.activite .fiche.termine h2 span:after, .view.periodes.fiches.evens .fiche.termine h2 span:after {
    content: "\A (terminée)";
    white-space: pre-wrap; }
  .view.periodes.fiches.activite .fiche.en-cours:not(.annulee-1) h2 span:after, .view.periodes.fiches.evens .fiche.en-cours:not(.annulee-1) h2 span:after {
    content: "\A (en cours)";
    white-space: pre-wrap; }
  .view.periodes.fiches.activite .fiche.annulee h2 span:after, .view.periodes.fiches.evens .fiche.annulee h2 span:after {
    content: " (annulée)";
    white-space: pre-wrap; }
  .view.periodes.fiches.activite .fiche.complet h2 span:after, .view.periodes.fiches.evens .fiche.complet h2 span:after {
    content: " (complet)";
    white-space: pre-wrap; }
  .view.periodes.fiches.evasion .fiche.termine h2 span:after {
    content: "\A (limite d'inscription dépassée)";
    white-space: pre-wrap; }
  .view.periodes.fiches.evasion .fiche.en-cours h2 span:after {
    content: "\A (inscr. en cours)";
    white-space: pre-wrap; }
  .view.periodes.fiches.evasion .fiche.annulee h2 span:after {
    content: "\A (annulée)";
    white-space: pre-wrap; }
  .view.periodes.fiches.evasion .fiche.complet h2 span:after {
    content: "\A (complet)";
    white-space: pre-wrap; }
.view.periodes.fiche {
  box-sizing: border-box;
  width: 26rem; }
  .view.periodes.fiche .lignes {
    margin-bottom: 1rem;
    /*
          .hres,
          .dates, 
          .jr-sem,
          .endroit {
            width: auto;
          }
    
          &.annulee-,
          &.annulee-0 {
            .txt-annulee {
              display: none;
            }
          }
    
          &.annulee-1 {
            color: red;
    
            > span,
            > div:not(:first-child) {
              text-decoration: line-through;
            }
    
            span.txt-annulee {
              text-decoration: none;
            }
    
          }
    */ }
    .view.periodes.fiche .lignes:last-child {
      margin-bottom: 0; }
    .view.periodes.fiche .lignes .icon {
      margin-right: 0.5rem; }

/* Views: annulations */
.view-annulations.toutes {
  width: 41rem; }
  .view-annulations.toutes table {
    width: 40rem; }
.view-annulations.eva-de-periode table {
  width: 20rem; }

/* Views: periodes d'activités de semestre publiques */
article.complet-public .view-periodes.eva-de-act-smstr {
  width: 67rem; }
  article.complet-public .view-periodes.eva-de-act-smstr table .glyph {
    display: none; }
  article.complet-public .view-periodes.eva-de-act-smstr table .hres {
    width: 6rem; }
  article.complet-public .view-periodes.eva-de-act-smstr table .max-part {
    width: 3rem; }
  article.complet-public .view-periodes.eva-de-act-smstr table .views-field-field-lat-lng {
    width: 1rem; }

/* Views: Périodes de activité de semestre*/
.view-periodes .dates-dep-ret {
  width: 17rem; }
.view-periodes .max-part {
  width: 2rem; }
.view-periodes .cout {
  width: 4rem; }
.view-periodes tr.annulee-1 > td.titre-act a, .view-periodes tr.annulee-1 > td.titre-act ~ td {
  color: red;
  text-decoration: line-through; }
.view-periodes tr.annulee-1 td.titre-act a:after {
  content: " Annulée"; }
.view-periodes tr.bloque:not(.sans-couleur) td {
  background-color: #c3c3c3 !important; }
.view-periodes tr.plein:not(.sans-couleur) td {
  background-color: #FDC99D !important; }
.view-periodes tr.fini-smstr-suiv:not(.sans-couleur) td.dates {
  background-color: #F8EA92 !important;
  font-weight: bold; }
.view-periodes tr.plein-1 > td.titre-act,
.view-periodes tr.plein-1 > td.titre-act a,
.view-periodes tr.plein-1 > td.titre-act ~ td {
  color: red !important; }
.view-periodes tr.choisi_ailleurs {
  color: green; }
  .view-periodes tr.choisi_ailleurs > td.titre-act:after {
    content: " (Choisi ailleurs)"; }
.view-periodes.toutes .nom-prenom {
  width: 10rem; }
.view-periodes.toutes .endroit {
  width: 12rem; }
.view-periodes.blk-de-resp table {
  width: auto !important; }
.view-periodes.blk-de-resp .titre-act {
  width: 10rem; }
.view-periodes.blk-de-resp .saison {
  width: 5.5rem; }
.view-periodes.blk-de-act-smstr {
  width: 62rem; }
  .view-periodes.blk-de-act-smstr tr.att .cap a span.att {
    color: red; }
  .view-periodes.blk-de-act-smstr .date-hre-per {
    width: 20rem; }
  .view-periodes.blk-de-act-smstr .cout {
    width: 10rem; }
  .view-periodes.blk-de-act-smstr .max-part {
    width: 6rem; }
  .view-periodes.blk-de-act-smstr .cap {
    width: 10rem; }
  .view-periodes.blk-de-act-smstr .endroit {
    width: 8rem; }
  .view-periodes.blk-de-act-smstr .nom-prenom {
    width: 8rem; }
.view-periodes.periodes.toutes table {
  width: auto; }
.view-periodes.periodes.toutes .titre-act {
  width: auto; }
.view-periodes.periodes.toutes .jr-sem {
  width: 20rem; }
.view-periodes.periodes.toutes .saison {
  width: 5.5rem; }
.view-periodes.periodes.toutes .cout {
  width: 20rem; }
.view-periodes.periodes.resp {
  width: 96rem; }
  .view-periodes.periodes.resp .nom-prenom {
    width: 15rem; }
    .view-periodes.periodes.resp .nom-prenom :not(::first-line) {
      font-size: 1rem; }
    .view-periodes.periodes.resp .nom-prenom .no-tel {
      font-size: 1rem; }
    .view-periodes.periodes.resp .nom-prenom .courriel,
    .view-periodes.periodes.resp .nom-prenom .mail {
      font-size: 1rem; }
  .view-periodes.periodes.resp .titre-act {
    width: auto; }
  .view-periodes.periodes.resp .dates {
    width: 20rem; }
.view-periodes.de-act-smstr {
  width: auto; }
  .view-periodes.de-act-smstr .hres {
    width: 4rem; }
  .view-periodes.de-act-smstr .dates {
    width: 20rem; }
  .view-periodes.de-act-smstr .specif {
    width: 10rem; }
  .view-periodes.de-act-smstr .endroit {
    width: 13rem; }
  .view-periodes.de-act-smstr .cout {
    width: 7rem; }
.view-periodes.par-smstr table {
  width: 81.5rem; }
.view-periodes.par-smstr .vbo-multipage-selector,
.view-periodes.par-smstr .form-item-select-all {
  display: none; }
.view-periodes.par-smstr .dates-hres {
  width: auto; }
.view-periodes.par-smstr .cout {
  width: 8rem; }
.view-periodes.par-smstr .titre-act-avec-desc {
  width: 30rem; }
.view-periodes.ong-de-endroit {
  width: 53rem; }
  .view-periodes.ong-de-endroit table {
    width: 52rem; }

/* Views inscriptions */
.view-inscriptions.page-toutes .date-long {
  width: 15rem; }
.view-inscriptions.page-toutes .titre-act {
  width: 17rem; }
.view-inscriptions.page-inscr-de-semestre .titre-act {
  width: 30rem; }
.view-inscriptions.sur-liste-att tr.hors-club td {
  background-color: #DBBBA4; }

.view-periodes .jr-sem-hre {
  width: 8rem; }
.view-periodes .dates {
  width: 17rem; }
.view-periodes .max-part {
  width: 2rem; }
.view-periodes .cout {
  width: 9rem; }
.view-periodes tr:not(.sans-couleur).preinscr td {
  background-color: #B3E5B8; }
.view-periodes tr:not(.sans-couleur).non-publie td {
  background-color: #c3c3c3 !important; }
.view-periodes tr:not(.sans-couleur).inhib-en-ligne td {
  background-color: #c3c3c3 !important; }
  .view-periodes tr:not(.sans-couleur).inhib-en-ligne td.op-masse input {
    display: none; }
.view-periodes tr:not(.sans-couleur).plein td {
  background-color: #FDC99D; }
.view-periodes tr:not(.sans-couleur).hors-club td {
  background-color: #DBBBA4; }
.view-periodes tr.annulee td.date-hre-per a, .view-periodes tr.annulee-1 td.date-hre-per a, .view-periodes tr.annulee-1 > td.titre-act a, .view-periodes tr.annulee-1 > td.titre-act ~ td {
  color: red;
  text-decoration: line-through; }
.view-periodes tr.annulee-1 td.titre-act a:after {
  content: " Annulée"; }
.view-periodes tr.choisi_ailleurs {
  color: red; }
  .view-periodes tr.choisi_ailleurs > td.titre-act:after {
    content: "\a (Déjà choisi dans autre de ses inscriptions)";
    white-space: pre; }
  .view-periodes tr.choisi_ailleurs > td.titre-act ~ td {
    text-decoration: line-through; }
.view-periodes tr.preinscr:not(.sans-couleur) td.titre-act:after {
  color: red;
  content: " \A en préinscription";
  white-space: pre; }
.view-periodes .nb {
  width: 1rem;
  text-align: right; }

/* Views Lien utiles */
.view.liens-utiles.toutes {
  width: 60rem; }
  .view.liens-utiles.toutes .titre {
    width: 14rem; }
  .view.liens-utiles.toutes .image {
    width: 18rem;
    vertical-align: top;
    padding: 1rem; }
    .view.liens-utiles.toutes .image img {
      width: 100%;
      height: auto; }
    .view.liens-utiles.toutes .image url {
      width: 25em; }
.view.liens-utiles.pub {
  background-color: #2C56A0;
  padding: 2rem; }
  .view.liens-utiles.pub .lien {
    padding: 1rem;
    margin: 0 1% 2% 1%;
    border: 1px solid #ADD96A;
    background: white;
    filter: drop-shadow(2px 4px 8px #585858); }

/* Views informations et infolettre commun public */
.view.fiches.pub {
  width: 100%; }
  .view.fiches.pub .fiche {
    position: relative; }
    .view.fiches.pub .fiche h2.title,
    .view.fiches.pub .fiche h2.title a {
      font-size: 1.25rem; }
    .view.fiches.pub .fiche > div:last-child {
      font-size: 1vw;
      line-height: 1.6;
      white-space: pre-wrap; }
      .view.fiches.pub .fiche > div:last-child p,
      .view.fiches.pub .fiche > div:last-child br {
        padding: 0;
        margin: 0;
        line-height: 1.42857143; }
    .view.fiches.pub .fiche .views-more-link {
      height: auto;
      width: 90%;
      text-align: right;
      color: #ADD96A;
      text-decoration: none;
      font-size: 1.5rem;
      text-align: right;
      bottom: 0;
      position: absolute; }
      .view.fiches.pub .fiche .views-more-link:hover {
        text-decoration: underline; }

/* Views albums */
/*
Remplacer vert #00BC8C par #E11C2A
Remplacer vert fonce #00A379
*/
.view.albums {
  /* Page publique  */ }
  .view.albums.pub .view-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
  .view.albums.pub .fiche {
    height: 20rem;
    margin: 1rem; }
    .view.albums.pub .fiche > div:nth-child(2) {
      width: 100%;
      margin: 1rem auto 0 auto;
      padding: 0; }
      .view.albums.pub .fiche > div:nth-child(2) .photo {
        width: 100%; }
        .view.albums.pub .fiche > div:nth-child(2) .photo img {
          height: 14rem;
          width: auto;
          margin: 0 auto; }

.view.photos {
  /* Page publique  */ }
  .view.photos.cacher-controles .carousel-control {
    display: none; }
  .view.photos .titre {
    width: 15rem; }
  .view.photos .haut {
    width: 7rem; }
  .view.photos .photo {
    width: 20rem;
    padding: 0;
    margin: 0; }
    .view.photos .photo img {
      padding: 0;
      margin: 0; }
  .view.photos.tous {
    width: 70rem; }
  .view.photos.eva {
    width: 66rem; }
  .view.photos.carousel {
    width: 50rem;
    margin-left: auto;
    margin-right: auto; }
    .view.photos.carousel .photo {
      width: 33rem;
      margin-left: auto;
      margin-right: auto; }
      .view.photos.carousel .photo img {
        width: 33rem;
        height: auto; }
      .view.photos.carousel .photo .carousel-caption {
        margin: 0; }
        .view.photos.carousel .photo .carousel-caption p {
          font-size: 1.25rem;
          font-weight: bold;
          margin: 0;
          padding: 0; }
    .view.photos.carousel .carousel-item {
      opacity: 0;
      transition-duration: .6s;
      transition-property: opacity; }
    .view.photos.carousel .carousel-item.active,
    .view.photos.carousel .carousel-item-next.carousel-item-left,
    .view.photos.carousel .carousel-item-prev.carousel-item-right {
      opacity: 1; }
    .view.photos.carousel .active.carousel-item-left,
    .view.photos.carousel .active.carousel-item-right {
      opacity: 0; }
    .view.photos.carousel .carousel-item-next,
    .view.photos.carousel .carousel-item-prev,
    .view.photos.carousel .carousel-item.active,
    .view.photos.carousel .active.carousel-item-left,
    .view.photos.carousel .active.carousel-item-prev {
      transform: translateX(0); }
      @supports (transform-style: preserve-3d) {
        .view.photos.carousel .carousel-item-next,
        .view.photos.carousel .carousel-item-prev,
        .view.photos.carousel .carousel-item.active,
        .view.photos.carousel .active.carousel-item-left,
        .view.photos.carousel .active.carousel-item-prev {
          transform: translate3d(0, 0, 0); } }

article.node--type-album.node--view-mode-full .field--name-body p {
  margin-bottom: 0;
  padding-bottom: 0; }
article.node--type-album.node--view-mode-full .view.eva {
  border-top: 3px solid #ADD96A;
  padding-top: 0; }

body.path-photo article {
  color: #2C56A0;
  background-color: white;
  border: 1px solid #41983a;
  border-radius: 6px;
  padding: 1rem !important; }
  body.path-photo article h2 {
    display: none; }
  body.path-photo article .field--name-field-photo img {
    width: 100%; }
  body.path-photo article .field--name-body {
    margin-top: 1rem; }
    body.path-photo article .field--name-body p {
      padding-bottom: 0;
      margin-bottom: 0; }

/* Etat de connexion */
.field--type-mailchimp-lists-subscription div {
  display: inline;
  width: auto; }
  .field--type-mailchimp-lists-subscription div.field__label:after {
    content: ': '; }

/* Etat de connexion */
.user-online-status div {
  display: inline;
  width: auto; }
.user-online-status .en-ligne {
  color: #009713; }
.user-online-status .absent {
  color: #d2691e; }

/* Views cotisations */
.view-cotisations.toutes {
  width: 82.5rem; }
  .view-cotisations.toutes #views-exposed-form-cotisations-page-toutes #edit-annee-saison {
    width: 5rem; }
  .view-cotisations.toutes #views-exposed-form-cotisations-page-toutes #edit-combine {
    width: 8rem; }
.view-cotisations.ong-de-membre table {
  width: 66rem; }
  .view-cotisations.ong-de-membre table .notes {
    width: auto; }
.view-cotisations.saison-courante {
  width: 82.5rem; }

table.jetons {
  width: 60rem; }
  table.jetons .jeton {
    width: 15rem; }
  table.jetons .desc {
    width: 20rem; }
  table.jetons .exemple {
    width: 20rem; }

form,
body.path-node {
  /* Form contact */ }
  form fieldset.field-group-fieldset > legend,
  body.path-node fieldset.field-group-fieldset > legend {
    margin-left: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: bold; }
  form fieldset.form-composite legend,
  body.path-node fieldset.form-composite legend {
    padding: 0.5rem; }
  form fieldset legend,
  body.path-node fieldset legend {
    width: 100%;
    text-transform: none;
    color: black;
    background-color: #e8e9e9;
    border: 1px solid #41983a;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0.5rem; }
    form fieldset legend span,
    body.path-node fieldset legend span {
      font-size: 1rem; }
  form fieldset .fieldset-wrapper,
  body.path-node fieldset .fieldset-wrapper {
    border: 1px solid #41983a;
    width: 100%;
    padding: 1rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  form input::placeholder,
  form input::placeholder-shown,
  body.path-node input::placeholder,
  body.path-node input::placeholder-shown {
    opacity: 0.6;
    color: green; }
  form h4,
  body.path-node h4 {
    font-size: 1rem;
    color: black; }
  form .date-recur-modular-alpha-widget .dates,
  body.path-node .date-recur-modular-alpha-widget .dates {
    margin-top: 1rem; }
  form .form-item #edit-field-date-hre-0-weekdays--wrapper,
  form .form-item #edit-field-date-hre-1-weekdays--wrapper,
  form .form-item #edit-field-date-hre-2-weekdays--wrapper,
  body.path-node .form-item #edit-field-date-hre-0-weekdays--wrapper,
  body.path-node .form-item #edit-field-date-hre-1-weekdays--wrapper,
  body.path-node .form-item #edit-field-date-hre-2-weekdays--wrapper {
    margin-top: 1rem; }
    form .form-item #edit-field-date-hre-0-weekdays--wrapper legend,
    form .form-item #edit-field-date-hre-1-weekdays--wrapper legend,
    form .form-item #edit-field-date-hre-2-weekdays--wrapper legend,
    body.path-node .form-item #edit-field-date-hre-0-weekdays--wrapper legend,
    body.path-node .form-item #edit-field-date-hre-1-weekdays--wrapper legend,
    body.path-node .form-item #edit-field-date-hre-2-weekdays--wrapper legend {
      display: none; }
  form .form-item #edit-field-date-hre-0-exdates--wrapper,
  form .form-item #edit-field-date-hre-1-exdates--wrapper,
  form .form-item #edit-field-date-hre-2-exdates--wrapper,
  body.path-node .form-item #edit-field-date-hre-0-exdates--wrapper,
  body.path-node .form-item #edit-field-date-hre-1-exdates--wrapper,
  body.path-node .form-item #edit-field-date-hre-2-exdates--wrapper {
    margin-top: 2rem; }
  form .form-item #edit-field-date-hre-0-ends-mode--wrapper *,
  form .form-item #edit-field-date-hre-1-ends-mode--wrapper *,
  form .form-item #edit-field-date-hre-2-ends-mode--wrapper *,
  body.path-node .form-item #edit-field-date-hre-0-ends-mode--wrapper *,
  body.path-node .form-item #edit-field-date-hre-1-ends-mode--wrapper *,
  body.path-node .form-item #edit-field-date-hre-2-ends-mode--wrapper * {
    background-color: transparent;
    border: 0; }
  form select.form-select,
  body.path-node select.form-select {
    margin-top: 0 !important; }
  form .field--widget-options-select label,
  body.path-node .field--widget-options-select label {
    vertical-align: top; }
  form .form-radios .form-type-radio,
  body.path-node .form-radios .form-type-radio {
    display: inline;
    margin-right: 1rem; }
    form .form-radios .form-type-radio label,
    body.path-node .form-radios .form-type-radio label {
      font-size: 1rem; }
  form .form-item label,
  body.path-node .form-item label {
    font-size: 1rem;
    margin-right: 1rem; }
  form a.tabledrag-handle .handle,
  body.path-node a.tabledrag-handle .handle {
    width: 1.75rem;
    height: 1.75rem;
    margin-top: 0.5rem; }
  form #field-date-hre-add-more-wrapper,
  body.path-node #field-date-hre-add-more-wrapper {
    padding-bottom: 1rem;
    border-bottom: 3px solid #ccc; }
    form #field-date-hre-add-more-wrapper > .form-item,
    body.path-node #field-date-hre-add-more-wrapper > .form-item {
      border-top: 3px solid #ccc;
      padding-top: 1rem;
      margin-bottom: 1rem; }
  form.node-form #edit-submit,
  body.path-node.node-form #edit-submit {
    margin-top: 0; }
  form.node-form .dropbutton-widget,
  body.path-node.node-form .dropbutton-widget {
    border: 0; }
    form.node-form .dropbutton-widget .save-edit,
    body.path-node.node-form .dropbutton-widget .save-edit {
      padding: 0 0.5rem; }
      form.node-form .dropbutton-widget .save-edit input,
      body.path-node.node-form .dropbutton-widget .save-edit input {
        margin: 0;
        padding: 0.5rem 1rem !important; }
  form.node-form #edit-field-membre-0-target-id,
  body.path-node.node-form #edit-field-membre-0-target-id {
    width: 15rem; }
  form.node-form #edit-field-maxi-particip-0-value,
  body.path-node.node-form #edit-field-maxi-particip-0-value {
    width: 6rem; }
  form.node-form.node-reservation-form, form.node-form.node-reservation-edit-form,
  body.path-node.node-form.node-reservation-form,
  body.path-node.node-form.node-reservation-edit-form {
    width: 40rem;
    margin-left: auto;
    margin-right: auto; }
    form.node-form.node-reservation-form .panel.points a:after, form.node-form.node-reservation-edit-form .panel.points a:after,
    body.path-node.node-form.node-reservation-form .panel.points a:after,
    body.path-node.node-form.node-reservation-edit-form .panel.points a:after {
      content: " (cliquer pour révéler, au besoin)";
      font-weight: normal;
      font-size: 0.82rem;
      font-style: italic; }
    form.node-form.node-reservation-form .cacher-mode #edit-field-aller-temps-0-mode, form.node-form.node-reservation-edit-form .cacher-mode #edit-field-aller-temps-0-mode,
    body.path-node.node-form.node-reservation-form .cacher-mode #edit-field-aller-temps-0-mode,
    body.path-node.node-form.node-reservation-edit-form .cacher-mode #edit-field-aller-temps-0-mode {
      display: none; }
    form.node-form.node-reservation-form input#edit-field-destination-0-target-id, form.node-form.node-reservation-edit-form input#edit-field-destination-0-target-id,
    body.path-node.node-form.node-reservation-form input#edit-field-destination-0-target-id,
    body.path-node.node-form.node-reservation-edit-form input#edit-field-destination-0-target-id {
      width: auto; }
    form.node-form.node-reservation-form .form-item-subv label, form.node-form.node-reservation-edit-form .form-item-subv label,
    body.path-node.node-form.node-reservation-form .form-item-subv label,
    body.path-node.node-form.node-reservation-edit-form .form-item-subv label {
      font-weight: bold; }
    form.node-form.node-reservation-form #edit-field-aller-temps-wrapper .dates, form.node-form.node-reservation-edit-form #edit-field-aller-temps-wrapper .dates,
    body.path-node.node-form.node-reservation-form #edit-field-aller-temps-wrapper .dates,
    body.path-node.node-form.node-reservation-edit-form #edit-field-aller-temps-wrapper .dates {
      margin-top: 10px; }
    form.node-form.node-reservation-form #edit-field-retour-temps-0, form.node-form.node-reservation-edit-form #edit-field-retour-temps-0,
    body.path-node.node-form.node-reservation-form #edit-field-retour-temps-0,
    body.path-node.node-form.node-reservation-edit-form #edit-field-retour-temps-0 {
      border: 0; }
      form.node-form.node-reservation-form #edit-field-retour-temps-0 .panel-heading, form.node-form.node-reservation-edit-form #edit-field-retour-temps-0 .panel-heading,
      body.path-node.node-form.node-reservation-form #edit-field-retour-temps-0 .panel-heading,
      body.path-node.node-form.node-reservation-edit-form #edit-field-retour-temps-0 .panel-heading {
        background-color: white;
        padding: 0;
        border: 0; }
        form.node-form.node-reservation-form #edit-field-retour-temps-0 .panel-heading .panel-title, form.node-form.node-reservation-edit-form #edit-field-retour-temps-0 .panel-heading .panel-title,
        body.path-node.node-form.node-reservation-form #edit-field-retour-temps-0 .panel-heading .panel-title,
        body.path-node.node-form.node-reservation-edit-form #edit-field-retour-temps-0 .panel-heading .panel-title {
          color: #333;
          padding: 0;
          margin: 0 0 5px 0; }
      form.node-form.node-reservation-form #edit-field-retour-temps-0 .panel-body, form.node-form.node-reservation-edit-form #edit-field-retour-temps-0 .panel-body,
      body.path-node.node-form.node-reservation-form #edit-field-retour-temps-0 .panel-body,
      body.path-node.node-form.node-reservation-edit-form #edit-field-retour-temps-0 .panel-body {
        padding: 0; }
    form.node-form.node-reservation-form .date-recur-modular-alpha-widget .dates .date:last-child, form.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget .dates .date:last-child,
    body.path-node.node-form.node-reservation-form .date-recur-modular-alpha-widget .dates .date:last-child,
    body.path-node.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget .dates .date:last-child {
      display: none; }
    form.node-form.node-reservation-form .date-recur-modular-alpha-widget input#edit-field-retour-temps-0-value-date,
    form.node-form.node-reservation-form .date-recur-modular-alpha-widget input#edit-field-aller-temps-0-end-date,
    form.node-form.node-reservation-form .date-recur-modular-alpha-widget input[data-drupal-selector="edit-field-aller-temps-0-ends-date-time"], form.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget input#edit-field-retour-temps-0-value-date,
    form.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget input#edit-field-aller-temps-0-end-date,
    form.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget input[data-drupal-selector="edit-field-aller-temps-0-ends-date-time"],
    body.path-node.node-form.node-reservation-form .date-recur-modular-alpha-widget input#edit-field-retour-temps-0-value-date,
    body.path-node.node-form.node-reservation-form .date-recur-modular-alpha-widget input#edit-field-aller-temps-0-end-date,
    body.path-node.node-form.node-reservation-form .date-recur-modular-alpha-widget input[data-drupal-selector="edit-field-aller-temps-0-ends-date-time"],
    body.path-node.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget input#edit-field-retour-temps-0-value-date,
    body.path-node.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget input#edit-field-aller-temps-0-end-date,
    body.path-node.node-form.node-reservation-edit-form .date-recur-modular-alpha-widget input[data-drupal-selector="edit-field-aller-temps-0-ends-date-time"] {
      display: none; }
    form.node-form.node-reservation-form .group-confirmation label, form.node-form.node-reservation-edit-form .group-confirmation label,
    body.path-node.node-form.node-reservation-form .group-confirmation label,
    body.path-node.node-form.node-reservation-edit-form .group-confirmation label {
      width: 16rem; }
    form.node-form.node-reservation-form #edit-field-aller-temps-0-exdates .form-type-checkbox, form.node-form.node-reservation-edit-form #edit-field-aller-temps-0-exdates .form-type-checkbox,
    body.path-node.node-form.node-reservation-form #edit-field-aller-temps-0-exdates .form-type-checkbox,
    body.path-node.node-form.node-reservation-edit-form #edit-field-aller-temps-0-exdates .form-type-checkbox {
      display: inline;
      width: 7rem; }
      form.node-form.node-reservation-form #edit-field-aller-temps-0-exdates .form-type-checkbox label, form.node-form.node-reservation-edit-form #edit-field-aller-temps-0-exdates .form-type-checkbox label,
      body.path-node.node-form.node-reservation-form #edit-field-aller-temps-0-exdates .form-type-checkbox label,
      body.path-node.node-form.node-reservation-edit-form #edit-field-aller-temps-0-exdates .form-type-checkbox label {
        padding-left: 1rem;
        width: 7rem; }
    form.node-form.node-reservation-form input#edit-field-retour-temps-0-value-date, form.node-form.node-reservation-edit-form input#edit-field-retour-temps-0-value-date,
    body.path-node.node-form.node-reservation-form input#edit-field-retour-temps-0-value-date,
    body.path-node.node-form.node-reservation-edit-form input#edit-field-retour-temps-0-value-date {
      display: none; }
    form.node-form.node-reservation-form #edit-field-date-dem-annul-0-value, form.node-form.node-reservation-edit-form #edit-field-date-dem-annul-0-value,
    body.path-node.node-form.node-reservation-form #edit-field-date-dem-annul-0-value,
    body.path-node.node-form.node-reservation-edit-form #edit-field-date-dem-annul-0-value {
      display: inline; }
    form.node-form.node-reservation-form #edit-field-adresse-0-value, form.node-form.node-reservation-edit-form #edit-field-adresse-0-value,
    body.path-node.node-form.node-reservation-form #edit-field-adresse-0-value,
    body.path-node.node-form.node-reservation-edit-form #edit-field-adresse-0-value {
      width: 29rem; }
    form.node-form.node-reservation-form #edit-field-frais-station-0-value, form.node-form.node-reservation-edit-form #edit-field-frais-station-0-value,
    body.path-node.node-form.node-reservation-form #edit-field-frais-station-0-value,
    body.path-node.node-form.node-reservation-edit-form #edit-field-frais-station-0-value {
      width: 5rem; }
  form.node-form.node-evenement-form #edit-field-date-hre-wrapper .date-recur-modular-oscar-widget .container-inline.parts,
  form.node-form.node-evenement-form #edit-field-date-hre-wrapper .field-add-more-submit,
  body.path-node.node-form.node-evenement-form #edit-field-date-hre-wrapper .date-recur-modular-oscar-widget .container-inline.parts,
  body.path-node.node-form.node-evenement-form #edit-field-date-hre-wrapper .field-add-more-submit {
    display: none; }
  form.node-form.node-endroit-form #edit-field-adresse-0,
  body.path-node.node-form.node-endroit-form #edit-field-adresse-0 {
    border-color: #ADD96A;
    width: 60rem; }
    form.node-form.node-endroit-form #edit-field-adresse-0 summary,
    body.path-node.node-form.node-endroit-form #edit-field-adresse-0 summary {
      display: none; }
  form.node-form.node-saison-form #edit-title-0-value, form.node-form.node-saison-edit-form #edit-title-0-value,
  body.path-node.node-form.node-saison-form #edit-title-0-value,
  body.path-node.node-form.node-saison-edit-form #edit-title-0-value {
    width: 7rem; }
  form.node-form.node-infolettre-form #edit-field-id-mailchimp-0-value, form.node-form.node-infolettre-edit-form #edit-field-id-mailchimp-0-value,
  body.path-node.node-form.node-infolettre-form #edit-field-id-mailchimp-0-value,
  body.path-node.node-form.node-infolettre-edit-form #edit-field-id-mailchimp-0-value {
    width: 9rem; }
  form.node-form.node-periode-form, form.node-form.node-periode-edit-form,
  body.path-node.node-form.node-periode-form,
  body.path-node.node-form.node-periode-edit-form {
    /*
          div[class*="-end-date"],
          div[class*="-ends-date-time"] {
            display: none;
          }
    */ }
    form.node-form.node-periode-form #edit-field-cout-0-value, form.node-form.node-periode-edit-form #edit-field-cout-0-value,
    body.path-node.node-form.node-periode-form #edit-field-cout-0-value,
    body.path-node.node-form.node-periode-edit-form #edit-field-cout-0-value {
      width: 7rem; }
    form.node-form.node-periode-form .dates > .date:last-child, form.node-form.node-periode-edit-form .dates > .date:last-child,
    body.path-node.node-form.node-periode-form .dates > .date:last-child,
    body.path-node.node-form.node-periode-edit-form .dates > .date:last-child {
      padding-left: 0; }
    form.node-form.node-periode-form #field-date-hre-values h4, form.node-form.node-periode-edit-form #field-date-hre-values h4,
    body.path-node.node-form.node-periode-form #field-date-hre-values h4,
    body.path-node.node-form.node-periode-edit-form #field-date-hre-values h4 {
      font-size: 1.25rem; }
    form.node-form.node-periode-form.ponctuel #field-date-hre-values #edit-field-date-hre-0-mode,
    form.node-form.node-periode-form.ponctuel #field-date-hre-values #edit-field-date-hre-add-more, form.node-form.node-periode-edit-form.ponctuel #field-date-hre-values #edit-field-date-hre-0-mode,
    form.node-form.node-periode-edit-form.ponctuel #field-date-hre-values #edit-field-date-hre-add-more,
    body.path-node.node-form.node-periode-form.ponctuel #field-date-hre-values #edit-field-date-hre-0-mode,
    body.path-node.node-form.node-periode-form.ponctuel #field-date-hre-values #edit-field-date-hre-add-more,
    body.path-node.node-form.node-periode-edit-form.ponctuel #field-date-hre-values #edit-field-date-hre-0-mode,
    body.path-node.node-form.node-periode-edit-form.ponctuel #field-date-hre-values #edit-field-date-hre-add-more {
      display: none; }
    form.node-form.node-periode-form.pour-evasion .form-item-field-date-hre-0-mode,
    form.node-form.node-periode-form.pour-evasion .field-multiple-drag, form.node-form.node-periode-edit-form.pour-evasion .form-item-field-date-hre-0-mode,
    form.node-form.node-periode-edit-form.pour-evasion .field-multiple-drag,
    body.path-node.node-form.node-periode-form.pour-evasion .form-item-field-date-hre-0-mode,
    body.path-node.node-form.node-periode-form.pour-evasion .field-multiple-drag,
    body.path-node.node-form.node-periode-edit-form.pour-evasion .form-item-field-date-hre-0-mode,
    body.path-node.node-form.node-periode-edit-form.pour-evasion .field-multiple-drag {
      display: none; }
    form.node-form.node-periode-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-title, form.node-form.node-periode-edit-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-title,
    body.path-node.node-form.node-periode-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-title,
    body.path-node.node-form.node-periode-edit-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-title {
      font-weight: bold; }
    form.node-form.node-periode-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body label, form.node-form.node-periode-edit-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body label,
    body.path-node.node-form.node-periode-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body label,
    body.path-node.node-form.node-periode-edit-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body label {
      margin-left: 1rem; }
    form.node-form.node-periode-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body .container-inline, form.node-form.node-periode-edit-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body .container-inline,
    body.path-node.node-form.node-periode-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body .container-inline,
    body.path-node.node-form.node-periode-edit-form.pour-evasion #edit-field-dates-hres-dep-ret-0 .panel-body .container-inline {
      display: inline-block; }
    form.node-form.node-periode-form.pour-evasion .dates .form-item-field-date-hre-0-start-time,
    form.node-form.node-periode-form.pour-evasion .dates .form-item-field-date-hre-0-end-time, form.node-form.node-periode-edit-form.pour-evasion .dates .form-item-field-date-hre-0-start-time,
    form.node-form.node-periode-edit-form.pour-evasion .dates .form-item-field-date-hre-0-end-time,
    body.path-node.node-form.node-periode-form.pour-evasion .dates .form-item-field-date-hre-0-start-time,
    body.path-node.node-form.node-periode-form.pour-evasion .dates .form-item-field-date-hre-0-end-time,
    body.path-node.node-form.node-periode-edit-form.pour-evasion .dates .form-item-field-date-hre-0-start-time,
    body.path-node.node-form.node-periode-edit-form.pour-evasion .dates .form-item-field-date-hre-0-end-time {
      display: none; }
    form.node-form.node-periode-form.pour-evasion #edit-field-date-hre-add-more, form.node-form.node-periode-edit-form.pour-evasion #edit-field-date-hre-add-more,
    body.path-node.node-form.node-periode-form.pour-evasion #edit-field-date-hre-add-more,
    body.path-node.node-form.node-periode-edit-form.pour-evasion #edit-field-date-hre-add-more {
      display: none; }
      form.node-form.node-periode-form.pour-evasion #edit-field-date-hre-add-more + .form-item, form.node-form.node-periode-edit-form.pour-evasion #edit-field-date-hre-add-more + .form-item,
      body.path-node.node-form.node-periode-form.pour-evasion #edit-field-date-hre-add-more + .form-item,
      body.path-node.node-form.node-periode-edit-form.pour-evasion #edit-field-date-hre-add-more + .form-item {
        display: none; }
  form.contact-form #edit-preview--2,
  body.path-node.contact-form #edit-preview--2 {
    display: none; }

/** Display node : commun */
.field-name-field-adresse.field-label-inline {
  overflow: visible; }

.address .country {
  display: none; }

.field--name-field-semestre .field--item {
  text-transform: capitalize; }

#edit-field-payeur-wrapper + .nom-conj {
  display: inline-block; }

img.gif {
  border: 10px solid black;
  width: 75%;
  margin: 2rem auto; }

form.fadoqsj-cloner-session button {
  margin: 1rem 0.5rem;
  font-size: 1.2rem; }
  form.fadoqsj-cloner-session button:first-child {
    margin-left: 0; }
form.fadoqsj-cloner-session .action {
  font-size: 1.5rem;
  font-weight: bold;
  color: red;
  padding-bottom: 1rem; }
form.fadoqsj-cloner-session .avis {
  margin-top: 1rem;
  font-style: normal; }

article.node .node__meta {
  font-size: 0.82rem; }
  article.node .node__meta .field {
    font-size: 0.82rem;
    margin: 0 !important; }
article.node .boutons {
  padding-bottom: 0.5rem;
  margin-left: 0.5rem; }
  article.node .boutons .bouton {
    margin-right: 0.5rem; }
article.node .field {
  font-size: 1.1764rem; }
article.node.node--view-mode-full .field {
  margin: 0 1rem; }
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-photo-act,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-body,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-specif,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-annulee,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-complet,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-date-hre,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-cout,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-endroit,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-resp,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-co-resp,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-dates-hres-dep-ret,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-maxi-particip,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .substitutions,
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .annulations, article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-photo-act,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-body,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-specif,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-annulee,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-complet,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-date-hre,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-cout,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-endroit,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-resp,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-co-resp,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-dates-hres-dep-ret,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-maxi-particip,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .substitutions,
article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .annulations {
  margin: 0 1rem 1rem 1rem; }
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-annulee, article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-annulee {
  clear: both;
  margin-top: 0;
  margin-bottom: 0; }
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-photo-act, article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-photo-act {
  float: left;
  margin-top: 1rem; }
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-body > p:first-child, article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-body > p:first-child {
  padding-top: 3rem; }
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content .field--name-field-specif, article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content .field--name-field-specif {
  font-size: 1.25rem;
  font-weight: bold;
  padding-top: 1rem;
  border-top: 3px solid #41983a; }
article.node.node--view-mode-fiche-activite-periode > .node__container .node__main-content div.field.field--name-field-type-activite, article.node.node--view-mode-fiche-evasion-periode > .node__container .node__main-content div.field.field--name-field-type-activite {
  margin-left: 0;
  margin-right: 0; }
article.node .boutons a.bouton:not(:first-child) {
  margin: 0 0 0 1rem; }
article .content {
  padding-top: 1rem; }
  article .content .gif ~ div.field img {
    border: 10px solid black; }
article .views-element-container {
  padding: 0;
  margin-top: 1rem; }
  article .views-element-container h2 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #4590d4; }
article footer p.submitted {
  font-size: 0.82rem; }
  article footer p.submitted:before {
    content: "Soumis par "; }
article.node {
  padding: 0;
  color: #2C56A0;
  background-color: white;
  font-size: 1rem; }
article.node--type-page {
  /* Affichage de page publique */ }
  article.node--type-page.node--view-mode-complet-public {
    font-size: 1.25rem; }
  article.node--type-page[data-history-node-id="10275"] {
    font-size: 1.25rem; }
    article.node--type-page[data-history-node-id="10275"] img {
      width: 50%;
      height: auto; }
    article.node--type-page[data-history-node-id="10275"] a.carte-loisir-logo > img {
      height: 1.25rem;
      width: auto; }
article.node--type-periode .field--name-field-cout {
  clear: both; }
article.node--type-periode .field--name-field-annulee.annulee .field__item {
  color: red;
  font-weight: bold; }
article.node--type-periode .field--name-field-complet.complet .field__item {
  color: red;
  font-weight: bold; }
article.node--type-periode .field--name-body .field--item {
  margin-top: 0.5rem;
  border: 1px solid #4590d4;
  padding: 1rem; }
article.node--type-periode article.node h2 {
  line-height: 1.42857143;
  font-size: 1rem;
  font-weight: bold;
  margin: 0; }
article.node--type-activite > h2 {
  margin-bottom: 1rem; }
  article.node--type-activite > h2:before {
    content: "Activité: "; }
article.node--type-activite-semestr {
    /*
    &.complet-public {
      > h2 {
        display: none; // Idem au h1: cacher
      }

      .views-element-container {
        margin-top: 0;
      }

      .annulee {
        color: red;
        font-weight: bold;

        ~ .views-element-container  {
          display: none;
        }
      }

      .field--name-field-annulee {
        color: red;
        font-weight: bold;
      }

      .content {
        padding: 0;

        .field--name-body  {
          clear: both;
          font-size: 1.1rem;
          margin: 1rem 0;
          padding: 0.6rem;
          background-color: color(vert-tres-pale);
          border: 1px solid #000;
        }
      }
    }
*/ }
  article.node--type-activite-semestr > h2:before {
    content: "Activité semestre : "; }
  article.node--type-activite-semestr .content {
    padding-top: 0; }
article.node--type-nouvelle.node--view-mode-complet-public {
  color: #2C56A0;
  background-color: white;
  border: 1px solid #41983a;
  border-radius: 6px; }
  article.node--type-nouvelle.node--view-mode-complet-public div.images-container {
    float: left;
    padding: 0 2rem 2rem 0; }
  article.node--type-nouvelle.node--view-mode-complet-public div.field--name-body {
    font-size: 1.25rem;
    padding: 1rem; }
article.node--type-nouvelle.node--view-mode-accueil {
  background-color: #f2f2f2;
  font-size: 1rem; }
  article.node--type-nouvelle.node--view-mode-accueil .text-formatted > p:first-child {
    color: #282828;
    font-size: 0.75rem;
    margin-bottom: 0.5rem; }
  article.node--type-nouvelle.node--view-mode-accueil div.images-container {
    float: left;
    padding: 0 2rem 2rem 0; }
  article.node--type-nouvelle.node--view-mode-accueil div.field--name-body {
    font-size: 1.25rem;
    padding: 1rem; }
article.node--type-infolettre h2 {
  display: none; }

article.node--type-infolettre .field--name-body tr:nth-child(even) td,
.view.infolettres .corps tr:nth-child(even) td {
  background-color: inherit;
  border-right: none; }
article.node--type-infolettre .field--name-body table,
.view.infolettres .corps table {
  margin: 0; }
article.node--type-infolettre .field--name-body #bodyCell,
.view.infolettres .corps #bodyCell {
  background-color: transparent; }
article.node--type-infolettre .field--name-body #templateHeader,
.view.infolettres .corps #templateHeader {
  background-color: transparent;
  padding: 0;
  border: 0; }
article.node--type-infolettre .field--name-body .mcnTextBlockInner,
.view.infolettres .corps .mcnTextBlockInner {
  background-color: transparent;
  padding: 0;
  border: 0; }
article.node--type-infolettre .field--name-body .mcnTextContent,
.view.infolettres .corps .mcnTextContent {
  background-color: transparent;
  padding: 0;
  border: 0; }
article.node--type-infolettre .field--name-body #bodyCell,
.view.infolettres .corps #bodyCell {
  border: 0; }
article.node--type-infolettre .field--name-body table.mcnTextBlock,
article.node--type-infolettre .field--name-body table.mcnTextContentContainer,
.view.infolettres .corps table.mcnTextBlock,
.view.infolettres .corps table.mcnTextContentContainer {
  margin: 0; }

form.campaigns tbody tr:nth-child(even) td:not(.action) {
  background-color: #e5f3d0;
  border-right: 1px solid white; }
form.campaigns td.action {
  width: 2rem;
  padding: 0.25rem 0.5rem 0 0; }

.view-activites-semestre.fiches {
  margin-top: 3rem;
  clear: both;
  border: 0;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 1rem; }
  .view-activites-semestre.fiches article {
    min-height: 9rem; }
  .view-activites-semestre.fiches h1 {
    color: #2d9f9d;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto 1.5rem auto;
    text-align: center; }
  .view-activites-semestre.fiches article {
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    width: 21.5rem;
    min-height: 10rem; }
    .view-activites-semestre.fiches article > h2 {
      font-size: 1.25rem;
      text-align: center;
      margin-top: 0.5rem; }
      .view-activites-semestre.fiches article > h2 a {
        font-weight: bold; }
    .view-activites-semestre.fiches article .field--name-field-annulee {
      color: red;
      font-weight: bold; }
    .view-activites-semestre.fiches article .views-element-container {
      width: 100%;
      box-sizing: border-box;
      border: 0;
      padding: 0;
      margin: 0.5rem 0 0 0; }
      .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub {
        box-sizing: border-box;
        width: 26rem; }
        .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes {
          margin-bottom: 1rem; }
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes:last-child {
            margin-bottom: 0; }
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes .icon {
            margin-right: 0.5rem; }
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes .hres,
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes .dates,
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes .jr-sem,
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes .endroit {
            width: auto; }
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes.annulee- .txt-annulee, .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes.annulee-0 .txt-annulee {
            display: none; }
          .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes.annulee-1 {
            color: red; }
            .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes.annulee-1 > span,
            .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes.annulee-1 > div:not(:first-child) {
              text-decoration: line-through; }
            .view-activites-semestre.fiches article .views-element-container .eva-de-act-smstr-pub .lignes.annulee-1 span.txt-annulee {
              text-decoration: none; }

.fiche.act-smstr {
  margin: 1rem; }

body.path-fiches-activite .isotope-triggers {
  margin: 0 0 0 -1rem; }
  body.path-fiches-activite .isotope-triggers ul.filter {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    body.path-fiches-activite .isotope-triggers ul.filter li {
      display: inline-block;
      width: 19%; }
      body.path-fiches-activite .isotope-triggers ul.filter li a {
        width: 100%;
        text-decoration: none;
        font-size: 1.25rem;
        border: 0;
        margin: 0; }

body.path-fiches-activite .isotope-triggers ul.filter li {
  width: 18%; }

body.path-fiches-evasion .isotope-triggers ul.filter li {
  width: 23.5%; }

body.path-activite-unique .region-content .views-element-container {
  border: 0; }
body.path-activite-unique article.complet-public .field--name-body {
  font-size: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 3px solid #b2d118; }

body.path-endroit .view article {
  width: auto; }

article.endroit {
  width: auto; }
  article.endroit .field--name-field-adresse {
    display: inline-block; }
  article.endroit .gmap img {
    padding-bottom: 1rem; }

form#fadoqsj-annulations table {
  width: 47rem; }
  form#fadoqsj-annulations table .glyph {
    width: 4rem;
    padding-left: 0.5rem;
    padding-right: 0; }
    form#fadoqsj-annulations table .glyph a:last-child {
      margin-left: 0.5rem; }
    form#fadoqsj-annulations table .glyph a:add {
      margin-left: 0.5rem; }
  form#fadoqsj-annulations table .date {
    width: 12rem; }
  form#fadoqsj-annulations table .raison {
    width: auto; }

form#fadoqsj-substitutions table {
  min-width: 67rem; }
  form#fadoqsj-substitutions table .glyph {
    width: 4rem;
    padding-left: 0.5rem;
    padding-right: 0; }
    form#fadoqsj-substitutions table .glyph a:last-child {
      margin-left: 0.5rem; }
    form#fadoqsj-substitutions table .glyph a:add {
      margin-left: 0.5rem; }
  form#fadoqsj-substitutions table .date {
    width: 11rem; }
  form#fadoqsj-substitutions table .heures {
    width: 7rem; }
  form#fadoqsj-substitutions table .endroit {
    width: 16rem; }
  form#fadoqsj-substitutions table .raison {
    width: auto; }

form.reglages label {
  display: inline-block; }
form.reglages a.button {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  padding: 6px 12px; }
  form.reglages a.button:hover, form.reglages a.button:focus {
    color: #000;
    background-color: #449d44 !important;
    border-color: #398439; }
form.reglages #edit-annee-debut-saison-courante {
  width: 4rem; }
form.reglages #edit-cot-montant-non-res,
form.reglages #edit-cot-montant-res {
  width: 4rem; }
form.reglages #edit-anniv-formset #edit-anniv-no-bloc-souhaits {
  width: 3rem; }
form.reglages #edit-anniv-formset #edit-anniv-auj-date-maj {
  width: 9rem; }

/* Form Role des personnes */
form#fadoqsj-roles-personnes .titre-bv {
  font-weight: bold; }
form#fadoqsj-roles-personnes .titre-bv,
form#fadoqsj-roles-personnes #edit-checks-bv {
  margin-left: 3rem; }

/* Liens version imprimantes */
.pre_links {
  display: none; }

a.export-link {
  background-color: transparent;
  margin: 0;
  padding: 0;
  padding-right: 1rem;
  float: right; }

img.csv-icon {
  margin-top: 8px; }

footer {
  clear: both; }
  footer .block {
    clear: both; }
  footer .footer {
    font-size: 0.82rem;
    padding: 1rem; }
    footer .footer .footer-first {
      padding: 1rem 0; }

/* Détails de fiche de période */
article.node--type-periode.node--view-mode-fiche-activite-periode,
article.node--type-periode.node--view-mode-fiche-evasion-periode {
  padding: 0;
  border: 0;
  font-size: 1.1764rem; }
  article.node--type-periode.node--view-mode-fiche-activite-periode header,
  article.node--type-periode.node--view-mode-fiche-evasion-periode header {
    display: none;
    padding: 0; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .annulee,
  article.node--type-periode.node--view-mode-fiche-activite-periode .en-cours,
  article.node--type-periode.node--view-mode-fiche-activite-periode .complet,
  article.node--type-periode.node--view-mode-fiche-activite-periode .termine,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .annulee,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .en-cours,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .complet,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .termine {
    color: red;
    font-size: 1.5rem;
    font-weight: bold; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-field-type-activite {
    float: left;
    width: 100%;
    color: white;
    padding: 1rem 2rem;
    margin: 0;
    font-size: 1.5rem; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-field-photo-act,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-field-photo-act {
    float: left;
    margin: 0 0.5% 1rem 0; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-body,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-body {
    float: left;
    margin: 0 0.5% !important;
    padding: 0 1rem; }
    article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-body > p:first-child,
    article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-body > p:first-child {
      margin-top: 0 !important;
      padding-top: 1rem  !important; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-field-date-hre,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-field-date-hre {
    clear: both; }
    article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-field-date-hre .annulations,
    article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-field-date-hre .annulations {
      margin-top: 1rem; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-field-dates-hres-dep-ret,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-field-dates-hres-dep-ret {
    clear: both;
    position: relative; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .field--name-field-cout .carte-req,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .field--name-field-cout .carte-req {
    font-weight: bold; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-128 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-128 .field--name-field-type-activite {
    background-color: #00A1CB; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-130 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-130 .field--name-field-type-activite {
    background-color: #DB2726; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-131 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-131 .field--name-field-type-activite {
    background-color: #00A651; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-127 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-127 .field--name-field-type-activite {
    background-color: #F47A1F; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-167 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-167 .field--name-field-type-activite {
    background-color: #1E6EFE; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-133 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-133 .field--name-field-type-activite {
    background-color: #3a4fa0; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-132 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-132 .field--name-field-type-activite {
    background-color: #CAAD5F; }
  article.node--type-periode.node--view-mode-fiche-activite-periode .type-act-134 .field--name-field-type-activite,
  article.node--type-periode.node--view-mode-fiche-evasion-periode .type-act-134 .field--name-field-type-activite {
    background-color: #92294C; }

.region-footer-bottom {
  background-color: #051F37; }

.footer-bottom {
  overflow: hidden;
  clear: both; }
  .footer-bottom .footer-bottom__container {
    padding-top: 1rem;
    padding-bottom: 0; }
    .footer-bottom .footer-bottom__container #block-fadoqsjtop-pieddepagetexte {
      width: 60%;
      padding-bottom: 0; }
      .footer-bottom .footer-bottom__container #block-fadoqsjtop-pieddepagetexte .footer-texte .row {
        padding: 0.5rem 2rem;
        background-color: #051F37; }
        .footer-bottom .footer-bottom__container #block-fadoqsjtop-pieddepagetexte .footer-texte .row p,
        .footer-bottom .footer-bottom__container #block-fadoqsjtop-pieddepagetexte .footer-texte .row span,
        .footer-bottom .footer-bottom__container #block-fadoqsjtop-pieddepagetexte .footer-texte .row a {
          color: white;
          font-size: 0.6675rem; }
        .footer-bottom .footer-bottom__container #block-fadoqsjtop-pieddepagetexte .footer-texte .row p {
          padding: 0;
          margin: 0; }
        .footer-bottom .footer-bottom__container #block-fadoqsjtop-pieddepagetexte .footer-texte .row .sz {
          font-size: 0.6675rem;
          color: white;
          opacity: 0.25; }
    .footer-bottom .footer-bottom__container #block-pieddepage {
      width: 35%;
      padding: 0;
      display: inline; }
      .footer-bottom .footer-bottom__container #block-pieddepage ul li a {
        font-size: 0.6675rem;
        padding: 0;
        border: 0;
        opacity: 0.25; }
        .footer-bottom .footer-bottom__container #block-pieddepage ul li a:hover {
          color: white !important;
          opacity: 1.0 !important; }

/* User login form */
#user-login-form {
  background-color: #f2f2f2;
  border: 1px solid #41983a !important;
  width: 23rem;
  margin: 1rem auto;
  padding: 1rem; }
  #user-login-form label {
    margin-top: 1rem;
    font-size: 1rem;
    display: inline; }
  #user-login-form fieldset legend {
    display: none; }
  #user-login-form .form-item-name {
    padding: 0; }
  #user-login-form input[type=text],
  #user-login-form input[type=password] {
    font-size: 1.25rem;
    margin-top: 0;
    width: 20rem; }
  #user-login-form .avis {
    font-weight: bold;
    color: red; }
  #user-login-form .login-title {
    display: none; }
  #user-login-form #capslockdiv {
    display: none; }
  #user-login-form #edit-password-grouping {
    border: 0;
    padding: 0; }
  #user-login-form .form-type-password {
    padding: 0;
    margin-bottom: 0; }
  #user-login-form #edit-actions {
    width: 9rem;
    padding: 0;
    margin: 0 auto; }
    #user-login-form #edit-actions input {
      width: 9rem; }
  #user-login-form .form-item-simple-password-reveal-checkbox {
    margin-top: 0; }

/* User delete form */
#user-cancel-form #nodes-del {
  margin-top: 1rem;
  font-weight: bold; }

#adh-renouv.container {
  font-size: 1.25rem;
  width: 100%; }
  #adh-renouv.container ul {
    list-style-type: "\2713 ";
    list-style-position: outside; }
    #adh-renouv.container ul li {
      padding-left: 2rem;
      padding-bottom: 1rem; }
  #adh-renouv.container div.row > div.col-md-6 {
    margin-bottom: 2%; }
    #adh-renouv.container div.row > div.col-md-6 .inner {
      padding: 0; }
      #adh-renouv.container div.row > div.col-md-6 .inner > * {
        margin: 1rem 1rem 0 1rem; }
      #adh-renouv.container div.row > div.col-md-6 .inner table {
        margin-left: 0;
        margin-right: 0; }
        #adh-renouv.container div.row > div.col-md-6 .inner table td {
          border-left: 0;
          border-right: 0; }
  #adh-renouv.container h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
    color: #2C56A0; }
    #adh-renouv.container h3.meth-paie {
      margin-top: 0; }
  #adh-renouv.container .ligne {
    width: 100%;
    border-bottom: 4px solid white; }
    #adh-renouv.container .ligne div {
      display: inline;
      padding: 1rem; }
  #adh-renouv.container .gauche {
    width: 20%;
    color: white;
    background-color: #2C56A0;
    text-align: center; }
    #adh-renouv.container .gauche img {
      width: 43px;
      height: auto;
      margin: 0.66rem auto;
      display: inline-block;
      vertical-align: middle; }
    #adh-renouv.container .gauche h5 {
      margin-bottom: 0;
      font-size: 1.25rem; }
  #adh-renouv.container .droite {
    width: 80%;
    color: #2C56A0;
    background: white;
    border: 1px solid #41983a;
    border-left: 0; }

#nous-joindre .container {
  width: 100%; }
#nous-joindre table {
  border: 1px solid #41983a; }
#nous-joindre caption {
  background-color: white;
  color: #2C56A0;
  border-top: 3px solid #41983a;
  border-bottom: 3px solid #41983a;
  border-left: 1px solid #41983a;
  border-right: 1px solid #41983a;
  font-size: 1.2vw;
  font-weight: bold;
  font-style: italic;
  padding-left: 1rem; }
#nous-joindre .message {
  color: #2C56A0;
  background-color: white;
  border: 1px solid #41983a;
  border-radius: 6px; }
  #nous-joindre .message.important {
    border: 3px solid red; }
#nous-joindre .important {
  color: red; }
#nous-joindre .icone {
  width: 15%;
  color: white;
  background-color: #2C56A0;
  text-align: center; }
  #nous-joindre .icone img {
    width: 43px;
    height: auto;
    margin: 0.66rem auto;
    display: inline-block;
    vertical-align: middle; }
  #nous-joindre .icone h5 {
    margin-bottom: 0;
    font-size: 1vw; }
#nous-joindre tr td {
  font-size: 1.15vw;
  border-bottom: 1px solid #41983a;
  background-color: white;
  color: #2C56A0;
  padding: 0.5rem 1.2vw; }
  #nous-joindre tr td:last-child {
    border-left: 1px solid #41983a; }

#cacher-email-avant:before {
  content: "info"; }

#cacher-email-apres:after {
  content: "\0040 clubfadoqsaintejulie.org"; }

.dpprint a.dpprint-link.btn {
  font-size: 2rem;
  padding: 0;
  margin-right: 0.5rem;
  color: #2C56A0;
  background-color: transparent; }

/* Impression dans même fenetre */
body.print-same .region-system-messages,
body.print-same .header-container,
body.print-same .view-filters,
body.print-same .vbo-view-form #edit-header,
body.print-same .footer-bottom {
  display: none; }

@media only print {
  a[href]:after {
    content: none !important; }

  .header-container,
  .footer-bottom {
    display: none; }

  .col-print-1 {
    width: 8%;
    max-width: 8%;
    flex: 0 0 8%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-2 {
    width: 17%;
    max-width: 17%;
    flex: 0 0 17%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-4 {
    width: 33%;
    max-width: 33%;
    flex: 0 0 33%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-5 {
    width: 42%;
    max-width: 42%;
    flex: 0 0 42%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-7 {
    width: 58%;
    max-width: 58%;
    flex: 0 0 58%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-8 {
    width: 67%;
    max-width: 67%;
    flex: 0 0 67%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-10 {
    width: 83%;
    max-width: 83%;
    flex: 0 0 83%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-11 {
    width: 92%;
    max-width: 92%;
    flex: 0 0 92%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }

  .col-print-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; } }
@page {
  size: auto;
  /* auto is the initial value */
  margin: 0;
  /* this affects the margin in the printer settings */ }

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