body {
    padding-top: 50px;
    padding-bottom: 60px;
    background-color: #FFFFE6;
    background-image: none!important;
    font-family: "Segoe UI", helvetica, sans-serif;
}

/*#############################################################
########################## Contenu ############################
#############################################################*/
.contenu {
    padding: 20px 15px 0 15px;
    margin: 0 auto;
    text-align: justify;
    border: 2px solid #A30000;
    background: #fff;
    text-decoration: none;
}

.contenu h2 {
    line-height: 25px;
    font-size: 20px;
    color: #A30000;
    border-bottom: 1px solid #A30000;
}

.contenu h4 {
    color: #333;
}

.contenu p {
    text-align: justify;
    line-height: 1.7em;
    margin: 5px;
}

.deux {
    margin-left: 20px;
}

.noCur {
    text-decoration: none;
    color: #333;
}

.noCur:hover {
    color: #A30000;
}

.cur {
    text-decoration: none;
    color: #A30000;
}

.cur:hover {
    color: #333;
}

/*Iceland, "Trebuchet MS"*/
#texte p {
    font-size: 16px !important;
}

.texte p {
    font-size: 16px !important;
}

/*#############################################################
######################### Signature ###########################
#############################################################*/
#maSignature p {
    margin: 0;
    line-height: 30px;
    text-align: right;
    font-size: 10px;
    color: #A30000;
}

/*#############################################################
########################## citation ###########################
#############################################################*/
blockquote {
    font-family: Georgia, serif;
    font-size: 16px;
    font-style: italic;
    margin: 1em 1em;
    padding: 0.25em 0 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: 0;
    top: -20px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}

/*#############################################################
########################## Table ##############################
#############################################################*/
.ligne {
    margin-top: 2em;
}

#tableAgenda {
    margin-top: 2em;
}

#tableMusique {
    margin-top: 1em;
}

/*#############################################################
########################### Images ############################
#############################################################*/
#piano {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    margin-bottom: 1em;
}

#tableau {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

#tableau1 {
    margin: auto;
    width: 80%;
}

#portrait {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

/*#############################################################
########################### cache #############################
#############################################################*/
.cache {
    display: none;
}

/*#############################################################
########################### titre #############################
#############################################################*/
.navbar-brand {
    /* font-family: Iceland, serif !important; */
    /* font-size: 3em !important; */
    font: normal normal normal 3em Iceland !important;
    color: #A30000 !important;
    float: none !important;
}

.navbar-nav {
    font-size: 10px;
}

@font-face {
    font-family: 'Iceland';
    font-style: normal;
    font-weight: 400;
    src: local('Iceland'), local('Iceland-Regular'),
    url(http://themes.googleusercontent.com/static/fonts/iceland/v3/F6LYTZLHrG9BNYXRjU7RSw.woff) format('woff');
}

@media (max-width: 1200px) {
    #portrait {
        margin-top: 0;
    }

    .ligne {
        margin-top: 0;
        margin-bottom: 1em;
    }

    #tableau1 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #tableau {
        width: 70%;
    }

    #piano {
        width: 100%;
    }
}

@media (max-width: 400px) {
    #portrait {
        width: 60%;
    }
}