/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
    padding-bottom: 40px;
    color: #5a5a5a;
}

#map_canvas {
    border-top: 10px solid;
}

/* CUSTOMIZE THE NAVBAR




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 300px;
    background-color: white;
}

.carousel img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 300px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
    padding-left: 15px;
    padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    text-align: center;
    margin-bottom: 20px;
}

.marketing h2 {
    font-weight: normal;
}

.marketing .col-lg-4 p {
    margin-left: 10px;
    margin-right: 10px;
}

/* Featurettes
------------------------- */

.featurette-divider {
    margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

.featurette {
    padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
    overflow: hidden; /* Vertically center images part 2: clear their floats. */
}

.featurette-image {
    margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
    font-size: 50px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    border: 0px;
    border-bottom: 3px solid;
    border-bottom-color: inherit;
    padding: 0;
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
    -webkit-border-radius: 0 0px 0px 0px;
    -moz-border-radius: 0 0px 0px 0px;
    border-radius: 0 0px 0px 0px;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 0px 0 0px 0px;
    -moz-border-radius: 0px 0 0px 0px;
    border-radius: 0px 0 0px 0px;
}

@media (max-width: 790px ) {
    .navbar-nav .open .dropdown-menu {
        position: static !important;
        float: none !important;
        width: auto !important;
        margin-top: 0 !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

    /* RESPONSIVE CSS
    -------------------------------------------------- */
    @media (min-width: 768px) {

        /* Remve the edge padding needed for mobile */
        .marketing {
            padding-left: 0;
            padding-right: 0;
        }

        /* Navbar positioning foo */
        .navbar-wrapper {
            /*margin-top: 20px;*/
            height: 40px;
        }

        /* Bump up size of carousel content */
        .carousel-caption p {
            margin-bottom: 20px;
            font-size: 21px;
            line-height: 1.4;
        }

    }
    .onoffswitch {
        position: relative;
        width: 103px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #FFFFF;
        border-radius: 11px;
    }

    .onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s;
        -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s;
        transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 32px;
        padding: 0;
        line-height: 32px;
        font-size: 30px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "Oui";
        padding-left: 8px;
        background-color: #34A7C1;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "Non";
        padding-right: 8px;
        background-color: #BFBFBF;
        color: #6B6B6B;
        text-align: right;
    }

    .onoffswitch-switch {
        display: block;
        width: 23px;
        margin: 4.5px;
        background: #FFFFFF;
        border: 2px solid #FFFFF;
        border-radius: 11px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 67px;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
    }

    .nopadding {
        padding: 0 !important;
        margin: 0 !important;
    }

    .panel hr {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .top-buffer {
        margin-top: 20px;
    }

    .bottom-buffer {
        margin-bottom: 20px;
    }

    #etablissement-info .etablissement-info-item .glyphicon {
        font-size: 1.4em;
        color: #555;
    }

    #etablissement-info .etablissement-info-item .fa {
        font-size: 1.4em;
        color: #555;
    }

    #etablissement-info .etablissement-info-item .etablissement-info-item-content {
        font-size: 0.9em;
        border-left: 1px solid rgba(85, 85, 85, 0.53);
        padding-bottom: 10px;
    }

    #etablissement-info .etablissement-info-item {
        color: rgba(85, 85, 85, 0.81);

    }

    #etablissement-info .etablissement-info-item label {
        display: block;
        margin: 0px;
    }

    .dropdown.dropdown-lg .dropdown-menu {
        margin-top: -1px;
        padding: 6px 20px;
        display: block !important;
    }

    .input-group-btn .btn-group {
        display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box !important; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox !important; /* TWEENER - IE 10 */
        display: -webkit-flex !important; /* NEW - Chrome */
        display: flex !important; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    .btn-group .btn {
        margin-left: -1px;
    }

    .btn-group .btn:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    @media screen and (min-width: 768px) {
        #adv-search {
            margin: -6px auto;
        }

        #adv-search .dropdown-menu {
            z-index: 99999;
        }

        .dropdown.dropdown-lg {
            position: static !important;
        }

        .dropdown.dropdown-lg .dropdown-menu {
            min-width: 500px;
        }
    }

    .nav > li > a {
        /*padding: 10px 10px !important;*/
        /*padding-top: 25px !important;*/
        /*padding-bottom: 25px !important;*/
    }

    /*
    Fade content bs-carousel with hero headers
    Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
    Image credits: unsplash.com
    */
    /********************************/
    /*       Fade Bs-carousel       */
    /********************************/
    .fade-carousel {
        position: relative;
        height: 100vh;
        max-height: 450px;
    }

    .fade-carousel .carousel-inner .item {
        height: 100vh;
        max-height: 450px;
    }

    .fade-carousel .carousel-indicators > li {
        margin: 0 2px;
        background-color: #f39c12;
        border-color: #f39c12;
        opacity: .7;
    }

    .fade-carousel .carousel-indicators > li.active {
        width: 10px;
        height: 10px;
        opacity: 1;
    }

    /********************************/
    /*          Hero Headers        */
    /********************************/
    .hero {
        position: absolute;
        /*top: 55%;*/
        /*left: 58%;*/
        z-index: 3;
        color: white !important;
        text-align: left;
        text-transform: uppercase;
        /*text-shadow: 1px 1px 0 rgba(0,0,0,.75);*/
        -webkit-transform: translate3d(-5%, -10%, 0);
        -moz-transform: translate3d(-5%, -10%, 0);
        -ms-transform: translate3d(-5%, -10%, 0);
        -o-transform: translate3d(-5%, -10%, 0);
        transform: translate3d(-5%, -10%, 0);
    }

    .hero h1, .hero h2 {
        font-size: 2.5em;
        font-weight: bold;
        background-color: rgba(224, 131, 0, 0.9);
        margin: 0;
        padding: 10px;
    }

    .hero h2 {
        display: table;
    }

    .hero h3 {
        background-color: rgba(0, 0, 0, 0.8);
        display: table;
        padding: 5px;
    }

    .hero h1, .hero h3, .hero h2 {
        color: white !important;
    }

    .fade-carousel .carousel-inner .item .hero {
        opacity: 0;
        -webkit-transition: 2s all ease-in-out .1s;
        -moz-transition: 2s all ease-in-out .1s;
        -ms-transition: 2s all ease-in-out .1s;
        -o-transition: 2s all ease-in-out .1s;
        transition: 2s all ease-in-out .1s;
    }

    .fade-carousel .carousel-inner .item.active .hero {
        opacity: 1;
        -webkit-transition: 2s all ease-in-out .1s;
        -moz-transition: 2s all ease-in-out .1s;
        -ms-transition: 2s all ease-in-out .1s;
        -o-transition: 2s all ease-in-out .1s;
        transition: 2s all ease-in-out .1s;
    }

    /********************************/
    /*            Overlay           */
    /********************************/
    .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        /*background-color: #080d15;*/
        /*opacity: .7;*/
    }

    /********************************/
    /*          Custom Buttons      */
    /********************************/
    /*.fade-carousel .btn.btn-lg {padding: 10px 40px;}*/
    /*.fade-carousel .btn.btn-hero,*/
    /*.fade-carousel .btn.btn-hero:hover,*/
    /*.fade-carousel .btn.btn-hero:focus {*/
    /*color: #f5f5f5;*/
    /*background-color: #1abc9c;*/
    /*border-color: #1abc9c;*/
    /*outline: none;*/
    /*margin: 20px auto;*/
    /*}*/
    /********************************/
    /*       Slides backgrounds     */
    /********************************/
    .fade-carousel .slides [class*="slide-"] {
        height: 100vh;
        max-height: 450px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /********************************/
    /*          Media Queries       */
    /********************************/
    @media screen and (min-width: 980px) {
        .hero {
            width: 980px;
        }
    }
    @media screen and (max-width: 640px) {
        .hero h1 {
            font-size: 4em;
        }
    }

    .vcenter {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    #twitter-widget-0 {
        /* twitter div */
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    #twitter-widget-1 {
        /* twitter div */
        display: inline-block;
        vertical-align: middle;
        float: none;
    }


    #___plusone_0 {
        /* googlep lus div */
        display: inline-block !important;
        vertical-align: middle !important;
        float: none !important;
    }

    #section-partners {
        background-color: white;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #section-partners img {
        margin: auto;
    }

    div.blog-timeline-section .blog-post:nth-child(even) {
        float: right;
    }

    div.blog-timeline-section .blog-post:nth-child(odd) {
        float: left;
    }

    .menu-etablissement {
        font-size: 13px;
    }

    #description img {
        margin: 5px;
    }

    .bg-white {
        background-color: white;
    }

    a:not(:hover).btn-inverse {
        color: white !important;
    }

    .col-centered {
        float: none;
        margin: 0 auto;
    }

    .AgendaAccueil {
        background-position: center;
        background-size: cover;
    }

    .full-height {
        height: 100%;
    }

    .lineHeight210 {
        line-height: 210px;
    }

    .to-bottom {
        position: absolute;
        bottom: 0 ;
        margin-bottom: 15px;
    }


    .NormalLineHeight {
        line-height: normal;
    }

    #SearchAccueil {
        line-height: normal;
        margin-bottom: 110px;
        margin-top: 15px;
    }

    #Menu > ul > li {
        border-right: 1px solid #DDDDDD;
    }

    #SearchForm {
        padding: 10px 20px;
        background-color: #E9EAEA;
        border-radius: 4px;
    }

    .HeaderUser {
        font-size: 12px;
        color: black !important;
    }

    .HeaderUser i {
        color: #e69f32;
    }

    .HeaderUserMenu {
        z-index: 2000 !important;
    }

    .noMarginTop {
        margin-top: 0 !important;
    }

    .OrangeDivider {
        border: 0;
        border-bottom: 1px solid #e08300 !important;
    }

    #po_contact_message {
        height: 150px;
    }

    #EspaceContent * {
        font-family: 'Open Sans', sans-serif !important;
        color: #5a5a5a !important;
        background-color: transparent !important;
        line-height: normal !important;
    }

    ins {
        color: green !important;
        background: #dfd !important;
        text-decoration: none
    }

    del {
        color: red !important;
        background: #fdd !important;
        text-decoration: line-through;
        margin-right: 4px;
    }

    ins * {
        color: green !important;
        background: #dfd !important;
        text-decoration: none;
    }

    del * {
        color: red !important;
        background: #fdd !important;
        text-decoration: line-through;
        margin-right: 4px;
    }

    ins img {
        border: 2px solid green !important;
    }

    del img {
        border: 2px solid red !important;
    }

    #EspaceContent img {
        padding: 0px 5px 0px 5px;
    }

    .height200 {
        height: 200px !important;
    }

    .height200 h2, .height200 h3 {
        font-size: 12px;
    }

    .height200 h1 {
        font-size: 15px;
    }

    .carousel-control {
        z-index: 4;
    }

    .back-to-top {
        cursor: pointer;
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: none;
    }

    .fb_iframe_widget_lift {
        z-index: 1100!important;
    }

    a.twitter-share-button,a.twitter-follow-button
    {
        display:none;
    }