@font-face {
    font-family: 'mtth';
    src: url('fonts/mtth03.eot');
    src: url('fonts/mtth03.eot?#iefix') format('embedded-opentype'),
         url('fonts/mtth03.woff2') format('woff2'),
         url('fonts/mtth03.woff') format('woff'),
         url('fonts/mtth03.ttf')  format('truetype'),
         url('fonts/mtth03.svg#mtth02') format('svg');
}

.flexRow
{
   width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: stretch;
    align-content: stretch;
}

.flexCol
{
    
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    align-items: stretch;
    justify-content: space-between;
    flex-shrink: 1;
}
.accueil .flexCol
{
margin: 20px auto;
}
.accueil .flexCol > div
{
    width: 45%;
}

html,
body
{
    font-family: 'mtth';
    margin: 0px;
    height: 100%;
    width: 100%;
}
body
{    
    background-color: #fff;
    color: #000;
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: stretch;
    font-size: 1.4em;
}

a {
    color:#000;
    text-decoration: underline;
    
}

#siteContainer
{
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 5px #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: stretch;
}

header,
footer
{width: 800px;}

header,
main,
footer
{
    /* background-color: rgba(255,255,255,0.8); */
    color:#000;
    /* width: 800px; */
    /* max-width: 800px; */
    margin: 0px auto;
}
header
{
    padding: 10px 0px;
    height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
header nav a
{
    text-decoration: none;
    padding: 0px 10px;
}
    #linkHome
    {}
    #linkHome img
    {height: 30px;}
main
{
    flex-grow: 2;
    background-image:url('../img/sign_logo_for_web_blk.png');
    /* background-image:url('../img/sign_logo_for_web_blc.png'); */
    background-position: center,center;
    background-size: contain;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    text-align: center;
}
footer
{
     height: 30px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     justify-content: center;
     align-items: stretch;
     text-align: right;
}

@media screen and (max-width: 980px)
{
    header,
    main,
    footer
    {
        /* background-color: rgba(255,255,255,0.8); */
        color:#000;
        width: 90%;
        padding: 0px 5%;
        /* max-width: 800px; */
        margin: 0px auto;
    }
    header,
    footer
    {
        padding: 10px 5%;
    }
    body
    {
        font-size: 1em;
    }
}