@font-face {
    font-family: "Helvetica";
    src: url(font/helvetica-normal-58f9b2fa246fd.ttf);
}

@font-face {
    font-family: "Helvetica Bold";
    src: url(font/helvetica-75-bold-58f9b827723c4.ttf);
}

html{ height: 100%; }
* { -moz-box-sizing: border-box; box-sizing: border-box; }
body{ position: relative;  height: 100%;  background-color: #dd0028; }
a{ text-decoration: none; }

#wrap{
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

#main{
    position: relative;
    flex-grow: 1;
}

/*Header*/
#logo {
    width: 75%;
    display: block;
    margin: 25px auto auto;
}

/*Contenu*/
#G {
    position: fixed;
    z-index: -9999;
    left: -25%;
    width: 160%;
    top: 20%;
}

/*Bouton rechercher*/
h2{
    color: white;
    font-size: 3.5vw;
    text-align: center;
    margin-top: 40px;
    font-family: "Helvetica",sans-serif;
}

#action{
    font-size: 9pt;
    padding: 4% 7px;
    width: 80%;
    display: block;
    margin: auto auto 25px;
}
/*Bouton reference*/
#reference{
    height: 46px;
    font-size: 0.750em;
    padding-left: 3px;
    width: 80%;
    display: block;
    margin: auto auto 25px;
}

#search-btn{
    height: 46px;
    color: white;
    background-color: #71aa2d;
    box-sizing: border-box;
    border: none;
    position: absolute;
    right: 10%;
}

#search-btn:hover{
    background-color: #5a8b20;
}


/*Firefox*/
@-moz-document url-prefix() {#search{
    padding: 19px 7px;
}}

/*Boutons annexes*/
h3{
    color: white;
    font-family: "Helvetica", sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 0.813em;
}

.content{
    text-align: center;
    background-color: white;
    width: 270px;
    margin: auto auto 24px;
}

.content a {
    color: #dd0028;
    font-family: "Helvetica Bold", sans-serif;
    font-size: 0.813em;
    line-height: 3.3;
}

.fleche{
    margin-top: 4px;
    float: left;
    margin-left: 10px;
}

/*tablette*/
@media screen and (min-width: 640px) {
    .tablette{
        display: inline-block;
        padding: 7px;
    }

    .fleche{
        margin-top: 8px;
    }

    #main{
        text-align: center;
        padding: 50px;
    }

    .content{
        width: 310px;
    }
    .content a{
        font-size: 12pt;
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    #search-btn {
        right: 10%;
    }
}

/*Footer*/
#footer > p{
    color: white;
    font-family: "Helvetica", sans-serif;
    font-size: 3.5vw;
    text-align: center;
    margin-bottom: 5.5%;
    position: absolute;
    right: 10px;
    left:10px;
    bottom: 0;
}

@-moz-document url-prefix(){#footer > p{
    margin-bottom: 2.5%;
}}

#footer > p >  a {
    color: white;
    text-decoration: none;
    font-family: "Helvetica Bold", sans-serif;
}

.footer {
    width: 100%;
    margin-bottom: -5px;
}