@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,800);

.fiche-6ans-container{
    background-color: #fff;
    padding: 50px;
}

.fiche-6ans-container .title{
    font-family: bebasneue;
    text-transform: uppercase;
    color: #2765ad;
    font-size: 40px;
    margin-bottom: 18px;
    margin-top: 20px;
}

.fiche-6ans-container .sous-titre{
    font-family: bebas_neuebold;
    text-transform: uppercase;
    color: #373737;
    font-size: 21px;
    margin-bottom: 18px;
    margin-top: 0;
}

.fiche-6ans-container p{
    color: #000;
}
.fiche-6ans-container .text-container{
    margin-top: 20px;
}

/* DOWNLOAD FICHES */
.lien{
    margin: 30px 0;
}
#download-fiches {
    background-color: #d5292f;
    color: #ffffff;
    text-transform: uppercase;
    font-family: bebas_neuebold;
    padding: 7px 30px;
    font-size: 20px;
    margin: 30px 0;
}
#download-fiches:after {
    content: '';
    background: url('../img/img-autres-pages/download.png');
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    display:inline-block;
    padding-left: 20px;
    margin-left: 20px;
}

/* CONTAINER PDF */
.container-pdf {
    width: 18%;
    display: inline-block;
    border: 2px solid #e9e9e9;
    margin: 0 10px;
}
.container-pdf.last{
    margin-top: 30px;
}
.container-pdf p{
    color: #2765ad;
    font-family:bebasneue;
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 0px;
}
.container-pdf p.first{
    color: #2765ad;
    font-family:bebasneue;
    text-align: center;
    margin-top: 28px;
    margin-top: 38px\0;
    font-size: 20px;
    margin-bottom: 18px;
    margin-bottom: 0px\0;
}
.container-pdf .visu-pdf {
    overflow: hidden;
    background-color: #d5292f;
    padding: 5px 0;
    text-align: center;
    position: relative;
}
.container-pdf a {
    background-color: #d5292f;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: bebasneue;
}
.container-pdf a.download{
    text-align: left;
}
.container-pdf a.download:after{
    content: '';
    background: url('../img/img-autres-pages/download.png');
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 13px;
    display:inline-block;
    margin-left: 10px;
    padding-left: 20px;
}
.container-pdf a.eyes {
    background-color: #2765ad;
    padding: 7px 10px;
    position: absolute;
    top: 0%;
    right: 0%;
}


/* BANNIERE */
.banniere{
    margin:20px 0;
}
.banniere .img-container{
    position: relative;
}
.banniere p{
    position: absolute;
    top:20%;
    right: 15%;
    text-align: center;
    font-family:bebas_neuebold;
    color: #2765ad;
    font-size: 30px;
    line-height: 50px;
    text-align: left;
}
.banniere p a{
    background-color: #2765ad;
    color: #ffffff;
    padding: 7px 15px;
    margin-left: 10px;
    font-size: 30px;;
}



/* CONTACT FOOTER */
.formulaire-footer-container{
    margin-bottom: 15px;
}

.formulaire-footer-container .titre{
    text-align: left;
    text-transform: uppercase;
    font-family: bebas_neuebold;
    color: #eb0400;
    font-size: 27px;
    margin-bottom: 9px;

}

.formulaire-footer-container p{
    margin-bottom: 25px;
}

.formulaire-footer-container a{
    color: #fff;
    text-decoration: none;
}

.formulaire-footer-container a .button{
    text-transform: uppercase;
    background-color: #eb0400;
    font-size: 20px;
    display: initial;
    padding: 10px 15px;
    font-family: bebas_neuebold;
    margin-bottom: 20px;
}


/* FONTS */

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

