html
{
    -webkit-font-smoothing: antialiased;
}

.header
{
    background-color: #FFFFFF;
}

.logo
{
    vertical-align: middle;
}

body
{
    font-family: 'Titillium Web', sans-serif;
}

h1 {
    font-size: 36px;
    font-weight: 200;
    margin-top: 0;
}

.nav > .nav-language > a
{
    padding: 25px 5px 0;
}

.primary-nav
{
    padding-right: 50px;
}

.section1
{
    background-color: #b5111c;
    color: #FFFFFF;
}

.header-inner
{
    width: 85%;
    padding-top: 10px;
}

.ptop60
{
    padding-top: 60px;
}

.pbot60
{
    padding-bottom: 60px;
}

.section2-col1
{
    background-image: url('img/entreprise-et-vocation.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section2-col2
{
    background-image: url('img/pre-etude-et-conceptualisation.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section2-col3
{
    background-image: url('img/gamme-produits.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section2-col4
{
    background-image: url('img/etudes-de-cas.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section2-col5
{
    background-image: url('img/produits-sur-mesures.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section2-cols
{
    height: 300px;
}

.section2-title
{
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
    font-size: 15px;
    top: 45%;
    width: 80%;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.ptop90
{
    padding-top: 90px;
}

.pbot90
{
    padding-bottom: 90px;
}

.cont-red
{
    height: 30px;
    background-color: #b5111c;
}

.cont-img1
{
    height: 80px;
    background-image: url('img/img7.jpg');
    background-repeat: no-repeat;
    background-position-y: 25%;
    background-size: cover;
}

.section3
{
    color: #101010;
    text-align: center;
    background-color: #FFFFFF;
}

.title-red
{
    color: #b5111c;
    font-weight: 700;
    text-transform: none;
}

.red-text
{
    color: #b5111c;
}

.subtext-bold
{
    font-size: 17px;
    font-weight: 700;
}

.ptop10
{
    padding-top: 10px;
}

.divider-dark
{
    border-top: 2px solid #101010;
}

.divider-red
{
    border-top: 2px solid #b5111c;
}

.divider-white
{
    border-top: 2px solid #FFFFFF;
}

.section4-cols
{
}

/* hover overlay */

.caption
{
    position: relative;
    overflow: hidden;
}

.caption__media
{
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
    transform: translateY(100%);
    transition: transform .35s ease-out;
}

.caption:hover .caption__overlay
{
    transform: translateY(0);
}

.caption__overlay__title
{
    margin: 0;
    padding: 0 0 12px;
    transform: translateY( calc(-100% - 10px) );
    transition: transform .35s ease-out;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.caption:hover .caption__overlay__title
{
    transform: translateY(0);
}

.caption::before
{
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background .35s ease-out;
    background-color: rgba(36, 36, 36, 0.79);
}

.caption:hover::before
{
    background: rgba(181, 17, 28, 0.7);
}

.caption
{
    ...
    transform: translateZ(0);
}

.ptop30
{
    padding-top: 30px;
}

.caption-p
{
    font-size: 15px;
}

.visual-etudes
{
    width: 250px;
    background-color: #b5111c;
    height: 200px;
    margin: 0 auto;
    padding-top: 8px;
    padding-left: 25px;
    padding-right: 25px;
}

.visual-etudes > span
{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
}

.section6
{
    background-image: url('img/img17.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #FFFFFF;
    background-attachment: fixed;
}

.section7
{
    color: rgb (16, 16, 16);
    text-align: center;
}

.section8-col1
{
    background-image: url('img/secteur-viticole-vinicole.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section8-col2
{
    background-image: url('img/secteur-agro-alimentaire.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section8-col3
{
    background-image: url('img/secteur-chimique.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section8-col4
{
    background-image: url('img/secteur-pharmaceutique.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section8-cols
{
    height: 300px;
}

.section8-title
{
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
    font-size: 15px;
    top: 45%;
    width: 80%;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.section8-col5
{
    background-image: url('img/secteur-cosmetique');
    background-repeat: no-repeat;
    background-size: cover;
}

.section8
{
    text-align: center;
}

.mtop30
{
    margin-top: 30px;
}

.mbot60
{
    margin-bottom: 60px;
}

.section9
{
    background-color: #998b7e;
    color: #FFFFFF;
    text-align: center;
}

.footer
{
    background-color: #b5111c;
    color: #FFFFFF;
}

.footer-logo
{
    margin-top: 40px;
    margin-bottom: 30px;
}

.mbot30
{
    margin-bottom: 30px;
}

@media (max-width:991px)
{
    .section1
    {
        background-image: url('none');
        background-color: #b5111c;
    }
}

.mbot15
{
    margin-bottom: 15px;
}

@media (max-width:767px)
{
    .primary-nav > li
    {
        display: inline;
        text-align: center;
    }
    .primary-nav
    {
        padding-right: 0;
    }
}

@media (max-width:479px)
{
    .img-lrg-resp
    {
        max-width: 100%;
    }
}

.entreprise-section1
{
    background-image: url('img/entreprise/img1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    text-align: center;
}

.pbot30
{
    padding-bottom: 30px;
}

.entreprise-section2-img
{
    padding-right: 0;
    padding-left: 0;
}

.pleftright50
{
    padding-left: 50px;
    padding-right: 50px;
}

.pleft60
{
    padding-left: 60px;
}

.section2-title:hover
{
    background-color: rgba(181, 17, 28, 0.7);
}

.metiers-section1
{
    background-image: url('img/metiers/img1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    text-align: center;
}

.process-content
{
    background-color: #998b7e;
    color: #FFFFFF;
    padding: 10px 20px;
    font-weight: 500;
    text-align: left;
}

.metiers-section3-col1
{
    min-height: 242px;
}

.metiers-section3-col2
{
}

.metiers-section3-col3
{
    min-height: 242px;
}

.metiers-section3-col4
{
    min-height: 242px;
}

.metiers-section3
{
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('img/metiers/img10.jpg');
    text-align: center;
    color: #FFFFFF;
}

.mtop0
{
    margin-top: 0;
}

.calltoaction-text
{
    display: inline-table;
    margin-right: 20px;
}

.nopadding
{
    padding: 0;
}

.process-content2-img
{
    background-color: #b5111c;
    color: #FFFFFF;
    padding: 10px 20px;
    font-weight: 700;
    text-align: left;
}

.process-content2-img > p
{
    font-size: 13px;
}

.process-content2
{
    text-align: left;
}

.nomarg
{
    margin: 0;
}

.metiers-section5
{
    text-align: center;
    color: #FFFFFF;
    background-color: #998b7e;
}

.gf-section1
{
    background-image: url('img/groupes-froids/img1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    text-align: center;
    background-position: 50%;
}

.gf-section2-col1
{
    height: 300px;
    background-image: url('img/groupes-froids/img2.jpg');
    background-size: cover;
    text-align: left;
    color: #FFFFFF;
    padding-left: 40px;
    padding-top: 100px;
    font-weight: 700;
}

@media (max-width:767px)
{
    .col-md-offset-13
    {
        margin-left: 0% !important;
    }
}

.gf-section2-col2
{
    height: 300px;
    background-image: url('img/groupes-froids/img3.jpg');
    background-size: cover;
}

.gf-section2-col3
{
    height: 300px;
    background-color: #b5111c;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
}

.gf-section2-col3 > span
{
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 700;
}

.gf-content2-img
{
    background-color: #998b7e;
    color: #FFFFFF;
    padding: 10px 20px;
    font-weight: 700;
    text-align: left;
}

.gf-content2-img > p
{
    font-size: 13px;
}

.pleft5
{
    padding-left: 5%;
}

.gf-section6
{
    height: 250px;
    background-image: url('img/groupes-froids/img7.jpg');
    background-size: cover;
    background-position: 50%;
}

.gf-section7
{
    color: #101010;
    background-color: #FFFFFF;
    text-align: center;
}

.mtop60
{
    margin-top: 60px;
}

.col-md-offset-13
{
    margin-left: 13%;
}

h5 > a
{
    color: #FFFFFF;
    text-decoration: none;
}

h5 > a:hover
{
    color: rgba(255, 255, 255, 0.87);
    text-decoration: none;
}

.fl-section2-col1
{
    height: 300px;
    background-image: url('img/fermenteurs-levuriers/img1.jpg');
    background-size: cover;
    text-align: left;
    color: #FFFFFF;
    padding-left: 30px;
    padding-top: 100px;
    font-weight: 700;
    padding-right: 30px;
}

.fl-section2-col2
{
    height: 300px;
    background-image: url('img/fermenteurs-levuriers/img2.jpg');
    background-size: cover;
    background-position: 50%;
}

.fl-section5
{
    height: 250px;
    background-image: url('img/fermenteurs-levuriers/img5.jpg');
    background-size: cover;
    background-position: 50%;
}

.sm-section4
{
    height: 250px;
    background-image: url('img/sur-mesure/img2.jpg');
    background-size: cover;
    background-position: 50%;
}

.tv-section2-col2
{
    height: 300px;
    background-image: url('img/thermovinification/img2.jpg');
    background-size: cover;
    background-position: 50%;
}

.tv-section5
{
    height: 250px;
    background-image: url('img/thermovinification/img5.jpg');
    background-size: cover;
    background-position: 50%;
}

.ox-section2-col2
{
    height: 300px;
    background-image: url('img/oxygenation/img1.jpg');
    background-size: cover;
    background-position: 50%;
}

.ox-section5
{
    height: 250px;
    background-image: url('img/oxygenation/img3.jpg');
    background-size: cover;
    background-position: 50%;
}

.contact-section1
{
    background-image: url('img/contact/img1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    text-align: center;
    background-position: 50%;
}

.contact-section3
{
    background-image: url('img/metiers/img10.jpg');
    background-repeat: no-repeat;
    background-position: 50%;
}

/* Contact Form */

*, *:before, *:after
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field
{
    margin: 5px 0;
}

input
{
    width: 100%;
    border: none;
    background-color: #FFFFFF;
    color: #101010;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    padding: 5px;
}

textarea
{
    width: 100%;
    height: 200px;
    padding: 5px;
    border: none;
    background-color: #FFFFFF;
    color: #101010;
    -webkit-font-smoothing: antialiased;
}

.send
{
    -webkit-font-smoothing: antialiased;
    padding-left: 20px;
    margin: 0 auto;
    display: block;
    padding-right: 20px;
}

.send:hover, .send:focus
{
    cursor: pointer;
}

.send:active
{
    background-color: transparent;
    color: #FFF;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success
{
    padding: 1em;
    margin-bottom: 0.75rem;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #FFF;
    border: 2px solid #FFF;
    background-color: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.error
{
    padding: 1em;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    margin-bottom: 0.75rem;
    border: 2px solid #FFF;
    color: #DDD;
    background-color: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

::-webkit-input-placeholder
{
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
    font-size: 14px;
}

::-moz-placeholder
{
    color: rgba(255, 255, 255, 0.8);
    opacity: 1;
}

:moz-placeholder
{
    color: rgba(255, 255, 255, 0.8);
    opacity: 1;
}

:-ms-input-placeholder
{
    color: rgba(255, 255, 255, 0.8);
}

input:focus, textarea:focus, button:target
{
    outline: none;
}

.contact-labels
{
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 0;
}

.contact-section4
{
    background-image: url('img/contact/img2.jpg');
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50%;
}

.realisations-section1
{
    background-image: url('img/realisations/img1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    text-align: center;
    background-position: 50%;
}

.realisations-section4
{
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('img/metiers/img10.jpg');
    text-align: center;
    color: #FFFFFF;
}

.realisations-contentblock
{
    background-color: #998b7e;
    color: #FFFFFF;
    padding: 15px 20px;
    min-height: 400px;
}

.realisations-contentimage
{
    background-image: url('img/realisations/img2.jpg');
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.realisations-section6-col1
{
    height: 300px;
    background-image: url('img/realisations/img3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.realisations-section6-col2
{
    height: 300px;
    background-image: url('img/realisations/img4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.realisations-contentimage2
{
    background-image: url('img/realisations/img5.png');
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.realisations-section6-col3
{
    height: 300px;
    background-image: url('img/realisations/img6.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.realisations-section6-col4
{
    height: 300px;
    background-image: url('img/realisations/img7.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.realisations-contentimage3
{
    background-image: url('img/realisations/img8.png');
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.realisations-section6-col5
{
    height: 300px;
    background-image: url('img/realisations/img9.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.realisations-section6-col6
{
    height: 300px;
    background-image: url('img/realisations/img10.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.realisation-section11
{
    background-image: url('img/realisations/img11.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFFFFF;
}