@font-face {
    font-family: 'Charlotte Book PR';
    src: url('../../../fonts/charlottebookplain-webfont.eot');
    src: url('../../../fonts/charlottebookplain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/charlottebookplain-webfont.woff2') format('woff2'),
         url('../../../fonts/charlottebookplain-webfont.woff') format('woff'),
         url('../../../fonts/charlottebookplain-webfont.ttf') format('truetype'),
         url('../../../fonts/charlottebookplain-webfont.svg#charlotte_book_plainregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Charlotte Book PR;
}

#header {
    margin-bottom: 0px;
}
#header .menu {
    margin-top: 30px;
}

#footer .titre {
    font-family: Charlotte Book PR;
    color: #333;
    font-size: 16pt;
    text-align: center;
}
#footer .info {
    margin-top: 10px;
    font-family: Verdana;
    color: #333;
    font-size: 8pt;
    text-align: center;
}
#footer .social {
    margin-top: 10px;
    text-align: center;
}
#footer .social a {
    text-decoration: none;
}



/* #1280
================================================== */

    /* Note: Design for a width of 1280 */

    @media only screen and (min-width: 1280px) {
        #header .menu {
            margin-top: 45px;
        }
    }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #header .menu {
            margin-top: 15px;
        }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        #header .menu {
            margin-top: 20px;
        }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #header .menu {
            margin-top: 20px;
        }
    }