/** HEADER **/
.carousel {
    z-index: 0;
}

#home {
    min-height: 0;
    background-size: 100%;
    /*noinspection CssUnknownTarget*/
    background: url("/bundles/app/images/monambulancier_theme/fond-monambulancier.jpg") no-repeat no-repeat right bottom;
}

#container {
    padding: 0;
}

.logo-header-bureau {
    display: block;
}

.logo-header-mobile {
    display: none;
}

.block-actu-text {
    color: #1C407B;
    font-size: 14px;
}

.img-fluid.new-carousel > img {
    /*height: 250px;*/
    /*width: 250px;*/
    height: auto;
    width: 96%;
}

#header #header_down {
    margin-bottom: 0;
    position: relative;
}

#header__navigation {
    background-color: #f8b32b;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#navigation__content {
    padding: 0;
}

.responsive-bureau-new-carousel {
    display: block;
}

.responsive-mobile-new-carousel {
    display: none;
}

.header__navigation_mobile {
    display: none;
    position: relative;
}

.text-bottom-block_3 {
    margin-top: -7rem;
}

.image-right-block_3 {
    margin-top: -7rem;
    padding: 20px 0;
}

.qr-code-block {
    /* background-color: #FEFEFE ;*/
    border: 1rem solid #edf1fa;
    padding-top: 30px;
    /*height: 33rem;*/
    z-index: 999;
}

.text-top-block-4 {
    text-align: left;
    padding-left: 15px;
    color: #F8B32B;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.text-agence-block-4 {
    padding-left: 0;
"
}

.menu-responsive {
    display: none;
}

.block-new-carrousel {
    display: none;
}

.lire-article {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;

    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.block-header-page {
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}

#header_down {
    z-index: 999999999;
}

.navbar.navbar-default {
    display: none;
}

.lire-fiche a span {
    color: #337ab7 !important;

}

.lire-fiche > a > span > b {
    font-size: 2rem !important;
}

.lire-articles a span {
    color: #ffffff !important;
}

.image-agence-block-4 > img {
    height: 130px;
    width: auto;
}

#footer-buttons {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

#footer-buttons div {
    margin-left: 2%;
    margin-right: 2%;
}

.block-v-mobil {
    background-color: #ffffff;
}

.col-md-9.block-v-mobil {
    padding-bottom: 3%;
}

.col-md-3.qr-code-block.block-v-mobil.block-qrcode {
    padding-bottom: 5%;
    padding-left: 3%;
    padding-right: 3%;
}

.block-text-p > p {
    color: #315288;
    font-weight: normal;
}

#footer-buttons div.footer-button a.block-social-icons i {
    color: #c5c8db;
    font-size: 18px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

#socialNetwork {
    padding-left: 0;
    padding-right: 0;
}

#tarteaucitronManager > img {
    visibility: hidden;
}


/*afficher icons dans block qr-code */
#block_qr_socialNetwork a {
    color: #c5c8db;
    font-size: 22px;
    font-weight: bold;
    padding-right: 13px;

}

#block_qr_socialNetwork {
    padding-left: 0;
    display: block;
}

.footer-button:last-child {
    display: none;
}


