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

h1 {
  font-size: 2.0em;
  color: #2b3155;
  margin-bottom: 50px;
  padding: 5px 10px;
  background: #ade7ff;
}

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

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

.colonne-gauche img{
  margin: 20px auto;
}

.colonne-gauche h2 {
    display: block;
    text-align: center;
    margin: 50px auto;
    padding: 5px;
    font-size: 1.1rem;
    background: #ade7ff;
    max-width: 120px;
    border-radius: 3px;
    box-shadow: 3px 3px 7px #2b3155;
}

.article-full-image {
  margin-top: 50px;
}

.item-page .bouton {
  float: left;
  display: inline-block;
  margin: 50px 100px;
}

.gazette-accueil, .tribune-accueil {
  float: left;
}

.gazette-accueil span, .tribune-accueil span {
  margin-right: 10px;
}

.boutons-gazette-tribune {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.boutons-gazette-tribune a {
  margin: 3rem;
}

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

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

.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;
}

/* 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;
    }
}