@font-face{
    font-family: BelleAllure;
    src: url("fonts/Grundschrift-Regular.otf") format("opentype");
    font_weight: normal;
}

@font-face{
    font-family: BelleAllure;
    src: url("fonts/Grundschrift-Bold.otf") format("opentype");
    font_weight: bold;
}

@font-face{
    font-family: manjari;
    src: url("fonts/Manjari-Regular.ttf") format("truetype");
    font_weight: normal;
}

@font-face{
    font-family: manjari;
    src: url("fonts/Manjari-Bold.ttf") format("truetype");
    font_weight: bold;
}

body{
    background-color: #d9d9d9;
    background-image: url("photos/fond.jpg");
    background-size: 50%;
    background-repeat: repeat-y;
    font-family: manjari;
    color: #000080;
}

footer{
    display: block;
    position: fixed;
    bottom: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #4040ee;
    background-color: #eeeeee;
    width: 100%;
}

footer p{
    margin: 0px;
    padding: 10px;
}

footer a{
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #4040ee;
    margin-left: 10px;
    margin-right: 10px;
}

a{
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #4040ee;
}

.megatitre{
    text-align: center;
    font-family: BelleAllure;
    font-weight: bold;
    font-size: 80px;
    margin: 0px 0px 0px 0px;
}

.megasoustitre{
    text-align: center;
    font-family: BelleAllure;
    font-weight: bold;
    font-size: 50px;
    margin: 0px 0px 80px 0px;
}

photo{
    display: block;
    width: 20%;
    margin: 2.5%;
    position: relative;
    float: left;
}

photo img{
    width: 100%;
}

cadre{
    display: block;
    width: 10%;
    margin: 1.25%;
    position: relative;
    float: left;
}
cadre img{
    width: 100%;
}

cadre p{
    position: absolute;
    top: 3%;
    left: 3%;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
}

cadre a:visited{
    color: #000080;
}

cadre a:link{
    color: #000080;
}

cadreblanc{
    display: block;
    width: 10%;
    margin: 1.25%;
    position: relative;
    float: left;
}
cadreblanc img{
    width: 100%;
}

cadreblanc p{
    position: absolute;
    top: 3%;
    left: 3%;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
}

cadreblanc a:visited{
    color: #FFFFFF;
}

cadreblanc a:link{
    color: #FFFFFF;
}

presentation1{
    display: block;
    width: 75%;
    border: 2px solid #e0eeee;
    background-color: #f0ffff;
    padding: 0.5em;
    font-size: 1.5em;
    margin-bottom: 20px;
}

lettrine{
    font-size: 2em;
    font-weight: bold;
}

presentation2{
    display: block;
    width: 50%;
    padding: 0.5em;
    font-size: 1.5em;
    margin-bottom: 10px;
}

presentation3{
    display: block;
    clear: both;
    width: 100%;
    font-size: 1.25em;
    margin-bottom: 10px;
}

presentation2.color-impression{
    border: 2px solid #eeeecc;
    background-color: #ffffdd;
}
presentation3 lettrine.color-impression{
/*    color: #504030;*/
    color: #000080;
}

presentation2.color-oeuf{
    border: 2px solid #ddcccc;
    background-color: #fde9e0;
}
presentation3 lettrine.color-oeuf{
/*    color: #305050;*/
    color: #000080;
}

presentation2.color-tissage{
    border: 2px solid #eedab5;
    background-color: #ffebc6;
}
presentation3 lettrine.color-tissage{
/*    color: #504030;*/
    color: #000080;
}

presentation2.color-guirlande-feuille{
    border: 2px solid #d4eec4;
    background-color: #e5ffd5;
}
presentation3 lettrine.color-guirlande-feuille{
/*    color: #405020;*/
    color: #000080;
}

presentation2.color-collier-bois-flotte{
    border: 2px solid #edebc4;
    background-color: #fefcd5;
}
presentation3 lettrine.color-collier-bois-flotte{
/*    color: #807020;*/
    color: #000080;
}

presentation2.color-guirlande-bois{
    border: 2px solid #d0c78f;
    background-color: #e1d8a0;
}
presentation3 lettrine.color-guirlande-bois{
/*    color: #807020;*/
    color: #000080;
}

presentation2.color-feuille-brodee{
    border: 2px solid #d1df9f;
    background-color: #e2f0b0;
}
presentation3 lettrine.color-feuille-brodee{
/*    color: #405020;*/
    color: #000080;
}

presentation2.color-projet{
    border: 2px solid #e4d5e0;
    background-color: #f5e6f1;
}
presentation3 lettrine.color-projet{
/*    color: #404050;*/
    color: #000080;
}

.texte-evenement{
    font-size: x-large;
}