#introHeader {
    padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 0px;
    color: #FFFFFF;
    text-align: center;
    background: url(../images/accueil2_.jpg) no-repeat center center;
    background-size: cover;
}


.introMessage {
        padding-top: 9%;
        padding-bottom: 9%;
} 

.introMessage > h1 {
        margin: 0;
        font-family: "Comfortaa", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 4em;
        font-weight: 500; 
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); 
}


.introMessage > h2 {
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
        /* text-shadow: 2px 2px #ffffff; */
        font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
        .introMessage {
            /* padding-bottom: 15%; */
        }

        .introMessage > h1 {
            font-size: 3em;
        }

        ul.introButtons > li {
            display: block;
            margin-bottom: 20px;
            padding: 0;
        }

        ul.introButtons > li:last-child {
            margin-bottom: 0;
        }

        #introHeader {
            background: url(../images/accueilm.jpg) no-repeat center center;
            background-size: cover;
        }    
}


.landingCategorie {
        margin-top:11px;
        margin-bottom: 11px;
}

.landingTrust {
        top:-50px;
        position:relative;
}
.trust{
        height:45px; 
}
.landingTrustText {
        font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.6em;
        margin-bottom: 2px;
}




.carousel img{ border-radius: 5px; }
.carousel-control { background-image:none !important; }
.carousel-caption { top: 0; bottom: auto; }


label.error {
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
        font-size: 17px;
}