h3 {
    padding-left: 1%;
}

.titre{
    font-family: 'Oswald', sans-serif;
}

.contenu{
    font-family: 'Lato', sans-serif;
}

.btn-blog {
    color: #ffffff;
    background-color: #2568ed;
    border-color: #434547;
    border-radius:0;
    margin-bottom:10px
}
.btn-blog:hover,
.btn-blog:focus,
.btn-blog:active,
.btn-blog.active,
.open .dropdown-toggle.btn-blog {
    color: white;
    background-color:#34ca78;
    border-color: #34ca78;
}
 
.h2-jumb{
    color:#e0e0e0;
}
 .margin10{
    margin-bottom:10px;
    margin-right:10px;
}

.ul.blog{
    margin-top: 3px;
    text-align: center;
    display: absolute;
}

 .li-blog{
    height : 5%;
    width : 70%; 
    padding: 10px;
    color: #212121;
    background-color: #adaaa9;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: 15%;
    margin-right: 15%;
    list-style-position:inside;
 }

.padded {
    padding: 3px 0 0 0;
    text-align: center;
}

#bloc{
    padding: 0;
    width: 90%;
    height: 100%;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 2%;
    background-color: white;
    display: absolute;
}

.jumbotron {
 height: 180px;
 color: white;
 text-shadow: black 0.3em 0.3em 0.3em;
 background:transparent;
}

.div-centre{
    margin: auto;
    text-align: center;
    margin-left: 5%;
    margin-right:5%;
}



hr.noice {
    border: 0;
    margin: auto;
    height: 55px;
    width: 600px;
    background-image: url(/statics/images/hr.png);
    background-repeat: no-repeat;
    display: relative;
}