@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneuebold/bebasneue_bold.eot');
    src: url('../fonts/bebasneuebold/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebasneuebold/bebasneue_bold.woff2') format('woff2'),
    url('../fonts/bebasneuebold/bebasneue_bold.woff') format('woff'),
    url('../fonts/bebasneuebold/bebasneue_bold.ttf') format('truetype'),
    url('../fonts/bebasneuebold/bebasneue_bold.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('../fonts/bebasneuebook/bebasneue_book.eot');
    src: url('../fonts/bebasneuebook/bebasneue_book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebasneuebook/bebasneue_book.woff2') format('woff2'),
    url('../fonts/bebasneuebook/bebasneue_book.woff') format('woff'),
    url('../fonts/bebasneuebook/bebasneue_book.ttf') format('truetype'),
    url('../fonts/bebasneuebook/bebasneue_book.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'zeppelin';
    src: url('../fonts/storm-zeppelin43-bold.eot');
    src: url('../fonts/storm-zeppelin43-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/storm-zeppelin43-bold.woff2') format('woff2'),
    url('../fonts/storm-zeppelin43-bold.woff') format('woff'),
    url('../fonts/storm-zeppelin43-bold.ttf') format('truetype'),
    url('../fonts/storm-zeppelin43-bold.svg#zeppelin_43bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 767px) and (max-width: 992px) {
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,800);

    .fiche-6ans-container{
        background-color: #fff;
        padding: 30px;
    }

    .lien{
        text-align: center;
    }
    /* CONTAINER PDF */
    .container-pdf {
        width: 30%;
        float: left;
        border: 2px solid #e9e9e9;
        margin-right: 20px;
        margin-top: 30px;
    }
    .container-pdf:last-child{
        margin-top: 30px;
    }

    /* BANNIERE */
    .banniere{
        margin:20px 0;
        background-color: #e9e9e9;
    }
    .banniere .img-container{
        position: relative;
        display: none;
    }
    .banniere p{
        position: inherit;
        top:30%;
        left: 25%;
        text-align: center;
        font-family:bebas_neuebold;
        color: #717171;
        font-size: 25px;
        line-height: 30px;
        margin-top: 20px;
        padding: 10px;
    }
    .banniere p a{
        background-color: #FFFFFF;
        color: #2765ad;
        padding: 7px 15px;
        margin-left: 10px;
        display: block;
        margin-top: 20px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,800);
    .fiche-6ans-container{
        background-color: #fff;
        padding: 30px;
    }

    .lien{
        text-align: center;
    }


    #download-fiches {
        background-color: #d5292f;
        color: #ffffff;
        text-transform: uppercase;
        font-family: bebas_neuebold;
        padding: 7px 10px;
        font-size: 17px;
        margin: 30px 0;
        line-height: 35px;
    }

    #download-fiches:after {
        content: none;
        background: url('../img/img-autres-pages/download.png');
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        width: 17px;
        height: 17px;
        display:inline-block;
        padding-left: 20px;
        margin-left: 20px;
    }

    /* CONTAINER PDF */
    .container-pdf {
        width: 100%;
        float: left;
        border: 2px solid #e9e9e9;
        margin: 30px auto;
    }
    .container-pdf .img-pdf{
        width: 100%;
    }

    .container-pdf a.download{
        text-align: inherit;
        padding: 0 15%;
    }

    /* BANNIERE */
    .banniere{
        margin:20px 0;
        background-color: #e9e9e9;
    }
    .banniere .img-container{
        position: relative;
        display: none;
    }
    .banniere p{
        position: inherit;
        top:30%;
        left: 25%;
        text-align: center;
        font-family:bebas_neuebold;
        color: #717171;
        font-size: 25px;
        line-height: 30px;
        margin-top: 20px;
        padding: 10px;
    }
    .banniere p a{
        background-color: #FFFFFF;
        color: #2765ad;
        padding: 7px 15px;
        margin-left: 10px;
        display: block;
        margin-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .banniere p{
        font-size: 25px;
        line-height: 40px;
    }
    .banniere p a{
        font-size: 25px;
    }
    .container-pdf{
        float: none;
    }
    .container-pdf p.first {
        margin-top: 20px;
    }

}
@media (min-width: 992px) and (max-width: 1024px){
    .banniere p{
        font-size: 25px;
        line-height: 40px;
    }
    .banniere p a {
        font-size: 25px;
    }
    .container-pdf p.first {
        margin-top: 20px;
    }

}