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

/** GENERAL **/

.bold{
    font-weight:bold;
}
.bolder{
    font-size: 23px;
    font-weight:bold;
    font-family: bebasneue;
}
.red{
    color: #ec3c4c !important;
}
.right{
    float: right;
}
.left{
    float: left;
}

/* ORGANISATION CONTAINER */
.organisation-container{
    background-color: #fff;
    padding: 50px 50px 30px 50px;
}
.organisation-container .titre{
    font-family: bebasneue;
    text-transform: uppercase;
    color: #2765ad;
    font-size: 40px;
    margin-bottom: 25px;
    margin-top: 0;
}
.organisation-container p{
    color: #212121;
}
.organisation-container .padding-container{
    margin: 50px 0;

}
.organisation-container .col-md-7 .first{
    padding-left: 100px;

}
.organisation-container .col-md-5 .last{
    padding-right: 149px;

}


/* 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 .button{
    text-transform: uppercase;
    background-color: #eb0400;
    font-size: 20px;
    display: inline;
    padding: 10px 15px;
    font-family: bebas_neuebold;
    margin-bottom: 20px;
    color: #fff;
}

.margin-zero{
    margin-left: 0;
    margin-right: 0;
}

@media all and (max-width: 768px){
    .clients-aide .photo-container .img-responsive{
        width: 100%;
    }
    .clients-aide .red-line {
        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.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typodermic';
    src: url('../fonts/typodermic_-_uniwarslt-regular.eot');
    src: url('../fonts/typodermic_-_uniwarslt-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/typodermic_-_uniwarslt-regular.woff2') format('woff2'),
    url('../fonts/typodermic_-_uniwarslt-regular.woff') format('woff'),
    url('../fonts/typodermic_-_uniwarslt-regular.ttf') format('truetype'),
    url('../fonts/typodermic_-_uniwarslt-regular.svg#uniwarslight') 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);
    .organisation-container .first{
        padding-left: 0px !important;

    }
    .organisation-container .last{
        padding-right: 0px !important;

    }
}

@media (min-width: 320px) and (max-width: 767px) {
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,800);
    .organisation-container .first{
        padding-left: 0px !important;

    }
    .organisation-container .last{
        padding-right: 0px !important;

    }
    .organisation-container .img-container{
        margin-top: 30px;
    }
}