@media screen and (min-width: 1200px) {
    .img-fluid.new-carousel > img {
        /*height: 250px;*/
        /*width: 250px;*/
        height: auto;
        width: 93%;
    }
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {

    .footer-button:last-child {
        display: block;
    }

    #block_qr_socialNetwork {
        display: none;
    }

    .navbar-toggle.collapsed::before {
        content: '';
        position: absolute;
        left: -3px;
        width: 2px;
        height: 60%;
        top: 20%;
        background: #c38d1a;
    }


    .navbar-toggle.collapsed > .icon-bar {
        background-color: #ca9111;
    }

    .navbar-default .navbar-toggle {
        border-color: rgb(255 255 255 / 0%);
    }

    #home {
        background-color: #DDE5F5;
        min-height: 0;

    }

    .logo-header-bureau {
        display: none;
    }

    .logo-header-mobile {
        display: block;
    }

    /*#footer-buttons > div:first-child{*/
    /*    margin-left: 10%;*/
    /*}*/
    /*#footer-buttons > div:last-child{*/
    /*    margin-right: 10%;*/
    /*}*/
    .navbar-header {
        padding-left: 15%;
        padding-right: 15%;
    }

    .btn.private.nopadding > span > img {
        height: 54px;
    }

    .navbar.navbar-default.navbar-fixed-top.header__navigation_mobile {
        border-block-color: #f8b32b;
    }

    .col-md-3.qr-code-block.block-v-mobil.block-qrcode {
        border-block: 1rem solid #edf1fa;
        padding-left: 2rem;
        border-left: 4rem solid #edf1fa;
        border-right: 4rem solid #edf1fa;
    }

    .block-v-mobil {
        background-color: #DDE5F5;
    }

    .qr-code-block {
        border: 0 solid #edf1fa;
    }

    .col-xs-12.d-none.block-new-carrousel.qr-code-block.block-actu.block-v-mobil {
        padding-top: 10px;
    }

    .col-md-9.block-v-mobil {
        padding-bottom: 0;
        padding-top: 5%;
    }

    .col-md-12.col-xs-12.block-qr-code-text {
        padding-left: 15%;
        padding-right: 15%;
    }

    .text-bottom-block_3 {
        margin-top: 0;
    }

    .image-right-block_3 {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 20px;
        margin-left: 0;
    }

    .col-md-3.qr-code-block.block-v-mobil.block-qrcode {
        padding-top: 10%;
    }

    .text-top-block-4 {
        /*text-align: center;*/
        padding-left: 0;
        color: #F8B32B;
        font-weight: bold;
        font-size: 20px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .text-top-block-4 > p {
        line-height: 120%;
    }

    .text-agence-block-4 {
        /*padding-left: 5rem;*/
        color: #315288;
    }

    .block-4 {
        /*display: flex;*/
        /*flex-flow: column-reverse;*/

    }

    .menu-responsive {
        display: block;
    }

    #nopadding, #privatAcces {
        display: none !important;
    }

    .header__navigation_mobile {
        display: flex;
        align-items: center;

    }

    .carousel {
        z-index: 0;
    }

    .new-carousel {
        width: 0;
        height: 0;
    }

    .block-new-carrousel {
        margin: 0;
        height: 50rem;
        display: block;
    }

    .block-actu-titre > h4 {
        font-size: 3rem;
        color: #FFFFFF;
        margin-bottom: 0;
    }

    .block-actu-text {
        color: #1C407B;
        font-size: 14px;
        /*font-weight: bold;*/
        /*padding-top: 0;*/
        /*padding-bottom: 0;*/
    }

    .paragraphe-news-carrousel {
        /*padding-left: 15px!important;*/
        /*padding-right: 15px !important;*/
        font-size: 14px !important;
    }

    .responsive-mobile-new-carousel {
        display: block;
    }

    .responsive-bureau-new-carousel {
        display: none;
    }

    #deux-carousel {
        display: none;
    }

    .block-actu {
        background-color: #f5b23c;
    }

    .block-qrcode {
        background-color: #ffffff;
        display: flex;
        justify-content: center;
        height: 100%;
    }

    .block-row-qrcode {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
    }

    .lire-article {
        position: unset;
        text-align: right;

    }

    .carousel-indicators {
        display: none;
    }

    .carousel-inner {
        display: flex;
        justify-content: center;
    }

    #header #header_down #header_opacity {
        display: block;
    }

    #header_down {
        padding: 2rem;
    }

    .header_down {
        padding: 0;
    }

    .header_down_row {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar.navbar-default {
        display: block;
        background-color: #f8b32b;
    }

    .header__navigation_bureau {
        display: none !important;
    }

    #homepage #homepage__body .bouton {
        background-size: 265px auto;
        height: 168px;
        /*noinspection CssUnknownTarget*/
        background: url("/bundles/app/images/monambulancier_theme/button.png") 2px center, 0 -15px;
        width: 269px;
        clear: both;
        display: block;
        padding: 5px;
        padding-left: 39px !important;
        font-size: 20px;
        border-radius: 15px;
        color: #EEEEEE;
        font-weight: 600;
    }

    .block-buttons {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .block-second-button, .block-text-under-button {
        margin-top: -7rem;
    }

    #homepage #homepage__header {
        font-size: 14px;
        padding-bottom: 0;
        padding-top: 2rem;
        display: flex;
        justify-content: center;
        color: #315288;
    }

    #homepage__header > p {
        width: 70%;
    }

    .navbar {
        margin-bottom: 0;
    }

    .block-image-qr-code, .block-certification {
        display: flex;
        justify-content: center;
    }

    .block-text-p > p {
        color: #315288;
        font-weight: normal;
    }

    .image-agence-block-4 {
        display: flex;
        justify-content: center
    }

    #footer-buttons {
        display: flex;
        justify-content: center;
        /*margin-bottom: 0;*/
        /*height: 100%; width: 100%; object-fit: contain*/
    }

    #footer-buttons {
        margin-bottom: 0;
        display: flex;
        justify-content: end;
        flex-wrap: wrap;
    }

    .footer-button {
        width: 100% !important;
    }

    #footer-buttons div {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-header.block-navbar-header {
        display: flex;
        align-items: center;
    }

    .btn.private.nopadding {
        float: right;
        margin-left: auto;
    }

    .block-aprive {
        margin-left: auto;
    }

    .carousel .item {
        height: 480px !important;
    }


}

