/* Add here all your CSS customizations */

/*logo +grand*/
#header.header-narrow .header-logo .logo-default {
    margin: -99px -70px -102px 0;
    opacity: 1;
    position: relative;
    z-index: 2;
}
/*le logo en petit*/
.sticky-header-active #header .header-logo img {
    margin: -25px 0 -75px 0!important;
    top: 0;
}

/*menu principal*/

.highlight a {
    color: #adadad !important;}
#header .header-nav-main nav > ul > li > a {
    font-size: 13px;
}
#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
    padding: 39px 8px 36px 13px;
}
/*html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a, html:not(.sticky-header-active) #header .header-nav-main nav > ul > li:not(.active) > a {
    color: #5e7279;
}*/
html:not(.sticky-header-active) #header .header-nav-main nav > ul > li:not(.active):hover > a {
    color: #FFF;
}
/*triangle après sous-menu accueil*/
#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle::after, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle::after, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a.dropdown-toggle::after, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a.dropdown-toggle::after {
    top: 38px;
}
/*pages intérieures*/
#header .header-nav-main nav > ul > li > a.dropdown-toggle::after {
    content: "";
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    right: 11px;
    top: 9px;
}
/*toogle*/
.toggle > .toggle-content > p {
    margin-bottom: 0 !important;
    padding: 0;
}
.toggle > label {text-transform: uppercase;}

.tp-caption-custom-stripe {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    line-height: 1.4em;
    padding: 16px;
    position: absolute;
    /*overflow: auto;*/
}
#footer::after, .section-custom-construction .container::after {
    background: #1ba971 none repeat scroll 0 0;
}
.section-custom-construction .container::before {
    background:#1ba971 none repeat scroll 0 0;
}
p {margin-bottom: 0px!important;}

p + .btn {margin-top: 10px;}

.lead>p, .lead>h3 {
    font-size:21px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: none;

}
.mt-xl>p{margin-top: 25px !important;}

html .btn-primary, html .btn-primary:hover {
    border-color: #29457c #29457c #202042;
}
h2, h3, h4, h5 {color: #29457c !important;}

ol, ul {
    margin-left: -25px;
}
ol ol, ol ul, ul ol, .history ul ul {
    margin-left: 25px;
}
ul.history li {margin-bottom: 0px; margin-top: 0px;}
/*
ul.history li:first-child {margin-top: 25px;}
*/
/*services*/
.featured-box {text-align: left!important;}
/*shop*/
.shop .summary .price {
    color: #29457c;
    font-size: 2em;
    letter-spacing: -1px;
    line-height: 30px;
    margin-top: 20px;
}
.img-thumbnail {
    max-width: 99%;
}

/*responsive*/

@media (max-width: 991px) {

    .logo-small {
        display: block;
    }
    /*logo +grand*/
    #header.header-narrow .header-logo img {
        margin: -28px 12px 12px 0;
    }
    /*logo header intérieur*/
    #header .header-logo img {
        margin: -28px 12px 12px 0;
    }

    /*le logo en petit*/
    .sticky-header-active #header .header-logo img {
        margin: -32px 0 20px 0px !important;
        top: 0;
    }
    /*la navigation sur mobile*/
    #mainNav {margin-left: -5px;}
    #header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
        padding: 7px 8px 7px 0;
    }
    html:not(.sticky-header-active) #header .header-nav-main nav > ul > li:not(.active):hover > a {
        color: #5e7279;
    }

    /*fin navigation*/
    hr.tall {
        margin: 0px 0 15px 0;
    }
    hr {
        margin: 25px 0 -20px 0;
    }

}
@media (min-width: 992px){
    #header.header-semi-transparent-light .header-body:before {
        background: #fff none repeat scroll 0 0;
        opacity: 1;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li > a {
        font-size: 12px;
    }
    #header .header-nav-main.header-nav-main-square nav > ul {
        margin-top: 12px;
    }
    #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a {
        padding-bottom: 10px!important;
    }

}
/* All Smartphones in portrait and landscape ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)  {
    #header .header-btn-collapse-nav {
        margin: 13px 0 8px 0px;
    }
    .sticky-header-active #header .header-btn-collapse-nav {
        margin: 69px 0 8px 0px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    /*le logo en petit pour IE*/
    .sticky-header-active #header .header-logo img {
        margin: -45px 0 -75px 0!important;
        top: 0;
    }
}