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

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

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

@font-face {
    font-family: 'Marr Sans';
    src: url('../fonts/MarrSans-Regular-Web.eot');
    src: url('../fonts/MarrSans-Regular-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/MarrSans-Regular-Web.woff2') format('woff2'), url('../fonts/MarrSans-Regular-Web.woff') format('woff'), font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Lato', sans-serif;
    /*font-family: 'PT Sans', Helvetica, Arial, sans-serif;*/
    font-weight: 300;
    font-size: 16px;
    color: #474040;
}

.hero-heading {
    margin-top:20px;
    margin-bottom:10px;
    line-height:1.1;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    color: #474040;
}

.hero-heading strong {
    font-weight: 900;
    font-size: 27px;
}

h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    color: #474040;
}

h1 strong {
    font-weight: 900;
    font-size: 27px;
}

h2 {
    font-family: 'montserratregular';
    text-transform: uppercase;
    font-size: 16px;
    color: #474040;
    position: relative;
    margin: 30px 0 25px 0;
    padding: 0px 10px 13px 75px;
}

h2 strong {
    color: #ff3d00;
}

h2:before {
    content: '';
    position: absolute;
    left: 75px;
    bottom: 3px;
    width: 20px;
    height: 3px;
    background-color: #ff3d00;
}

h2.normal-padding {
    padding-left: 30px;
}

h2.normal-padding:before {
    left: 30px;
}

h2.service {
    padding: 0px 10px 13px 75px;
    background-image: url(../images/picto-servicex2.png);
    background-repeat: no-repeat;
    background-size: 28px 27px;
    background-position: 27px 0px;
}

h2.societe {
    padding: 0px 10px 13px 75px;
    background-image: url(../images/picto-societex2.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-position: 27px 0px;
}

h2.contact {
    padding: 0px 10px 13px 75px;
    background-image: url(../images/picto-contactx2.png);
    background-repeat: no-repeat;
    background-size: 33px 25px;
    background-position: 27px 0px;
}

h2.specialite {
    padding: 0px 10px 13px 75px;
    background-image: url(../images/picto-specialite.png);
    background-repeat: no-repeat;
    background-size: 37px 25px;
    background-position: 27px 0px;
}

h2.laser {
    padding: 0px 10px 13px 75px;
    background-image: url(../images/picto-laser.png);
    background-repeat: no-repeat;
    background-size: 22px 25px;
    background-position: 27px 0px;
}

h2.coupe {
    background-image: url(../images/picto-decoupe.png);
    background-repeat: no-repeat;
    background-size: 27px 17px;
    background-position: 27px 0px;
    padding: 0px 10px 13px 75px;
}

h2.recouvrement {
    background-image: url(../images/picto-recouvrement.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 27px 0px;
    padding: 0px 10px 13px 75px;
}

h2.solutions {
    background-image: url(../images/picto-solutions.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 27px 0px;
    padding: 0px 10px 13px 75px;
}

h2.truck {
    background-image: url(../images/picto-truck.png);
    background-repeat: no-repeat;
    background-size: 44px 25px;
    background-position: 27px 2px;
    padding-left: 80px;
}

h2.truck:before {
    left: 80px;
}

h2.region {
    background-image: url(../images/picto-flag.png);
    background-repeat: no-repeat;
    background-size: 23px 25px;
    background-position: 27px 0px;
}

h2.conditionnement {
    background-image: url(../images/picto-conditionnementbis.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 27px 0px;
    display: inline-block;
}