body {
  font-family: 'Comic Sans MS', sans-serif;
  font-size: 12pt;
  color: blue !important;
}

#sp-main-body {
  padding: 10px 0;
}

#sp-footer, #sp-bottom {
  background: #2b3155;
}

.item-page {
  color: #0000ff;
}

h1 {
  font-size: 1.7rem;
  color: #2b3155;
  padding: 5px 10px;
  background: #ade7ff;
}

h2 {
  font-size: 1.5rem;
  margin: 20px auto 30px;
}

h3 {
  font-size: 1.2rem;
}

/* CACHER LES ICONES DE MODIFICATION EN FRONTEND */

.icons {
display: none;
}

.sp-megamenu-parent > li {
    display: inline;
}

.sp-menu {
  padding: 0;
}

.sp-menu-item {
  display: inline-block;
  margin: 0 0.7em;
  padding: 5px;
  background: #ade7ff;
  border-radius: 3px;
  box-shadow:  3px 3px 7px #2b3155;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
  margin: 10px 0.7em;
    padding: 3px 10px;
    position: relative;
}

#sp-bottom3 a {
    display: block;
    max-width: 130px;
    margin: 20px auto;
}

.bas-de-page img {
  display: inline-block;
  margin: 0px 50px;
  float: left;
}

blockquote p {
    padding-left: 30px;
}

blockquote p:first-of-type {
    background: url(../images/blockquote.png) no-repeat top 5px left;
}

.item-page p {
  text-indent: 20px;
}

.info-speciale {
  border: 3px solid #f75151;
  margin: 50px 0 0;
  padding: 10px 20px;
  clear: left;
}

/* Pages */

.bouton {
    display: block;
  max-width: 300px;
    text-align: center;
    margin: 30px auto 0;
    padding: 5px;
    font-size: 1.1rem;
    background: #ade7ff;
    border-radius: 3px;
    box-shadow: 3px 3px 7px #2b3155;
}

.page-calendriers .article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 3px;
}

#sp-bottom1, #sp-bottom2, #sp-bottom3 {
    text-align: center;
}

h2.calendrier {
  text-align: center;
}

table.marche-mardi-matin, table.marche-jeudi {
  margin: 20px auto;
}

table.marche-mardi-matin tr, table.marche-jeudi tr {
  height: 50px;
}

table.marche-mardi-matin td, table.marche-jeudi td {
  text-align: center;
}

tr.entete-tableau {
  font-weight: bold;
}

td.mois {
  width: 125px;
  color: #00f;
  font: bold 1.2em 'Comic Sans MS', arial;
  text-transform: uppercase;
  border: 1px solid black;
}

td.rando {
  min-width: 120;
  max-width: 340px;
}

td.encadrants {
  width: 90px
}

td.covoiturage {
  width: 95px;
}

td.animateur {
  width: 85px;
}

td.parcours {
  width:75px;
}

td.infos {
  min-width: 95px;
  max-width: 300px;
}

td.marche-rapide {
  color: #00f;
  border: 1px solid black;
}
.info-calendrier {
  text-align: center;
  margin-bottom: 50px;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

/* Page Bureau */

.bureau h2 {
  text-align: center;
  font-size: 1.2rem;
}

.bureau h3 {
  clear: left;
  font-size: 1.5rem;
}

.bureau .photo-membre {
  float: left;
}

.bureau {
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: solid 1px #777;
}

/* Page PHOTOS */

.archives {
  max-width: 320px;
  margin: 50px auto 50px;
}

.photos h3, .archives h2 {
  text-align: center;
}

.photos img {
  margin: 20px auto 50px;
  max-width: 600px;
}

.vignettes-photographes {
  margin-top: 150px;
  padding: 0 auto;
}

.article-list .article {
    border: none;
}

.article-body {
  border: 1px solid #333;
  min-height: 380px;
}

.article-body img {
  box-shadow:  3px 3px 7px #333;
}

.type-de-sortie span {
  display: inline-block;
  float: left;
  margin-left: 100px;
}

.texte-sous-photo {
  max-width: 90%;
}

/* Page MENTIONS LEGALES */

.mentions-legales {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
}

.edition, .creation, .hebergement {
  width: 310px;
  margin-bottom: 30px;
}


@media (max-width: 1024px) {
  .mentions-legales {
    flex-direction: column;
    align-items: center;
  }
}

/* Lire la suite */

.lire-la-suite {
    text-align: right;
    margin: 0 0 15px 0;
}
.lire-la-suite a {
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #5dc4ed;
}
.lire-la-suite a:hover {
    color: #2b3155;
}


/* on reinitialise les styles Helix3 du module  */
.sp-module .latestnews > div {
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: none;
}

/* styles du titre article */
.title-jday {
    font-size: 16px;
    text-transform: uppercase;
    margin: 15px 0;
    font-weight: 600;
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}

/* styles des paragraphe et liens  */
p.intro-jday, .intro-jday a {
    margin: 0;
    line-height: 1.5em;
    font-weight: 500;
}

/* styles au survol des liens  */
.intro-jday a:hover {
    color: #000000;
}

/* BLOC IMAGE */
.image-jday {
    position: relative;
}

/* ETIQUETTE CATEGORIE */
.cat-jday {
    text-transform: uppercase;
    text-align: right;
    background: #d0453d;
    font-size: 14px;
    padding: 6px 9px;
    line-height: 1em;
    position: absolute;
    top: 15px;
    right: 0px;
    color: #ffffff;
    font-weight: 700;
}

/* BLOC IMAGE ET CATEGORIE AU SURVOL */
.news-jday * {
    transition: all ease 0.3s;
}
.image-jday img:hover {
    transform: scale(1.05);
}
.image-jday a:hover .cat-jday {
    right: -9px;
    top: 8px;
}

/* LIRE LA SUITE CUSTOM */
.link-jday {
    text-align: right;
    border-bottom: 9px solid #f9f9f9;
    margin: 0 0 15px 0;
}
.link-jday a {
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #f9c256;
}
.link-jday a:hover {
    color: #af322b;
}

a.deconnexion {
  display: block;
  color: #900;
}

/* TARTE AU CITRON */

#tarteaucitronIcon #tarteaucitronManager img {
  width: 30px !important;
  height: 30px !important;
}

@media only screen and (max-width: 600px) {
    .offcanvas-inner {
        text-align: center;
    }

    .offcanvas-inner a,
    #sp-footer ul.menu a {
        font-weight: bold;
        border: 1px solid #17a2b8;
        border-radius: .25rem;
        background: #9bc3ff;
    }

    .offcanvas-inner ul li a {
        line-height: 3em;
        margin-top: 30px;
    }

    #sp-footer ul.menu {
        text-align: center;
        margin: 0 auto 20px;
    }

    #sp-footer ul.menu li {
        margin: 10px auto;
    }

    #sp-footer ul.menu a {
        display: inline-block;
        list-style: none;
        min-width: 230px;
        padding: 1rem;
        font-size: 1rem;
        color: #565656;
    }

    #sp-footer2 span.sp-copyright {
        display: block;
        text-align: center;
    }

    .sp-scroll-up {
        right: 10px;
    }
}


.vignettes {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
}

.vignette {
  width: 320px;
  margin: 3rem 1rem;
  padding: 10px;
  border: 1px solid #dfe3e7;
  border-radius: 0.3rem;
}

.vignette h2 {
  height: 60px;
}

.vignette img {
  margin: auto;
}

.vignette-photo {
  margin: 3rem;
}

.image-sortie img {
  margin: auto auto 3rem;
  width: 600px;
}