body {
    font-family: Lato;
}

p {
    text-indent: 20px;
}

#content {
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
    box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
}


.lien-menu {
    /*text-decoration: none;*/
    text-decoration-style: dotted;
    text-decoration-color: #AAA;
    text-decoration-thickness: 3px;
    font-family: ChunkFive;
    /*font-family: UrbanistExtraBold;*/
    font-size: 150%;
    /*color: #CE1719;*/
    color: white;
}
.lien-menu:hover {
    color: black;
}

.menu-mobile {
    color: black;
}

.btn-mensuel-inline {
    background-color: rgba(250, 250, 250, .4);
    border: none;
}

.menu {
    background-color:  #CE1719;
    border-radius: 5px;
    padding: 10px;
    max-width: 230px;
}

#btn-mensuel-menu {
    background-color: #CE1719;
    color: white;
    border-color: #DDD;
    border-radius: 7px;
    display: block;
    padding: 10px;
    text-decoration: none;
    width: 60px;
}

#btn-mensuel-menu img { /* svg on an img tag */
  -webkit-filter: invert(1); /* safari 6.0 - 9.0 */
          filter: invert(1);
}

.mensuel-wrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 60px;
}

.mensuel {
    position: relative;
}

.bg-image {
    opacity: 0.3;
    position: absolute;
    top: -800px;
}

.mensuel-numero {
    background-color: rgba(206, 23, 25, .9);
    margin: 5px;
    color: white;
    font-weight: bold;
    font-size: 150%;
    border-radius: 3px;
    padding-right: 10px;
}

.mensuel-serie {
    color: #DDD;
    font-weight: normal;
}

.mensuel-left {
    padding: 0px;
}
.mensuel-right {
    padding-bottom: 20px;
    padding-right: 0px;
}


.mensuel-bottom {
    background-color: #CE1719;
    color: white;
    font-weight: bold;
    min-height: 10px;
}

.mensuel-sommaire {
    background-color: rgba(0, 0, 0, .7);
    font-weight: bold;
    padding: 2px;
    padding-top: 10px;
    margin: 2px;
    font-size: 120%;
    border-radius: 3px;
}

#au-sommaire-title {
    margin-left: 10px;
}

.mensuel-sommaire-list {
    list-style-type: square;
    color: #CE1719;
}

.mensuel-btns {
    margin-right: 10px;
    margin-top: auto;
}

.mensuel-btn {
    background-color: #CE1719;
    padding: 15px;
    margin: 15px;
    margin-left: 40px;
    border-radius: 10px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    border: solid #AAA 1px;
}
.mensuel-btn:hover, .mensuel-btn:active {
    color: white;
    text-decoration: none;
    background-color: #222;
}

.lien-mensuel {
    /*color: #E8DF05;*/
    color: #F8EF15;
    text-decoration: none;
}

.lien-mensuel:hover, .lien-mensuel:active {
    color: white;
    text-decoration: none;
}

.lien {
    color: #CE1719;
    text-decoration: none;
}

.lien:hover, .lien:active {
    color: black;
    text-decoration: none;
    background-color: white;
}

.titre {
    font-size: 130%;
    /*font-family: ChunkFive;*/
}

.archive-row {
    /*border-bottom: solid #AAA 1px;*/
    margin-bottom: 10px;
}
#article-next li {
    background-color: rgba(206, 23, 25, .9);
    padding: 10px;
    list-style-type: none;
    font-weight: bold;
}

#sommaire {
    font-size: 120%;
}

#au-sommaire {
    background-color: rgba(206, 23, 25, .9);
    padding:10px;
    text-align: center;
}
.sommaire-list {
    /*border-left: dotted rgba(206, 23, 25, .9) 3px;*/
    /*border-right: dotted rgba(206, 23, 25, .9) 3px;*/
    background-color: #888;
    border-radius: 3px;
    list-style-type: none;
    padding-top: 20px;
    padding: 10px;
}
.sommaire-article {
    margin-left: 5px;
    margin-bottom: 20px;
    font-weight: bold;
}
.article-current a{
    color: #DDD;
}
.toggle-sommaire {
    text-align:center;
}

.corps p strong {
    background-color: rgba(206, 23, 25, .9);
    margin: 5px;
    color: white;
    /*font-weight: bold;
    font-size: 150%;*/
    font-size: 170%;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
}

.corps h2 {
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: solid rgba(206, 23, 25, .9) 5px;
    font-size: 170%;
}

.sdfootnoteanc {
    color: #CE1719;
    text-decoration: none;
    font-weight: bold;
    position:relative;
    top: -5px;
} 
.sdfootnoteanc:hover, .sdfootnoteanc:active {
    color: black;
    text-decoration: none;
    background-color: white;
    border: none;
}


.sdfootnotesym {
    color: #CE1719;
    text-decoration: none;
    margin-right: 10px;
} 
.sdfootnotesym:hover, .sdfootnotesym:active {
    color: black;
    text-decoration: none;
    background-color: white;
    border: none;
}

.pagination li {
    display:inline-block;
    padding:5px;
}

.page {
    padding: 15px;
    margin: 15px;
    border-radius: 10px;
    text-decoration: none;
    color: black;
    font-weight: bold;
    border: solid #AAA 1px;
}
.page:hover, .page:active {
    color: white;
    text-decoration: none;
    background-color: #222;
}
.pagination li.active {
    opacity: 0.3;
}
.pagination li.active .page {
    background-color: #222;
    color: white;
}
.pagination li.disabled {
    /*visibility: hidden;*/
    pointer-events:none;
}


footer {
	background-color: #ce1719;
    margin-top: 0px;
    min-height: 30px;
    margin-bottom: 0px;
    color: black;
    padding-bottom: 10px;
}

footer a {
    color: white;
    text-decoration: none;
}
footer a:hover {
    color: black;
    text-decoration: none;
}

div.fixed {
    position: fixed;
    bottom: 150;
    right: 10;
    width: 300px;
}