@media screen and (min-width: 760px) and (max-width: 922px) {

    .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .block-second-button, .block-text-under-button {
        margin-top: 0;
    }

    .col-sm-2.col-md-2.image-right-block_3 {
        display: contents;
    }

    .block-buttons {
        display: flex;
        justify-content: center;
    }

    .navbar-header.block-navbar-header {
        display: none;
    }

    .block-certification {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 20px;
        margin-left: 0;
    }

    #nopadding, #privatAcces {
        display: block !important;
    }

    #header .navbar-nav > li {
        /*float: none;*/
        display: inline-block;
    }

    .btn.private.nopadding {
        float: inherit;
    }

    .carousel .item {
        height: 480px !important;
    }
}

/** FIN HEADER **/

@media screen and (max-width: 550px) {
    .col-md-8.text-center.center-block.block-cr {
        font-size: 0.7em;
    }
}

.col-md-8.text-center.center-block.block-cr .text-left.row.info-resa > .col-xs-12 {
    padding-top: 0.5em;
}

/************************/
/*       PARTNERS       */
/************************/

article#partners > section > h2.partners-type-name {
    color: #384493;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

article#partners > section > div.partners-type-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

@media screen and (max-width: 576px) {
    article#partners > section > div.partners-type-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (min-width: 577px) and (max-width: 992px) {
    article#partners > section > div.partners-type-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

article#partners > section > div.partners-type-container > a.partner-link {
    background-color: #eeeff4;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    text-decoration: none;
    gap: 10px;
}

article#partners > section > div.partners-type-container > a.partner-link > div.partner-logo {
    height: 70px;
    flex-basis: 33.333333%;
    display: flex;
    align-items: center;
    justify-content: center;
}

article#partners > section > div.partners-type-container > a.partner-link > div.partner-logo > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

article#partners > section > div.partners-type-container > a.partner-link > span.partner-name {
    flex-basis: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #384493;
}

/************************/
/*     END PARTNERS     */
/************************/


.pagination_and_elements_counts {
    width: 100%;
    line-height: 34px;
    height: 50%;
    vertical-align: middle;
    margin-bottom: 0;
}

.row.block-serach-reseau {
    margin-left: 0;
    margin-right: 0;
}

.block-offre-emploi {
    padding-left: 15px;
    padding-right: 15px;
}

#header #header__navigation #navigation__content a {
    font-size: 16px;
    color: #384493;
    font-weight: bold;
    padding: 5px 15px 4px;
}

#header #header__navigation #navigation__content a i {
    vertical-align: text-top;
}

#header #header__navigation #navigation__content .current {
    color: white;
}

#header #header__navigation #navigation__content img {
    height: 40px;
}

#header #header__navigation #navigation__content .private {
    color: #c38d1a;
    max-height: 50px;
}

#header #header__navigation #navigation__content a:hover {
    color: white;
    border: 0 transparent;
}

#header #header__navigation #navigation__content a:link,
#header #header__navigation #navigation__content a:focus,
#header #header__navigation #navigation__content a:active,
#header #header__navigation #navigation__content a:visited {
    outline: 0;
    border: 0 transparent;
}

#header #header__navigation #navigation__content .navbar-nav li {
    position: relative;
}

#header #header__navigation #navigation__content .navbar-nav li:not(.last):after {
    content: '';
    position: absolute;
    right: -2px;
    width: 1px;
    height: 70%;
    top: 15%;
    background: #c38d1a;
}

#header #header__navigation #navigation__content a.block-social-icons {
    padding: 5px;
}

.nav > li > a.block-social-icons {
    display: inline;
}

#myModalNewAdresse {
    z-index: 9999999992;
}

#myModalChoiceAgence {
    z-index: 99999999991;
}

.choice-agence {
    margin-bottom: 10px;
    margin-top: 10px;
}

.block-height {
    height: 387px;
}