/* ==========================================================================
    custom styles
   ========================================================================== */
body {
    padding-top: 80px;
    padding-bottom: 20px;
    background: url('./../img/background.jpg') fixed;
    font-size: 18px;
    font-family:'Lato',arial,sans-serif;
    color: #0D64AB;
}

.navbar{
    background-image: linear-gradient(to bottom, #DEBB27, #DEBB27);
    color: white;
    border-bottom: #AB901E 3px solid;
}

.navbar .navbar-brand{
    font-family: "Lobster",cursive;
    color: white;
    font-size: 25px;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
    color: white;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #E8D069;
}

h1, h2{
    font-family: "Lobster",cursive;
    color: black;
}

h1{
    font-size: 50px;
}

h3{
    color: black;
    text-decoration: underline;
}

.cahier .titled p{
    font-size: 20px;
    font-style: italic;
    line-height: 150%;
}

.cahier{
    background: url('./../img/lines.png');
    padding: 10px;
    padding-left: 40px;
    padding-right: 40px;
    border: 8px solid #DEBB27;
    border-radius: 15px;
    box-shadow: 0px 0px 8px #888888;
}

.cahier p, li{
    line-height: 220%;
    font-size: 20px;
}

.cahier strong{
    color: green;
}

.cahier a{
    color: orange;
    text-decoration: underline;
}

.footer{
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}