@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/*temoignage*/
.titre {
    font-size: 18px;
    color: #162449;
    font-weight: bold;
    text-align: center;

}

.poste {
    font-size: 15px;
    color: #162449;
    font-weight: 500;
    text-align: center;

}

.temoignage-image {
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;

}



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

input,
button,
select,
option {
    font-family: "Roboto", sans-serif;
}

body.path-frontpage {
    background: #fff;
}

body {

    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #162449;
    background: #FBFAFA;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    font-size: 16px;
    color: #09132f;
    line-height: 1.5;
}

.parag {}

.main-cnt {
    position: relative;
}

.navbar-default {
    background-color: #fff;
    border-color: transparent;
    border-radius: 0;
    border: none;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 10px;
}

header .navbar-header {

    margin: 0 auto !important;
}

header #navbar-collapse {
    background-color: #004876;
    margin-top: 22px;
}

header #navbar-collapse .region-navigation-collapsible {

    margin: 0 auto;
}

.navbar .logo {
    margin-top: 24px;
    margin-bottom: 0;
}

.navbar-default .navbar-text {
    color: #015387;
    font-size: 14px;
    margin-top: 44px;
    margin-left: 35px;
}

#block-linkconnexiontopheader {
    float: right;
    margin-left: 16px;
    margin-top: 24px;
}

#block-appsbloc {
    float: right;
    margin-top: 8px;
}

.btn-blue {

    background: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #004876;
    padding: 15px 24px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #004876;
    border-radius: 16px 0 24px 0;
}

.btn-blue span {
    display: inline-block;
    vertical-align: bottom;
    padding-right: 5px;
}

.btn-blue:hover {
    background: #004876;
    color: #fff;
}

.btn-yellow {
    background: #f59d00;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 5px 17px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f59d00;
    border-radius: 0 0 25px 0;
}

.btn-yellow-standad:hover {
    background: transparent;
    color: #f59d00;
}

.btn-yellow-standad {
    background: #f59d00;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 5px 30px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f59d00;
    border-radius: 0 0 25px 0;
}

.btn-yellow:hover {
    background: transparent;
    color: #f59d00;
}

.btn-gray {
    background: #f2ecea;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #162449;
    padding: 5px 17px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f2ecea;
    border-radius: 0 0 25px 0;
}

.btn-gray:hover {
    background: transparent;
    color: #162449;
}

.caption_apps,
.caption_apps p {
    font-size: 14px;
    color: rgba(26, 43, 55, 0.60);
    margin-bottom: 8px;
    text-align: center;
}

.caption_apps .mybiat_logo {
    display: inline-block;
}

.list_apps {
    text-align: center;
}

.list_apps li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}

.list_apps li:last-child {
    margin-right: 0;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    margin-right: 10px;
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px;
}

.navbar-nav>li>span {
    display: block;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>span:hover {
    color: #f59d00;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #f59d00;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:after,
.navbar-default .navbar-nav>li>span:after {
    content: "";
    position: absolute;
    background-color: rgb(246 249 251 / 25%);
    width: 1px;
    height: 17px;
    right: -7px;
    top: 24px;
}

.navbar-default .navbar-nav>li.last>a {
    margin-right: 0;
}

.navbar-default .navbar-nav>li.last>a:after {
    display: none;
}

.navbar-default .navbar-nav>li.first>a {
    padding-left: 0;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>span:hover {
    color: #f59d00;
}

.desc-banner {

    color: #fff;
    text-align: center;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.17;

}

.desc-banner .mybiat_white {
    margin-bottom: 52px;
    margin-top: 20px;
    font-weight: 700;


}

.desc-banner .mybiat_white .corporate {
    font-size: 20px;
    letter-spacing: 1px;
}

section#block-bloclinksbanner {
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 50%;
    transform: translate(0, -36%);
}

.bloc_links_banner {
    width: 112px;
}

.display_links {
    width: 80px;
    height: 80px;
    border-radius: 12px 2px 25px 2px;
    background: linear-gradient(46.36deg, #004478 0%, #172449 97.74%);
    color: #fff;
    text-align: center;
    float: right;
    font-size: 27px;
    position: relative;
    padding-top: 2px;
    cursor: pointer;
    transition: none
}

.display_links:hover, .display_links:focus {
    background: #f59d00;

}

.display_links:after {
    content: "";
    background: url("/themes/custom/mybiat/css/../images/icone_links.png") no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 54px;


}

.display_links:hover {
    opacity: 1;
}

.wrap_links_banner {
    width: 112px;
    background: #ffffff;
    border-radius: 16px 0 0 16px;
    float: right;
    display: none;
}

.link_banner {
    display: block;
    width: 100%;
    padding: 10px 12px;
    text-align: center;
    color: #162449;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14;
    border-bottom: solid 1px #e9e0dd;
}

.link_banner:last-child {
    border-bottom: none;
    border-radius: 0 0 16px 16px;
}

.link_banner:first-child {
    border-radius: 16px 0 0 0;
}

.link_banner:hover {
    background: #f6f2f0;
}

.link_banner img {
    display: inline-block;
    margin-bottom: 7px;
}

.caption_link {
    display: block;
}

.display_links.active i:before {
    content: "\f197";
}

#block-besoindaide {
    float: right;
    margin-top: 10px;
}

.btn-navbar {
    background: #f59d00;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 13px 32px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f59d00;
    border-radius: 0 0 25px 0;
}

.btn-navbar i {
    margin-left: 26px;
    font-size: 19px;
    top: 2px;
    position: relative;
}

.btn-navbar:hover,
.btn-navbar:focus {
    background-color: transparent;
    color: #f59d00;
    border: 1px solid #f59d00;
}

.wrap_projet_ambitieux {
    background-color: #fff;
    padding: 70px 0 80px;
}

.wrap_projet_ambitieux .field--name-bp-block>.field--item {
    float: left;
    width: 40%;
}

.wrap_projet_ambitieux .field--name-bp-block>.field--item:last-child {
    width: 40%;
    float: right;
}

.wrap_projet_ambitieux>.default-c {

    margin: 0 auto;
    padding: 0 15px;
}

.orange {
    color: #f59d00;
}

.blue {
    color: #004478;
}

.title_projet_ambitieux {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.35;
    color: #162449;
    margin-bottom: 12px;
}

.desc_projet_ambitieux {
    font-size: 16px;
    line-height: 1.5;
    color: #162449;
    margin-bottom: 32px;
}

.content_projet_ambitieux .btn-yellow {
    padding: 5px 40px;
}

.wrap_video_ambitieux {
    position: relative;
    text-align: right;
    padding-top: 32px;
}

.wrap_video_ambitieux:before {
    content: "";
    background: url('/themes/custom/mybiat/css/../images/bg-motif.png') no-repeat 0 0 / cover;
    /*width: 384px;
    height: 240px;*/
    position: absolute;
    right: 48px;
    left: -48px;
    bottom: 32px;
    top: 0;
    z-index: 0;
}

.wrap_video_ambitieux>img {
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 100%;
}

.picto_video_ambitieux {
    position: absolute;
    top: 45%;
    left: 52%;
    z-index: 99;
}

.col-content-section {
    padding-left: 0;
    padding-right: 0;
}

.footer {
    margin-top: 0;
    padding: 0;
    border-top: none;
}

#block-topfooter {
    background: #F0F4FB;

}

.col-contact-footer {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.44;
    color: #fff;
}

.col-tel-footer>img {
    float: left;
    margin-right: 8px;
}

.content_num {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    margin-top: 9px;
}

.content_num a {
    font-weight: 400;
    color: #fff;
}

.content_num a:hover {
    color: #f59d00;
}

.social_footer {
    float: left;
    margin-top: 10px;
}

.social_footer li {
    float: left;
    margin-right: 7px;
}

.social_footer li a {
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    background: linear-gradient(90deg, #004478 0%, #172449 100%);
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    /* padding-top: 5px; */
    line-height: 31px;
}

.social_footer li a i {
    margin-right: -4px;
}

/*
.social_footer li:last-child a,
.social_footer li:first-child a{
    border-radius: 0 0 14px 0;
}
*/
/*
.social_footer li a:hover{
    background: #f59d00;
    border: 1px solid #f59d00;
}
*/
.facebook-icon a:hover {
    background-color: #1877f2;
    border: 1px solid #1877f2;
}

.linkdin-icon a:hover {
    background-color: #0a66c2;
    border: 1px solid #0a66c2;
}

.youtube-icon a:hover {
    background-color: #cd201f;
    border: 1px solid #cd201f;
}

.col-social-footer .btn-yellow {
    float: right;
    padding: 5px 10px;
    margin-left: 5px;
}

#block-copyright {
    padding: 25px 0;
    background: #004478;
}

.col-copyright {
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.75px;
}

.col-poweredby a,
.col-poweredby {
    font-size: 15px;
    color: #fff;
    text-align: right;
}

.col-poweredby a:hover {
    color: #f59d00;
}

.wrap-col-download {
    margin: 0 24px;
    background: #fff;
    padding: 30px;
    border: 1px solid #cfcccb;
    border-radius: 0 0 56px 0;
    position: relative;
    bottom: 72px;
    background-image: url('/themes/custom/mybiat/css/../images/pattern-video.png');
    background-size: auto;
    background-repeat: repeat;
}

.wrap-col-download.wrap_download {
    border-radius: 0 0 56px 0;
}

.box_content_download {
    float: left;
    line-height: 1.42;
    font-size: 22px;
    font-weight: 300;
    color: #162449;
    max-width: 60%;
}

.box_content_download .bold {
    font-weight: 900;
}

.wrap-col-download .btn-gray {
    float: right;
}

.img-col-inscri {
    float: left;
    width: 100%;
}

.wrap-col-inscri {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #cfcccb;
    padding: 20px 30px;
    border-radius: 0 0 56px 0;
    background-image: url('/themes/custom/mybiat/css/../images/pattern-video.png');
    background-size: auto;
    background-repeat: repeat;
}

.title_inscri {
    color: #162449;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 2.25;
    letter-spacing: 0.4px;
    margin-bottom: 7px;
}

.content_inscri {
    line-height: 1.42;
    font-size: 22px;
    font-weight: 300;
    color: #162449;
    margin-bottom: 15px;
}

.wrap-col-reponses {
    background: #004876;
    padding: 32px 44px;
    border-radius: 56px 0;
    text-align: center;
}

.title_reponses {
    line-height: 1.33;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 16px;
}

.wrap_assistance {
    background: #f8f8fa;
    padding: 80px 0 40px;
    min-height: 1164px;
    background-image: url('/themes/custom/mybiat/css/../images/bgmosaique2.png');
    background-repeat-y: no-repeat;
}

.col-title-assistance {
    text-align: center;
    margin-bottom: 55px;
}

.title_assistance {
    font-size: 40px;
    font-weight: 900;
    line-height: 0.9;
    margin-bottom: 16px;
    text-align: center;
    color: #162449;
}

.sub_title_assistance {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.33;
}

.wrap_assistance>.container {
    position: relative;
}

.col-accessibilite {
    position: absolute;
    top: 308px;
}

.col-reponses {
    position: absolute;
    top: 308px;
    left: 390px;
}

.col-download-releves {
    position: absolute;
    top: 604px;
    right: 0;
}

.wrap_clien_home {
    padding: 56px 0 88px;
    background: url('/themes/custom/mybiat/css/../images/bg_biat.png') no-repeat 0 0;
    background-size: cover;
}

.wrap_clien_home>.default-c {
    margin: 0 auto;
    padding: 0 15px;
}

.wrap_clien_home .field--name-bp-block>.field--item:first-child {
    width: 100%;
}

.wrap_clien_home .field--name-bp-block>.field--item {
    float: left;
    width: 25%;
    padding-left: 16px;
    padding-right: 16px;
}

.wrap_clien_home .field--name-bp-block>.field--item .block-block-content {
    padding: 32px;
    border-radius: 0 24px 24px 24px;
    background: #fff;
    border: 1px solid #e9e0dd;
    min-height: 190px;
}

.wrap_clien_home .field--name-bp-block>.field--item:first-child .block-block-content {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    min-height: inherit;
}

.wrap_clien_home .images-client {
    margin-bottom: 20px;
}

.wrap_clien_home .images-client img {
    margin: 0 auto;
}

.wrap_clien_home .lien-client a,
.wrap_clien_home .lien-client span {
    font-size: 21px;
    line-height: 1.33;
    color: #162449;
    display: block;
    position: relative;
    padding-right: 20px;
}

.wrap_clien_home .lien-client a:hover,
.wrap_clien_home .lien-client span:hover {
    color: #f59d00;
}

.wrap_clien_home .lien-client a:after,
.wrap_clien_home .lien-client span:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2ee";
    color: #f59d00;
    position: absolute;
    right: 0;
    font-size: 21px;
    top: 3px;
}

.wrap_clien_home .title_assistance {
    margin-bottom: 48px;
}

.wrap_fonctionalites_mybiat {
    background: #f8f8fa;
    padding: 40px 0 64px;
}

.container-fonctionnalites {

    margin: 0 auto;
}

.wrap_fonctionalites_mybiat .title_assistance {
    margin-bottom: 50px;
}

.img-fonctionnalites {
    position: relative;
    border-radius: 16px 0 48px 0;
    overflow: hidden;
}

.video-group,
.vid-group {
    position: relative;
}

.video-group:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-image: linear-gradient(to bottom, rgba(0, 45, 73, 0.8), rgba(0, 45, 73, 0.5) 64%);
    border-radius: 16px 0 48px 0;


}

.groupe-fonc-image {
    position: relative;
}

.link-fonctionnalites a {
    background: url("/themes/custom/mybiat/css/../images/play.png") no-repeat center center;
    width: 56px;
    height: 56px;
    display: inline-block;
    text-indent: -50000px;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    z-index: 9;

    /*
    border-radius:50px;
    border:2px solid transparent;
    background:linear-gradient(45deg,#ff6b00,#ff9d1b) border-box;
    -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;

    */
}

.link-fonctionnalites a:hover {
    background: url("/themes/custom/mybiat/css/../images/play2.png") no-repeat center center;
}

.titre-fonctionnalites {
    font-size: 24px;
    line-height: 1.25;
    color: #162449;
    display: block;
    position: relative;
    padding-right: 100px;
    margin-top: 22px;
}

.title-fonctionnalites {
    font-size: 24px;
    line-height: 1.25;
    color: #162449;
    display: block;
    position: relative;
    padding-right: 100px;
    margin-top: 22px;
}

.title-fonctionnalites a {
    font-size: 24px;
    line-height: 1.25;
    color: #162449;
}

.title-fonctionnalites:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2ee";
    color: #f59d00;
    position: absolute;
    right: 35px;
    font-size: 21px;
    top: 25px;
}

.title-fonctionnalites:hover {
    color: #f59d00;
}

.block-video-home {
    padding: 64px 0;
    background: url('/themes/custom/mybiat/css/../images/savoir-faire-bg.png') no-repeat 0 0 / cover;
    position: relative;
}

.block-video-home:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 56px;
    background: #f8f8fa;
    z-index: -1;
}

.block-video-home>.default-c {

    margin: 0 auto;
    padding: 0 15px;
}

.title_video_home {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.15;
    color: #162449;
}

.carousel-video-home {
    margin-top: 40px;
}

.col-links-video {
    text-align: right;
    padding-right: 30px;
}

.col-links-video .link_standard {
    margin-right: 24px;
}

.link_standard {
    font-size: 16px;
    font-weight: 900;
    letter-spacing: normal;
    text-align: right;
    color: #162449;
}

.link_standard:hover {
    color: #f59d00;
}

.carousel-video-home.owl-carousel .owl-nav {
    display: block;
    margin-top: 40px;
}

.carousel-top-idee.owl-carousel .owl-nav .owl-prev,
.carousel-top-idee.owl-carousel .owl-nav .owl-next,
.carousel-video-home.owl-carousel .owl-nav .owl-next,
.carousel-video-home.owl-carousel .owl-nav .owl-prev {
    background: #D6E2F1;
    width: 48px;
    height: 48px;
    color: #90aec7;
    opacity: 1;
    border: 1px solid #90aec7;
    border-radius: 50%;
    font-size: 21px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.carousel-top-idee.owl-carousel .owl-nav .owl-prev:hover,
.carousel-top-idee.owl-carousel .owl-nav .owl-next:hover,
.carousel-video-home.owl-carousel .owl-nav .owl-next:hover,
.carousel-video-home.owl-carousel .owl-nav .owl-prev:hover {
    background: linear-gradient(90deg, #004478 0%, #172449 100%);
    color: #fff;
}

.name-testeur {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-align: center;

}

.function-testeur {
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #162449;
}

.groupe-testeur {
    margin-top: 20px;
    /* display: none;*/
}

.owl-item.center .groupe-testeur {
    display: block;
}

.left-menu {
    background: #fff;
    border: 1px solid #f2ecea;

    border-radius: 24px 0 40px 0
}

.left-menu>h2 {
    font-size: 26px;
    font-weight: 600;
    text-align: left;
    color: #004478;
    border-radius: 24px 0 0 0;
    padding: 32px;
    /**background: url('/themes/custom/mybiat/css/../images/savoir-faire-bg.png') no-repeat 0 0 / cover;**/
    background: url('/themes/custom/mybiat/css/../images/mosaique.png') no-repeat 0 0 / cover;
}

.left-menu>ul {
    padding: 32px;
}

.menu--assistant-mybiat-mobile li,
.menu--left-menu li {
    float: left;
    width: 100%;
    position: relative;
}

.menu--left-menu li .navbar-text {
    margin-left: 30px;
}

.menu--assistant-mybiat-mobile li a,
.menu--left-menu li a {
    font-size: 16px;
    color: #162449;
    line-height: 1.5;
    padding: 12px 16px 12px 30px;
    letter-spacing: -0.4px;
    position: relative;
    border-radius: 8px 0 16px 0;
}

.menu--assistant-mybiat-mobile li a[aria-expanded="true"],
.menu--assistant-mybiat-mobile li a:focus,
.menu--assistant-mybiat-mobile li a:hover,
.menu--assistant-mybiat-mobile li.open>a,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: #254676;
    color: #fff;
}


.menu--assistant-mybiat-mobile>li:before,
.menu--left-menu>li:before {
    content: "";
    width: 20px;
    height: 17px;
    background: url('/themes/custom/mybiat/css/../images/icon_menu.png') no-repeat center right;
    position: absolute;
    left: 5px;
    top: 12px;
    z-index: 999;
}

.menu--left-menu.menu .dropdown .navbar-text {
    padding-top: 10px;
    padding-left: 23px;
}

.menu--assistant-mybiat-mobile>li.active>a,
.menu--left-menu>li.active>a {
    font-weight: 700;
    color: #f59d00;
}

/** .menu--assistant-mybiat-mobile > li.active:before,
.menu--left-menu > li.active:before {
    background: #f59d00;
}**/
.menu--assistant-mybiat-mobile li a:hover,
.menu--left-menu li a:hover {
    color: #f59d00;
}

.menu--assistant-mybiat-mobile .dropdown .navbar-text,
.menu--left-menu .dropdown .navbar-text {
    float: none;
    margin: 0;
    display: block;
    width: 100%;
    font-size: 16px;
    color: #162449;
    line-height: 1.5;
    padding: 7px 16px;
    border-left: 8px solid transparent;
    cursor: pointer;
}

.menu--assistant-mybiat-mobile .dropdown-menu,
.menu--left-menu .dropdown-menu {
    position: inherit;
    top: inherit;
    left: 0;
    float: left;
    min-width: 90%;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;

    margin-left: 24px;
}

.menu--assistant-mybiat-mobile .dropdown-menu li a,
.menu--left-menu .dropdown-menu li a {
    padding-left: 23px;
    position: relative;
    white-space: normal;
    border-left: 1px solid #f2ecea;
    border-radius: 0;
    margin: 5px 0;
}

.menu li .premium-flag {
    display: inline-block;
    padding-right: 10px;
}

.menu li .premium-flag:after {
    content: "Premium";
    background: #f59d00;
    position: absolute;
    left: 95%;
    border-radius: 12px 0 20px 0;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    padding: 2px 7px;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: inline-block;
    top: 8px;
}

.menu li span.premium-flag:after {
    content: "Premium";
    background: #f59d00;
    position: absolute;
    left: inherit;
    border-radius: 12px 0 15px 0;
    color: #fff;
    font-size: 12px;
    padding: 2px 7px;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: inline-block;
    top: 8px;
}


.menu--assistant-mybiat-mobile .dropdown-menu li a:hover,
.menu--left-menu .dropdown-menu li a:hover {
    border-left: 1px solid #f59d00;
}

.menu--assistant-mybiat-mobile .dropdown-menu>li>a.is-active,
.menu--left-menu .dropdown-menu>li>a.is-active,
.menu--assistant-mybiat-mobile .dropdown-menu>.active>a,
.menu--left-menu .dropdown-menu>.active>a,
.menu--assistant-mybiat-mobile .dropdown-menu>.active>a:hover,
.menu--left-menu .dropdown-menu>.active>a:hover,
.menu--assistant-mybiat-mobile .dropdown-menu>.active>a:focus,
.menu--left-menu .dropdown-menu>.active>a:focus {
    color: #f59d00;
    background-color: transparent;
}

.menu--assistant-mybiat-mobile .dropdown-menu li,
.menu--left-menu .dropdown-menu li {
    position: relative;
}

.menu--assistant-mybiat-mobile .dropdown-menu li a.is-active:before,
.menu--left-menu .dropdown-menu li a.is-active:before,
.menu--assistant-mybiat-mobile .dropdown-menu li:before,
.menu--left-menu .dropdown-menu li:before {
    content: "";
    width: 2px;
    height: 32px;
    background: transparent;
    position: absolute;
    left: -1px;
    top: 0;
}

.menu--left-menu .dropdown-menu li a.is-active:before,
.menu--assistant-mybiat-mobile .dropdown-menu li a.is-active:before,
.menu--assistant-mybiat-mobile .dropdown-menu li.active:before,
.menu--left-menu .dropdown-menu li.active:before {
    background: #f59d00;
}

/* .active-trail > .dropdown-menu {
    display: block;
} */
.menu--assistant-mybiat-mobile .dropdown.active .navbar-text,
.menu--left-menu .dropdown.active .navbar-text {
    font-weight: 700;
    color: #f59d00;
}

.menu--assistant-mybiat-mobile .caret,
.menu--left-menu .caret {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: none;
    border-top: none;
    border-right: none;
    border-left: none;
    float: right;
}

.menu--assistant-mybiat-mobile .caret:before,
.menu--left-menu .caret:before {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2f9";
    color: #004876;
    position: absolute;
    right: 0;
    font-size: 21px;
    top: 0;
}

.menu--assistant-mybiat-mobile .dropdown.active .caret:before,
.menu--left-menu .dropdown.active .caret:before {
    color: #f59d00;
}

.menu--assistant-mybiat-mobile .dropdown.open .caret:before,
.menu--left-menu .dropdown.open .caret:before {
    content: "\f2fc";
    color: #fff;
}

.menu--left-menu .dropdown-menu>li>a:hover,
.menu--assistant-mybiat-mobile .dropdown-menu>li>a:hover,
.menu--assistant-mybiat-mobile .dropdown-menu>li>a:focus,
.menu--left-menu .dropdown-menu>li>a:focus {
    color: #004478;
    background-color: transparent;
}

.bloc_left_guide {
    margin-top: 24px;
    margin-bottom: 24px;
}

.wrap_guide_utilisation {
    position: relative;
}

.icone-img {
    position: relative;
    background-image: linear-gradient(to right, #004478 0%, #172449 100%);
    padding-bottom: 30px;
    border-radius: 48px 0 24px 0;


}

.icone-img:after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 16px;
    background: url('/themes/custom/mybiat/css/../images/sprite-img.png') no-repeat center right;
    width: 128px;
    height: 104px;


}

.content_guide_utilisation {
    position: absolute;
    top: 28px;
    left: 24px;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.13;
    color: #fff;
    max-width: 50%;
}

.btn_guide_utilisation {
    position: absolute;
    bottom: 30px;
    left: 24px;
    font-size: 16px;
    color: #fff;
    background: url('/themes/custom/mybiat/css/../images/play2.png') no-repeat center right;
    padding-right: 75px;
    min-height: 56px;
    line-height: 56px;
}

.btn_guide_utilisation:focus,
.btn_guide_utilisation:hover {
    color: #f59d00;
    background: url('/themes/custom/mybiat/css/../images/play2.png') no-repeat center right;
}

.form_signal_bug>div {
    width: 100%;
}

.btn_guide_utilisation:hover {
    color: #f59d00;
}

.link_sidebar_left {

    padding: 20px 45px;
    border-radius: 4px;
    background: #f2ecea;
    display: block;
    margin-bottom: 8px;
    border: 1px solid #fff;
    border-radius: 16px 0 40px 0;
}

.img_link_left {
    float: left;
    margin-right: 16px;
    margin-bottom: 30px;
}

.title_link_left {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #004478;
    margin-bottom: 6px;
    transition: all 0.5s ease;
}

.subtitle_link_left {
    display: block;
    font-size: 16px;
    color: #004478;
    transition: all 0.5s ease;
}

.link_sidebar_left:hover .title_link_left,
.link_sidebar_left:hover .subtitle_link_left {
    color: #f59d00;
}

.banniere-interne {
    position: relative;
    margin-bottom: 50px;
}

.img-banner-interne {
    position: relative;
}

.img-banner-interne:after {
    content: "";
    background: url('/themes/custom/mybiat/css/../images/bg-bann-interne.png') no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;


}

.img-banner-interne img {
    width: 1920px;
    height: 460px;
    object-fit: cover;
    object-position: 68% top;
}

.content-banner-interne * {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    color: #fff;
}

.content-banner-interne {
    position: absolute;
    top: 64px;
    z-index: 99;
    width: 100%;
}

.content-banner-interne .orange {
    color: #f59d00;
}

.bg-white {
    background: #fff;
    padding: 40px 24px 24px;
    border-radius: 0 56px 0 0;
}

.page-node-type-page-thematique .bg-white {
    border-radius: 0;
    padding: 0;
}

.no-radius {
    border-radius: 0;
    padding: 24px;
}

.title_h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.11;
    color: #162449;
}

.content_big {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.33;
    color: #09132f;
    margin-bottom: 16px;
    margin-top: 15px;
}

.bloc_right_benif {
    padding: 32px 32px 45px;
    border: solid 1px #f2ecea;
    background-color: rgba(242, 236, 234, 0.4);
    border-bottom: 8px solid #f59d00;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.63;
}

.left_col_benificiaire {
    padding-top: 70px;
}

.wrap_bloc_reponses {
    padding: 63px 0 80px;
}

.title_reponse {
    font-size: 40px;
    font-weight: 900;
    line-height: 0.9;
    text-align: center;
    color: #162449;
    margin-bottom: 16px;
}

.sub_title_reponse {
    font-size: 21px;
    font-weight: 300;
    color: #162449;
    line-height: 1.33;
    text-align: center;
}

.row_contacts_response {
    margin-top: 20px;
}

.img_reponse {
    float: left;
    margin-right: 17px;
    margin-bottom: 20px;
}

.label_reponse {
    display: block;
    font-size: 15px;
    color: #162449;
    font-weight: 700;
    margin-bottom: 5px;
}

.link_reponse {
    font-size: 16px;
    color: #162449;
    margin-bottom: 5px;
    display: block;
}

.link_reponse:hover {
    font-size: 16px;
    color: #f59d00;
}

.block_fonctionalites_interne {
    padding-bottom: 40px;
}

.block_fonctionalites_interne .title_assistance {
    display: none;
}

.wrap_links_client {
    padding: 63px 0 80px;
}

.wrap_links_client .title_reponse {
    margin-bottom: 32px;
}

.col-fonctionnalites-view {
    margin-bottom: 32px;
}

.title_video_view {
    margin-bottom: 40px;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    color: #004876;
    position: relative;
    font-size: 21px;
    top: 2px;
    content: "\f2fb";
}

.title_content {

    position: relative;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 700;
    line-height: 2.22;
    color: #004876;
}

h1.title_content {
    padding-left: 65px;
    position: relative;
    margin-bottom: 54px;
    line-height: 1.1;
}

h1.title_content:after {
    content: "";
    background: #F59C00;
    display: inline-block;
    height: 2px;
    width: 31px;
    position: absolute;
    left: 0;
    top: 16px;
}

.title_content .top_title {
    color: #004876;
    display: block;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.96px;
    margin-bottom: 10px;
}

.title_content .orange_ttr1,
.title_content .blue_ttr1,
.title_content .blue_ttr2 {
    font-size: 48px;
}

.title_content .orange_ttr1 {
    color: #F59D00;
    font-weight: 700;
    letter-spacing: 1.44px;
}

.title_content .blue_ttr1 {
    color: #004876;
    font-weight: 700;
    letter-spacing: 1.44px;
}

.title_content .blue_ttr2 {
    color: #004876;
    padding-left: 5px;
    font-size: 30px;
    font-weight: 600;
}

.link_box_carte {
    display: block;
    padding: 27px 64px 27px 32px;
    box-shadow: 0 2px 10px 0 rgba(255, 157, 27, 0);
    border: solid 1px #e9e0dd;
    border-radius: 0 42px;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.78;
    color: #09132f;
    position: relative;
}

.link_box_carte:hover {
    background: #f2ecea;
    color: #09132f;
}

.link_box_carte:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2ee";
    color: #f59d00;
    position: absolute;
    right: 46px;
    font-size: 21px;
    top: 42%;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.paragraph--bp-accordion-container {
    padding-top: 0;
    background: #fff;
}

.paragraph--bp-accordion-container .panel-title a[aria-expanded="true"] {
    background-image: linear-gradient(to right, #004478 0%, #172449 100%);
    color: #fff;
}

.paragraph--bp-accordion-container .panel-title a {
    box-shadow: 0 2px 10px 0 rgba(255, 157, 27, 0);
    border: solid 1px #F2ECEA;
    padding: 20px 64px 20px 32px !important;
    box-shadow: 0 2px 10px 0 rgb(255 157 27 / 0%);
    border-radius: 16px 0 40px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.78;
    color: #004478;
    position: relative;
    background: #fff;
}

.paragraph--bp-accordion-container .panel-title {
    padding: 0;
}

.paragraph--bp-accordion-container .panel {
    box-shadow: 0 2px 10px 0 rgb(255 157 27 / 0%);
    border: none;
    border-radius: 0 42px;
}

.paragraph--bp-accordion-container .panel-default>.panel-heading {
    color: #09132f;
    background-color: transparent;
    border: none;
}

.paragraph--bp-accordion-container .paragraph.paragraph--type--bp-accordion .panel-collapse>.paragraph {
    padding: 24px 32px;
}

.paragraph--bp-accordion-container .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="false"]:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2f9";
    color: #004478;
    font-size: 26px;

}

.paragraph--bp-accordion-container .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"]:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    color: #fff;
    font-size: 26px;
    content: "\f2fc";
}

.box_succes_error {
    padding: 90px 32px;
    background: url('/themes/custom/mybiat/css/../images/bg_biat.png') no-repeat 0 0 / cover;
    border: 1px solid #e9e0dd;
    text-align: center;
    border-radius: 56px 0;
}

.icone_succes {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #ff9d1b;
    border-radius: 15px 0;
    margin-bottom: 42px;
}

.icone_succes img {
    display: inline-block;
}

.title_succes_error {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #162449;
}

.sub_title_succes_error {
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
    color: #162449;
    margin-top: 18px;
}

.table-mybiat,
.table-responsive .table-striped {
    background: #f2ecea;
    border-radius: 0 42px 0 0;
}

.table-responsive .table-striped {
    margin-top: 20px;
}

.table-mybiat tbody tr {
    background: #fff;
}

.table-mybiat>thead>tr>th {
    border-bottom: none;
}

.table-mybiat>thead>tr>th,
.table-mybiat>tbody>tr>th,
.table-mybiat>tfoot>tr>th,
.table-mybiat>thead>tr>td,
.table-mybiat>tbody>tr>td,
.table-mybiat>tfoot>tr>td {
    padding: 15px;
}

.table-mybiat>thead>tr>th,
.table-mybiat>tbody>tr>th,
.table-mybiat>tfoot>tr>th,
.table-mybiat>thead>tr>td,
.table-mybiat>tbody>tr>td,
.table-mybiat>tfoot>tr>td,
.table-responsive .table .views-field {
    line-height: 1.42857143;
    border-top: 1px solid #e9e0dd;
    border-bottom: 1px solid #e9e0dd;
    padding-left: 24px;
}

.table-mybiat>tbody>tr>td:first-child {
    border-left: 1px solid #e9e0dd;
}

.table-mybiat>tbody>tr>td:last-child {
    border-right: 1px solid #e9e0dd;
}

.table-mybiat>thead>tr>th:first-child {
    border-left: 1px solid #f2ecea;
}

.votebox td {
    background-color: #f8f8fa;
    padding: 13px 24px !important;
}

.votebox td a {
    font-weight: 700;
}

form#views-exposed-form-votingapi-votes-node-page {
    margin-top: 20px;
}

.views-exposed-form .form-item {
    width: 50%;
}

.views-exposed-form .form-inline .select-wrapper {
    width: 100%;
}

#views-exposed-form-votingapi-votes-node-page select#edit-type {
    width: 100%;
    height: 48px;
    border: 1px solid #f59d00;
    box-shadow: none;
    font-size: 18px;
    font-weight: 300;
    color: #162449;
    border-radius: 0;
}

.views-exposed-form .form-inline .select-wrapper:after,
.views-exposed-form .form-inline .select-wrapper:after {
    right: -7px;
    font-size: 25px;
    top: 24px;
}

.has-glyphicons .select-wrapper:after,
.select-wrapper:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2f9";
    color: #004876;
    position: absolute;
    right: 0;
    font-size: 25px;
    top: 15px;
}

button#edit-submit-votingapi-votes {
    background: #f59d00;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 5px 17px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f59d00;
    border-radius: 0 0 25px 0;
}

button#edit-submit-votingapi-votes:hover {
    background: transparent;
    color: #f59d00;
}

#node-thematique .field--label-inline .field--label::after {
    content: "";
}

#node-thematique .field--label-inline .field--item,
#node-thematique .field--label-inline .field--label {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #162449;
}

#node-thematique .field--name-node-changed-date {
    padding-top: 22px;
    margin-top: 15px;
    border-top: solid 1px #f2ecea;
}

.pager-nav {
    text-align: center;
    margin-top: 20px;
}

.pagination>li {
    margin: 0 4px;
    display: inline-block;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 0;
    color: #004876;
    text-decoration: none;
    border: 1px solid #f2ecea;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.pagination>li.pager__item--first,
.pagination>li.pager__item--last {
    display: none;
}

.pagination>li.pager__item--previous span,
.pagination>li.pager__item--next span {
    display: none;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #ff9d1b;
    border-color: #ff9d1b;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ff9d1b;
    border-color: #ff9d1b;
}

.pagination .pager__item--previous a:before {
    content: "\f2ea";
    font: normal normal normal 30px / 1 "Material-Design-Iconic-Font";
    color: #004876;
    font-size: 21px;
    position: relative;
    top: 2px;
}

.pagination .pager__item--next a:before {
    content: "\f2ee";
    font: normal normal normal 30px / 1 "Material-Design-Iconic-Font";
    color: #004876;
    font-size: 21px;
    position: relative;
    top: 2px;
}

.title-niv2 {
    font-size: 32px;
    color: #162449;
    font-weight: 700;
    margin-bottom: 40px;
}

.form-mybiat label {
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #162449;
    padding-left: 8px;
}

.form-mybiat input[type="number"] {
    width: 100%;
}

.form-control,
.form-mybiat input,
.form-mybiat select {
    display: block;
    width: 100%;
    height: 65px;
    padding: 16px 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border: solid 2px #e4d9d5;
    background-color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    color: #004478;
}

.form-mybiat .webform-button--submit {
    background: #004876;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 5px 35px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #004876;
    border-radius: 0 0 25px 0;
    transition: all 0.5s ease;
}

.form-item-captcha-response {
    padding-right: 0;
    padding-left: 0;
}

.form-mybiat .form-group {
    margin-bottom: 15px;
    width: 100%;
}

.form-mybiat .webform-actions {
    text-align: right;
    width: 100%;
    margin-bottom: 0;
}

.form-mybiat .form-textarea::placeholder {
    color: #162449;

}

.form-mybiat .webform-button--submit:hover {
    background: transparent;
    color: #004876;
}

.title_top_idee {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.67;
    color: #162449;
}

.view-top-idee-recues {
    margin-top: 60px;
}

.carousel-banniere {
    top: -1px;
}

.carousel-banniere .item {
    position: relative;
}

.carousel-banniere .item:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 72, 118, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    /*background-image: url(/themes/custom/mybiat/css/../images/pattern-bas.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;*/
}

.carousel-banniere .item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background-image: linear-gradient(to bottom, #002d49cc, #002d4980 64%);
    /*background-image: url(/themes/custom/mybiat/css/../images/pattern-haut.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;*/
}

.carousel-banniere .owl-dots {
    position: absolute;
    right: 20px;
    top: 20%;
    width: 50px;
    z-index: 99;
}

.carousel-banniere .owl-dot {
    padding: 9px 0 !important;
    display: block !important;
    width: 100%;
}

.carousel-banniere .owl-dots .owl-dot span {
    display: block;
    width: 30px;
    height: 1px;
    background: #c4c3c3;
    cursor: pointer;
    float: right;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.carousel-banniere .owl-dots .owl-dot.active span,
.carousel-banniere .owl-dots .owl-dot.clickable,
.carousel-banniere .owl-dots .owl-dot:active span,
.carousel-banniere .owl-dots .owl-dot:focus span,
.carousel-banniere .owl-dots .owl-dot:hover span {
    width: 50px;
    background: #f59d00;
}

.carousel-top-idee {
    margin-top: 25px;
    margin-bottom: 35px;
}

.carousel-top-idee .owl-stage {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.carousel-top-idee .owl-item {
    background: #fff;
    padding: 32px;
    border-bottom: 8px solid #f59d00;
}

.carousel-top-idee .owl-item:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: 32px;
    left: 32px;
    background: url('/themes/custom/mybiat/css/../images/icon-idee.png') no-repeat 0 0;
}

.carousel-top-idee .owl-nav {
    margin-top: 40px;
}

.content-idee {
    font-size: 16px;
    line-height: 1.63;
    color: #162449;
    margin-top: 24px;
    margin-bottom: 32px;
}

.content-idee p {
    font-size: 16px;
    line-height: 1.63;
    color: #162449;
}

.name-idee {
    font-size: 15px;
    font-weight: 900;
    line-height: 1.6;
    color: #162449;
}

.fonction-idee {
    font-size: 14px;
    line-height: 1.71;
    color: #162449;
}

.date-idee {
    font-size: 14px;
    line-height: 1.71;
    text-align: right;
    color: #09132f;
    margin-top: 24px;
}

.form-required:after {
    background-image: url('/themes/custom/mybiat/css/../images/required.svg');
}

.contact-right {
    background-color: #f2ecea;
    padding: 32px 40px;
    border-radius: 0 40px 0 0;
}

.contact-title {
    font-size: 32px;
    font-weight: 700;
    color: #162449;
    line-height: 1.3;
    margin-bottom: 60px;
}

.row_contacts_response .content_big {
    margin-bottom: 20px;
}

.text-contact {
    font-size: 28px;
    font-weight: 300;
    color: #162449;
    line-height: 1.33;
}

.contact-right .wrap_guide_utilisation img {
    width: 100%;
}

.contact-right .btn_guide_utilisation {
    right: 12px;
    left: inherit;
    bottom: 10px;
}

.contact-right .content_guide_utilisation {
    top: 50%;
    transform: translate(0, -50%);
}

.contact-right .row_contacts_response {
    margin-bottom: 20px;
}

.box-custom-form {
    background: #fff;
    padding: 40px 24px;
}

.form_contact_bug .form-group {
    margin-bottom: 0;
}

.form_contact_bug .webform-type-radios .fieldset-legend,
.form_contact_bug .box-custom-form>.control-label {
    display: none;
}

.box-title-custom-form {
    padding-bottom: 0;
}

.box-title-custom-form .title-form {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    color: #015387;
    border-left: 2px solid #f59d00;
    padding-left: 14px;
}

.first-child-custom-box {
    border-radius: 0 28px 0 0;
}

.form_contact_bug .second-child-custom-box {
    border-radius: 0 0 0 28px;
    margin-bottom: 8px;
}

.last-child-custom-box {
    border-radius: 0 0 28px 0;
}

.box-custom-form {
    margin-bottom: 8px;
}

.form_contact_bug .custum-radio input {
    border: none;
    border-radius: 0;
    height: auto;
    box-shadow: none;
    margin-top: 0;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
    top: -3px;
}

input[type="checkbox"],
input[type="radio"] {
    --active: #275efe;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: #bbc1e1;
    --border-hover: #275efe;
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}

input[type="checkbox"]:after,
input[type="radio"]:after {
    content: "";
    display: block;
    left: 6px;
    top: 6px;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    --b: #f2ecea;
    --bc: #f2ecea;
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
}

input[type="checkbox"]:disabled:checked,
input[type="radio"]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
}

input[type="checkbox"]:disabled+label,
input[type="radio"]:disabled+label {
    cursor: not-allowed;
}

input[type="checkbox"]:hover:not(:checked):not(:disabled),
input[type="radio"]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    box-shadow: none;
}

input[type="checkbox"]:not(.switch),
input[type="radio"]:not(.switch) {
    border: 1px solid #ff9d1b;
    border-radius: 50%;
    box-shadow: none;
    margin-top: 0;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
    top: -3px;
}

input[type="checkbox"]:not(.switch):after,
input[type="radio"]:not(.switch):after {
    opacity: var(--o, 0);
    background: #f59d00;
}

input[type="checkbox"]:not(.switch):checked,
input[type="radio"]:not(.switch):checked {
    --o: 1;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
}

input[type="checkbox"]:not(.switch) {
    border-radius: 7px;
}

input[type="checkbox"]:not(.switch):after {
    width: 0;
    height: 0;
    border: none;
    border-top: 0;
    border-left: 0;
    left: 4px;
    top: 0;
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    color: #f59d00;
    font-size: 19px;
}

input[type="checkbox"]:not(.switch):checked {
    --r: 43deg;
}

input[type="checkbox"].switch {
    width: 38px;
    border-radius: 11px;
}

input[type="checkbox"].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
}

input[type="checkbox"].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
}

input[type="checkbox"].switch:disabled:not(:checked):after {
    opacity: 0.6;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="radio"]:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
}

input[type="radio"]:checked {
    --s: 0.5;
}

.box-custom-form.custum-radio {
    padding-left: 80px;
}

.box-custom-form.custum-radio .radio {
    margin-bottom: 24px;
}

.box-custom-form.custum-radio .radio label {
    font-size: 16px;
    font-weight: 400;
    color: #09132f;
}

.form_contact_bug .form-textarea {
    border: 1px solid #e9e0dd;
    border-radius: 4px 4px 45px 4px;
    min-height: 168px;
    box-shadow: none;
    margin-top: 8px;
    color: #09132f;
    padding: 24px;
    font-size: 15px;
    width: 75%;
}

.box-custom-form.form-type-webform-document-file .js-webform-document-file {
    padding: 32px 24px 24px;
    border: dashed 1px #e9e0dd;
    background-color: rgba(242, 236, 234, 0.3);
    border-radius: 0 42px;
    width: 75%;
    text-align: center;
    position: relative;
}

.form-mybiat label.custom_file {
    background: #f59d00;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 6px 16px 5px 56px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f59d00;
    border-radius: 0 0 25px 0;
    position: relative;
    cursor: pointer;
}

.form-mybiat label.custom_file:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('/themes/custom/mybiat/css/../images/icon-upload.png');
    position: absolute;
    top: 12px;
    left: 16px;
}

.form-mybiat .webform-document-file-placeholder {
    color: #004876;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.35px;
    margin: 0;
}

.form-mybiat .file {
    display: inline-block;
    font-size: 75%;
    font-weight: 400;
    margin: 5px 0;
    width: auto;
    background: #f59d00;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 4px 16px 2px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f59d00;
    border-radius: 0 0 25px 0;
}

.form-mybiat .file>span {
    background: transparent;
    color: #fff;
    border-bottom: none;
    border-top: none;
    display: inline;
}

.form-mybiat .file>span:last-child {
    border-right: none;
}

.form-mybiat .file>span:first-child {
    border-left: none;
}

.form-mybiat .file-icon .text-primary {
    color: #fff;
}

.form_contact_bug .webform-button--submit {
    margin-top: 32px;
}

.form_contact_bug .webform-document-file .button.js-form-submit {
    background: transparent;
    color: #f59d00;
    border: none;
}

.webform-section-title {
    display: none;
}

.form-mybiat {
    margin-bottom: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 40px 24px;
    border-radius: 0 40px 0 40px;
    background: #fff;
}

.form-mybiat.form-rdv.form-particulier {
    padding: 40px 24px;
}

.form-mybiat #edit-section-left {
    border-radius: 0 0 0 40px;
    background: #fff;
    padding: 40px 24px 0;
}

.form-mybiat.contact_form_biat #edit-section-right,
.form-mybiat #edit-section-right,
.form-mybiat #edit-right-section {
    padding-right: 0;
}

.form-mybiat #edit-section-right .webform-section-wrapper,
.form-mybiat #edit-section-right .webform-section-wrapper>.form-item,
.form-mybiat #edit-section-right .webform-section-wrapper .contact-right,
.form-mybiat #edit-right-section .webform-section-wrapper,
.form-mybiat #edit-right-section .webform-section-wrapper>.form-item,
.form-mybiat #edit-right-section .webform-section-wrapper .contact-right {
    height: 100%;
}

.form-mybiat #edit-section-right .webform-section-wrapper .contact-right {
    padding-bottom: 56px;
}

.form-mybiat .row.js-form-wrapper.form-wrapper {
    margin: 0;
}

.form-mybiat #edit-section-right .webform-section-wrapper>.form-item {
    margin-bottom: 0;
}

.m-bottom-0 {
    margin-bottom: 0 !important;
}

.form-rdv .radio input[type="radio"] {
    margin-left: -6px;
}

.wrap-radio-rdv>legend {
    float: left;
    width: 42%;
    font-size: 15px;
    color: #162449;
    margin: 0;
}

.wrap-radio-rdv>.fieldset-wrapper {
    float: left;
    width: 55%;
}

.wrap-radio-rdv .fieldset-wrapper .js-webform-radios {
    text-align: center;
}

.wrap-radio-rdv .fieldset-wrapper .js-webform-radios .radio {
    float: left;
    margin-top: 0;
    margin-right: 24px;
    margin-bottom: 0;
}

.form-rdv .wrap-radio-rdv .radio input[type="radio"] {
    margin-right: 8px;
    top: -6px;
}

.wrap-radio-rdv,
.form-rdv .form-group {
    margin-bottom: 32px;
    width: 100%;
}

.has-glyphicons .select-wrapper:after,
.select-wrapper:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2f9";
    color: #004876;
    position: absolute;
    right: 20px;
    font-size: 25px;
    top: 35px;
}

.form-mybiat .has-glyphicons .select-wrapper:after,
.form-mybiat .select-wrapper:after {
    color: #f59d00;
}

.custom-group-compte.panel-default {
    margin-bottom: 32px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-group-compte.panel-default>.panel-heading {
    font-size: 15px;
    color: #162449;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0;
}

.custom-group-compte.panel-default .panel-title {
    margin: 0;
    padding: 0;
}

.custom-group-compte .panel-body .control-label {
    display: none;
}

.custom-group-compte .panel-body {
    margin: 0;
    padding: 0;
}

.custom-group-compte.panel-default .form-group {
    float: left;
    width: 72px;
    margin-right: 32px;
}

.custom-group-compte.panel-default .form-group input {
    width: 100%;
}

.custom-group-compte.panel-default .form-group:last-child {
    margin-right: 0;
}

.form-mybiat label.error {
    color: red;
    font-size: 12px;
}

.webform-button--reset {
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #004876;
    padding: 5px 35px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #004876;
    border-radius: 0 0 25px 0;
    transition: all 0.5s ease;
}

.webform-button--reset:active:focus,
.webform-button--reset:focus,
.webform-button--reset:hover {
    background: #004876;
    color: #fff;
    border-color: #004876;
}

.webform-button--reset .icon.glyphicon {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.sitemap .sitemap-box {
    float: left;
    width: 50%;
}

.sitemap .sitemap-box h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.11;
    color: #162449;
    margin-bottom: 12px;
}

.sitemap-box-menu.sitemap-box li a {
    display: block;
    font-size: 16px;
    color: #09132f;
    line-height: 1.7;
}

.sitemap-box-menu.sitemap-box li a:hover {
    color: #f59d00;
}

.sitemap-menu .expanded span {
    font-size: 18px;
    font-weight: 500;
    line-height: 2.22;
    color: #004876;
}

.sitemap .sitemap-box ul ul {
    margin: 0 0 16px;
}

body.page-404-not-found .footer {
    display: none;
}

.no-paddinglr {
    padding: 0;
}

.container-404 {
    position: relative;
}

.image404 img {
    width: 100%;
    height: auto;
}

.text-404 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 50%;
    margin: 80px auto 0;
}

.row-404 {
    margin-right: 0;
    margin-left: 0;
}

.title404 {
    font-size: 136px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.second-title {
    font-size: 28px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.small-txt {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    width: 40%;
    margin: 16px auto;
    font-family: "Roboto", sans-serif;
}

.mini-logo {
    position: relative;
}

.mini-logo img {
    text-align: center;
    margin: 19px auto;
    z-index: 3;
    position: relative;
}

.mini-logo:after {
    position: absolute;
    content: "";
    height: 1px;
    max-width: 460px;
    width: 100%;
    left: 0;
    right: 0;
    background-color: rgba(233, 224, 221, 0.32);
    top: 13px;
    margin: 0 auto;
}

.big-txt {
    font-size: 21px;
    color: #ffffff;
    text-align: center;
    font-weight: 100;
    margin-bottom: 30px;
}

.link-404 {
    text-align: center;
}

.row-404 .label_reponse,
.row-404 .link_reponse {
    color: #ffffff;
}

.row-404 .label_reponse,
.row-404 .link_reponse:hover {
    color: #f59d00;
}

.row-404 .btn-yellow {
    padding: 5px 30px;
}

.besoin-aide-responsive {
    display: none;
}

.exposed_form_biat {
    position: absolute;
    top: 550px;
    z-index: 1001;
    left: 0;
    width: 100%;
}

.exposed_form_biat form {
    margin: 0 auto;
    border-radius: 24px 0 24px 0;
    box-shadow: 0 2px 22px 0 rgba(148, 134, 128, 0.19);
    border: solid 1px #e9e0dd;
    background-color: #fff;
    padding: 8px 8px 8px 32px;
    transition: all 0.5s ease;
}

.top_bar_biat .exposed_form_biat form {
    border-radius: 36px 0 36px 0;
    overflow: hidden;
}

.exposed_form_biat .form-actions {
    float: right;
    max-width: 20%;
    padding: 16px;
}

.exposed_form_biat .form-actions .form-submit {
    margin-right: 0;
    background-image: linear-gradient(to right, #004478 0%, #172449 100%);
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 8px 40px;
    display: inline-block;
    text-decoration: none;
    border-radius: 8px 0 16px 0;
    transition: all 0.5s ease;
    max-width: 100%;
}

.exposed_form_biat .form-actions .form-submit:hover {
    background: transparent;
    color: #f59d00;
}

.exposed_form_biat .form--inline>.form-item {
    width: 17%;
    margin-right: 0;

}

.exposed_form_biat .form--inline>.form-item.form-type-select .select-wrapper:after {
    top: 25px;
    right: 10px;
}

.exposed_form_biat .form--inline>.form-item.form-type-select {
    position: relative;
    padding: 16px 0;
}

.exposed_form_biat .form--inline>.form-item.form-type-select select {
    min-height: 54px;
    margin: 0;
    color: rgba(0, 68, 120, 0.5);
    padding: 0 40px;
}

.exposed_form_biat .form--inline>.form-item.form-type-select:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    background: rgba(0, 68, 120, 0.5);
    width: 1px;
    height: 56px;
    z-index: 99;
}

.exposed_form_biat .form--inline>.form-item.form-type-search-api-autocomplete {
    width: 46%;
    margin-right: 0;
}

.exposed_form_biat .form--inline>.form-item.form-type-search-api-autocomplete .input-group {
    padding: 16px 0;
}


.exposed_form_biat .form-item.form-type-search-api-autocomplete label.control-label .mybiat_logo {
    margin-top: 8px;
}

.exposed_form_biat .form-item.form-type-search-api-autocomplete label.control-label {
    font-size: 16px;
    font-weight: 500;
    padding: 16px 40px;
    margin-right: 25px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #004478;
    /*background: #F2ECEA;*/
    line-height: 1.2;
    text-align: center;
    min-height: 86px;
    border-radius: 24px 0 0 0;
    border-right: solid 1px rgba(0, 68, 120, 0.1);
    background: url('/themes/custom/mybiat/css/../images/mosaique.png') no-repeat 0 0 / cover;

}

.exposed_form_biat .input-group {
    max-width: 60%;
    width: 100%;
}

.exposed_form_biat select {
    width: 100%;
}

.exposed_form_biat select,
.exposed_form_biat input,
.exposed_form_biat .input-group input {
    height: 54px;
    border: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 500;
    color: #162449;
    width: auto;
}

.exposed_form_biat .form-type-search-api-autocomplete input {
    padding-left: 0;
    margin-top: 0;
}

.exposed_form_biat select {
    font-size: 15px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
    width: 100% !important;
    text-overflow: ellipsis;
    padding-right: 20px;
    margin-top: 5px;
}

.exposed_form_biat ::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #162449;
}

.exposed_form_biat.exposed_form_biat_custom .form-type-select label.control-label {
    color: #948680;
    font-size: 14px;
    font-weight: 500;
    width: auto;
    margin-right: 0;
    padding-right: 0;
    max-width: 100%;
    line-height: 1.5;
}

.exposed_form_biat.exposed_form_biat_custom .form-type-select label.control-label:after {
    display: none;
}

.exposed_form_biat_custom .form--inline>.form-item.form-type-select {
    width: calc(20% - 30px);
    padding-left: 15px;
    margin-left: 15px;
    position: relative;
}

.exposed_form_biat_custom .form--inline>.form-item.form-type-select:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    background: rgba(22, 36, 73, 0.4);
    width: 1px;
    height: 42px;
    z-index: 999;
}

.views-exposed-form .form-inline .select-wrapper:after,
.views-exposed-form .exposed_form_biat_custom .form-inline .select-wrapper:after {
    top: 19px;
}

.exposed_form_biat:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 68, 120, 0.5);
}

.exposed_form_biat ::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 68, 120, 0.5);
}

.exposed_form_biat .input-group .input-group-addon {
    border: none;
    box-shadow: none;
    background: transparent;
}

.exposed_form_biat .input-group .input-group-addon .glyphicon-refresh {
    display: none;
    color: #f59d00;
    opacity: 1;
    font-size: 22px;
}

.exposed_form_biat .input-group .input-group-addon .glyphicon-refresh.glyphicon-spin {
    display: block;
}

.exposed_form_biat .input-group .input-group-addon .glyphicon-refresh:before {
    color: #f59d00;
}

.exposed_form_biat_custom .form--inline>.form-item {
    width: 20%;
}

.exposed_form_biat_custom .form--inline>.form-item.form-type-textfield {
    width: 40%;
}

.exposed_form_biat.exposed_form_biat_custom label.control-label {
    max-width: 24%;
    margin-right: 15px;
}

.ui-widget.ui-widget-content.ui-autocomplete {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    list-style: none;
    padding: 8px 0 0;
    box-shadow: 0 2px 22px 0 rgba(9, 19, 47, 0.16);
    border: solid 1px #f2ecea;
    background-color: #ffffff;
}

.ui-autocomplete .ui-menu-item {
    color: #162449;
    padding: 0;
    white-space: inherit;
}

.ui-autocomplete .ui-menu-item a {
    color: #162449;
    padding: 15px 20px 15px 24px;
    border-bottom: solid 1px #f2ecea;
    display: block;
    font-size: 16px;
    line-height: 1.71;
    background: #fff !important;
    position: relative;
}

.ui-autocomplete .ui-menu-item a .field--name-node-title h2 {
    font-weight: 700;
    margin-bottom: 6px;
}

.autocomplete_device {
    font-size: 14px;
    font-weight: 300;
}

.ui-autocomplete .ui-menu-item a:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2ee";
    color: #f59d00;
    position: absolute;
    right: 30px;
    font-size: 16px;
    top: 18px;
    transition: all 0.5s ease;
    opacity: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none;
    background: transparent;
}

.ui-autocomplete .ui-menu-item a:hover:after {
    opacity: 1;
}

.ui-autocomplete .ui-menu-item a:hover {
    background: rgba(242, 236, 234, 0.5) !important;
    color: #162449;
}

.ui-autocomplete .ui-menu-item a .search-api-autocomplete-suggestion {
    background: transparent !important;
    color: #162449;
    white-space: normal;
}

.ui-autocomplete .ui-menu-item a:hover .search-api-autocomplete-suggestion {
    background: transparent;
    color: #162449;
}

.search-api-autocomplete-search .ui-menu-item:hover {
    background: transparent;
}

.focus_input_search form {
    box-shadow: 0 2px 10px 0 rgba(255, 157, 27, 0.32);
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(87deg, #ff6b00 0%, #ff9d1b 50%);
    border-image-slice: 1;
    border-radius: 0;
    background: #fff;
}

.ui-widget.ui-widget-content.ui-autocomplete {
    left: 50% !important;
    width: 100% !important;
    max-width: 1170px !important;
    transform: translateX(-50%) !important;
}

.top_bar_biat {
    position: relative;
}

.top_bar_biat .exposed_form_biat {
    top: 420px;
}

.top_bar_biat .exposed_form_biat.focus_input_search form {
    border-radius: 0;
}

.page-header {
    margin: 60px auto;
    border-bottom: none;
    padding: 0 15px;
    font-weight: 700;
    line-height: 1.11;
    color: #162449;
}

.result-assistant .views-field-title a {
    display: block;
    padding: 38px 64px 20px 32px;
    box-shadow: 0 2px 10px 0 rgb(255 157 27 / 0%);
    border: solid 1px #e9e0dd;
    border-radius: 0 0 24px 0;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #004478;
    position: relative;
}

.result-assistant .views-field-title a:hover {
    background: #f2ecea;
    color: #fff;
    border: 1px solid #004478;
    background: #004478;
}

.result-assistant .views-field-title a:after {

    content: "";
    color: #f59d00;
    position: absolute;
    right: 20px;
    display: inline-block;
    top: 35%;
    background: url('/themes/custom/mybiat/css/../images/plus-det-btn-hv.png') no-repeat center right;
    width: 32px;
    height: 32px;
}

.result-assistant .views-field-title a:hover:after {
    background: url('/themes/custom/mybiat/css/../images/plus-det-btn-hv.png') no-repeat center right;


}

.result-assistant {
    position: relative;
}

.views-field-field-device {
    position: absolute;
    left: 32px;
    top: 15px;
    color: #f59d00;
    font-size: 15px;
    font-weight: 500;
}

.wrapper-assistant-search {
    background: white;
    padding: 40px 24px;
    border-radius: 0 36px 0 0;
}

.nbr_result {
    color: #f59d00;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.no-result-liste {
    margin-top: 8px;
    padding-left: 24px;
}

.no-result-liste li {
    color: #09132f;
    font-size: 16px;
    margin-bottom: 15px;
}

.no-result-liste li a {
    color: #ff9d1b;
}

.no-result-title {
    color: #09132f;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 0;
    border-bottom: solid 1px #f2ecea;
    padding-bottom: 10px;
}

.blc_breadcrumb {
    margin: 64px 0;
}

.breadcrumb {
    background: none;

    color: rgba(0, 68, 120, 0.80);

    font-size: 15px;
    font-weight: 500;
}

.breadcrumb a {
    background: none;
    color: rgba(0, 68, 120, 0.30);
}

.carousel-banniere.owl-carousel .owl-item img {
    max-height: 678px;
    object-fit: cover;
}

.list_mybiat {
    list-style: none;
    padding-left: 0;
    text-align: left;
    margin-top: 15px;
}

.list_mybiat li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    line-height: 1.3;
    color: #004478;
}

.list_mybiat li ul {
    margin-top: 15px;
}

.list_mybiat>li:before {
    content: "";
    width: 20px;
    height: 17px;
    background: url(/themes/custom/mybiat/css/../images/icon_menu.png) no-repeat center right;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.list_mybiat li li:before {
    content: "";
    width: 16px;
    height: 8px;
    background: #f39800;
    display: inline-block;
    margin-right: 12px;
    position: absolute;
    top: 5px;
    left: 2px;
    border-radius: 0 0 8px 0;

}

.w--100 {
    width: 100% !important;
}

.leaflet-popup {
    position: fixed;
    left: 0 !important;
    top: 0 !important;
    transform: inherit !important;
}

.wrapper-col-agence {
    background: #fff;
    border: 1px solid #e9e0dd;
    border-left: 8px solid #e9e0dd;
    padding: 32px 24px 24px 72px;
    transition: all 0.5s ease;
}

.wrapper-col-agence:hover {
    border-left: 8px solid #f59d00;
}

.col-agence-view li {
    margin-bottom: 32px;
    min-height: 445px;
    float: left;
    width: 33.333%;
    padding: 0 15px;
}

.wrapper-col-agence {
    color: #004876;
    font-size: 16px;
    font-weight: 700;
    min-height: 445px;
    position: relative;
}

.leaflet-container a,
.wrapper-col-agence a {
    color: #004876;
    font-size: 16px;
}

.leaflet-popup-content {
    color: #004876;
    font-size: 16px;
    font-weight: 700;
}

.leaflet-popup-content:before,
.wrapper-col-agence:before {
    content: "";
    width: 40px;
    height: 40px;
    background: #f2ecea;
    position: absolute;
    top: 32px;
    left: 16px;
    border-radius: 3px 3px 13px 3px;
}

.leaflet-popup-content:after,
.wrapper-col-agence:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url('/themes/custom/mybiat/css/../images/icon-building.png') no-repeat 0 0;
    position: absolute;
    top: 39px;
    left: 24px;
}

.caption-list-agence {
    font-size: 14px;
    color: #162449;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 1.3;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: white;
    color: #333;
    box-shadow: none;
}

.geolocation-map-container * {
    border-radius: 0;
    padding: 0;
}

.leaflet-popup-content {
    margin: 0;
    line-height: inherit;
    background: #fff;
    border: 1px solid #e9e0dd;
    border-left: 8px solid #e9e0dd;
    padding: 32px 24px 24px 72px;
    transition: all 0.5s ease;
    height: 100%;
    min-width: 350px;
    box-sizing: border-box;
}

.leaflet-popup-tip-container {
    display: none;
}

.leaflet-popup {
    height: 712px;
    margin: 0;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    height: 712px;
}

.marker-cluster-small div {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-block;
    margin: 0;
    background: url('/themes/custom/mybiat/css/../images/icon-locations.png') no-repeat center center #f59d00;
}

.marker-cluster-small {
    width: 136px !important;
    height: 136px !important;
    border-radius: 50%;
    background-color: rgba(245, 157, 0, 0.05);
    border: solid 1px #ff9d1b;
    text-align: center;
    line-height: 111px;
}

.marker-cluster span {
    opacity: 0;
}

.col-filter-affichage {
    text-align: right;
}

.wrap-liste-affichage,
.caption_type_affichage {
    display: inline-block;
}

.col-filter-affichage {
    text-align: right;
}

.caption_type_affichage {
    font-size: 14px;
    font-weight: 500;
    color: #004876;
    margin-right: 24px;
    text-transform: uppercase;
}

.caption_liste {
    border-radius: 4px;
    padding: 8px 16px 8px 48px;
    font-size: 16px;
    color: #015387;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.display-carte-mybiat {
    background: url('/themes/custom/mybiat/css/../images/map.png') no-repeat 16px 5px #fff;
    margin-right: 12px;
}

.display-carte-mybiat:hover,
.display-carte-mybiat.active {
    background: url('/themes/custom/mybiat/css/../images/map_hover.png') no-repeat 16px 5px #fff;
    border-bottom: 2px solid #f59d00;
    border-radius: 4px 4px 0 0;
}

.display-list-mybiat {
    background: url('/themes/custom/mybiat/css/../images/menu.png') no-repeat 16px 5px #fff;
}

.display-list-mybiat:hover,
.display-list-mybiat.active {
    background: url('/themes/custom/mybiat/css/../images/menu_hover.png') no-repeat 16px 5px #fff;
    border-bottom: 2px solid #f59d00;
    border-radius: 4px 4px 0 0;
}

.view-agence-mybiat .views-exposed-form>.form--inline {
    background: #fff;
    padding: 16px 24px;
    border-radius: 32px 0;
}

.wrap-filter-agence {
    margin-bottom: 32px;
}

.view-agence-mybiat .views-exposed-form .form-item {
    float: left;
    width: 25%;
    padding-left: 22px;
    border-right: 1px solid #004876;
}

.view-agence-mybiat .views-exposed-form .select-wrapper {
    width: 100%;
}

.view-agence-mybiat .views-exposed-form .select-wrapper:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2f9";
    color: #004876;
    position: absolute;
    right: 10px;
    font-size: 25px;
    top: 16px;
}

.view-agence-mybiat .views-exposed-form select {
    border: none;
    border-radius: 4px;
    box-shadow: none;
    padding: 6px 12px;
    width: 100%;
    font-size: 15px;
    color: #162449;
    margin-left: -12px;
}

.view-agence-mybiat .views-exposed-form .form-actions {
    float: right;
}

.view-agence-mybiat .views-exposed-form .form-actions button:hover {
    background: transparent;
    color: #004876;
}

.bloc-agence-mybiat .container-fonctionnalites {
    margin-right: -15px;
    margin-left: -15px;
}

.view-footer .wrap-filter-agence {
    display: none;
}

.view-footer .views-exposed-form {
    display: none;
}

:root {
    --mapfilter: grayscale(0.45);
    width: 100%;
}

html body.dark {
    --mapfilter: invert(1) grayscale(0.45);
    width: 100%;
}

.map-layer,
.leaflet-tile-container {
    filter: var(--mapfilter);
    -webkit-filter: var(--mapfilter);
}

.table-responsive {
    overflow-x: hidden;
    border: none;
}

.vote-like a,
.vote-like a:link,
.vote-like a:visited,
.vote-dislike a,
.vote-dislike a:link,
.vote-dislike a:visited {
    background: url('/themes/custom/mybiat/css/../images/sprite-v1.png') no-repeat;
    width: 25px;
    height: 20px;
}

.vote-dislike a {
    background-position: -25px 0;
}

.widget-bloc-like {
    background-color: rgba(242, 236, 234, 0.4);
    padding: 24px 32px 24px 24px;
    border-radius: 0 0 24px 0;
    border: 1px solid #f2ecea;
    display: flex;
    align-items: center;
    margin-top: 32px;
}

.text-like {
    color: #162449;
    font-weight: 700;
    font-size: 16px;
    padding-right: 24px;
}

.vote-like,
.vote-dislike {
    border: 1px solid #f2ecea;
    border-radius: 4px;
    padding: 6px 10px;
    background-color: #ffffff;
}

.widget-bloc-like .count {
    display: none;
}

.widget-bloc-like .oui-non {
    color: #162449;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.partager-btn {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-left: 16px;
    position: absolute;
    right: 24px;
    bottom: 25px;
}

.partager-btn .block-title {
    color: #162449;
    font-weight: 500;
    font-size: 16px;
    padding-left: 12px;
}

.region.region-content {
    position: relative;
}

.text-formulaire {
    margin-bottom: 30px;
}

.thematique-content .title_h2 {
    margin-bottom: 15px;
}

.thematique-content p {
    font-size: 16px;
    color: #004478;
    line-height: 1.5;
    margin-bottom: 15px;
}

.no-margin {
    margin: 0 !important;
}

.block_questions .field--name-bp-header {
    margin-bottom: 32px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.11;
    color: #162449;
}

.block_questions>.default-c>.field--items>.field--item {
    float: left;
    width: 50%;
    margin-bottom: 16px;
    padding: 0 8px;
}

.block_questions>.default-c>.field--items>.field--item>section {
    border: 1px solid #f2ecea;
    border-radius: 0 0 56px 0;
}

.block_questions>.default-c>.field--items>.field--item .field--name-field-titre {
    padding: 30px 24px 25px 40px;
    font-size: 24px;
    line-height: 1.3;
    color: #162449;
}

.block_questions>.default-c>.field--items>.field--item .field--name-field-lien {
    padding: 0 24px 25px 40px;
}

.block_questions .link_questions a {
    background: #f2ecea;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #162449;
    padding: 5px 17px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f2ecea;
    border-radius: 0 0 25px 0;
}

.title_questions_populaires {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.11;
    color: #162449;
    margin-top: 56px;
    margin-bottom: 32px;
}

.item-questions {
    float: left;
    width: 50%;
    padding: 0 8px;
    margin-bottom: 16px;
}

.groupe_elements_questions {
    padding: 40px 25px 32px 40px;
}

.wrap_elements_questions {
    border: 1px solid #f2ecea;
    border-radius: 0 0 56px 0;
    height: 100%;
}

.title_question {
    font-size: 16px;
    font-weight: 900;
    line-height: 2.25;
    letter-spacing: 0.4px;
    color: #162449;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.txt_question {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.42;
    color: #162449;
}

.item-list-questions ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.link-video_questions a,
.link_questions a {
    background: #f2ecea;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #162449;
    padding: 5px 17px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f2ecea;
    border-radius: 0 0 25px 0;
    margin-top: 25px;
}

.link-video_questions a:hover,
.link_questions a:hover {
    background: transparent;
    color: #162449;
    border: 1px solid #f2ecea;
}

.d-none-mobile {
    display: none;
}

.view-video-mybiat .views-exposed-form>.form--inline {
    background: #fff;
    padding: 16px 24px;
    border-radius: 32px 0;
}

.view-video-mybiat .views-exposed-form .form-item {
    float: left;
    width: 23%;
    padding-left: 22px;
    border-right: 1px solid #004876;
}

.view-video-mybiat .views-exposed-form .form-item.form-type-textfield {
    padding-left: 0;
    padding-right: 22px;
}

.view-video-mybiat .views-exposed-form .form-item.form-type-textfield input {
    width: 100%;
    height: 48px;
    border: none;
    box-shadow: none;
    font-size: 19px;
    font-weight: 300;
    color: #162449;
}

.view-video-mybiat .views-exposed-form .form-item .control-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #004876;
    text-transform: uppercase;
}

.view-video-mybiat .views-exposed-form .select-wrapper {
    width: 100%;
}

.view-video-mybiat .views-exposed-form .select-wrapper:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2f9";
    color: #004876;
    position: absolute;
    right: 10px;
    font-size: 25px;
    top: 16px;
}

.view-video-mybiat .views-exposed-form select {
    border: none;
    border-radius: 4px;
    box-shadow: none;
    padding: 6px 12px;
    width: 100%;
    font-size: 15px;
    color: #162449;
    margin-left: -12px;
}

.view-video-mybiat .views-exposed-form .form-actions {
    float: right;
    width: 23%;
}

.view-video-mybiat .views-exposed-form .form-actions button {
    background: #004876;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 5px 0;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    text-align: center;
    border: 1px solid #004876;
    border-radius: 0 0 25px 0;
    transition: all 0.5s ease;
}

.view-video-mybiat .views-exposed-form .form-actions button:hover {
    background: transparent;
    color: #004876;
}

.view-video-mybiat .views-exposed-form {
    padding: 0 15px;
}

.display-inline-block {
    display: inline-block;
}

.form-actions .btn {
    background: #004876;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #fff;
    padding: 5px 35px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #004876;
    border-radius: 0 0 25px 0;
    transition: all 0.5s ease;
}

.form-actions {
    text-align: right;
}

#block-logomybiat {
    float: left;
    margin-top: 24px;
    margin-left: 8%;
}

#block-logomybiat p {
    line-height: 1;
}

.name.navbar-brand {
    display: none !important;
}

.a2a_dd {
    position: relative;
}

.link_banner.a2a_dd:before {
    display: none;
}

.link_banner.a2a_dd {
    padding-right: 12px !important;
    display: none;
}

.path-frontpage .link_banner.a2a_dd {
    display: block;
}

/************* Intégration Lot 2 ******************/
.title_actus {
    font-size: 40px;
    font-weight: 900;
    line-height: 0.9;
    margin-bottom: 40px;
    color: #162449;
}

.title-actu a {
    font-size: 24px;
    line-height: 1.25;
    color: #162449;
    display: block;
    position: relative;
    margin-top: 40px;
    font-weight: 500;
}

.title-actu a:hover {
    color: #f59d00;
}

.wrapper-img-actu {
    position: relative;
}

.theme-actu {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #f59d00;
    font-size: 14px;
    font-weight: 300;
    /*text-transform: uppercase;*/
    color: #fff;
    padding: 10px 16px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #f59d00;
    border-radius: 0 0 25px 0;
}

/*.theme-actu:before{
    content: '#';
    left: 0;
    top: 0;
}*/
.date-actu {
    color: #015387;
    font-size: 16px;
    text-transform: uppercase;
}

.container-actus {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.container-actus .col-fonctionnalites-view>.views-field {
    float: left;
    width: 100%;
    height: 100%;
}

.container-actus .wrapper-col-actu {
    background: #fff;
    border: 1px solid #cfcccb;
    border-radius: 0 0 56px 0;
    height: 100%;
}

.col-fonctionnalites-view>.views-field>.field-content {
    display: block;
    height: 100%;
}

.content-actu {
    padding: 20px 16px;
}

.node--type-actualite {
    background: #fff;
    padding: 40px 24px 24px;
    border-radius: 0 56px 0 0;
}

.title_h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.11;
    color: #162449;
}

.img-detail-actu {
    margin-top: 20px;
}

.img-detail-actu img {
    width: 100%;
}

.group-date-tag-actus {
    margin-bottom: 20px;
    color: rgba(0, 68, 120, 0.60);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;

}

.group-date-tag-actus>div {
    float: left;
}

.group-date-tag-actus>div:first-child {
    margin-right: 15px;
}

.theme-detail {
    position: relative;
    color: #09132f;
}

.theme-detail a {
    color: #09132f;
}

.theme-detail:before {
    position: absolute;
    content: "-";
    top: -2px;
    left: -11px;
    font-size: 20px;
}

.date-detail {
    color: #015387;
}

.body-detail-actu {
    margin-bottom: 20px;
}

.node--type-actualite .addtoany_list {
    float: right;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #f59d00;
}

.navbar-default .navbar-nav>li .dropdown-menu {
    box-shadow: none;
    background: #004876;
    padding: 0;
    border-radius: 0 0 3px 3px;
    border: none;
}

.navbar-default .navbar-nav>li .dropdown-menu li a {
    padding: 15px 55px 15px 25px;
    color: #fff;
    position: relative;
}

.navbar-default .navbar-nav>li .dropdown-menu li a:hover {
    background: #01416d;
}

.navbar-default .navbar-nav>li .dropdown-menu li a:after {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2ee";
    color: #f59d00;
    position: absolute;
    right: 22px;
    font-size: 21px;
    top: 15px;
    opacity: 0;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav>li .dropdown-menu li a:hover:after {
    opacity: 1;
}

.bloc-actus-home {
    position: absolute;
    z-index: 99999;
    left: calc((100% - 1410px) / 2);
    top: 150px;
    width: 40%;
}

.container-right {

    position: absolute;
    z-index: 99999;
    /** right: calc((100% - 1410px) / 2);**/
    right: 20%;
    top: 200px;
    width: 40%;
}

.bloc-actus-home .view-pg-news {
    width: 380px;
    position: relative;
}

.carousel-actu-home {
    z-index: inherit;
}

.bloc-actus-home .carousel-actu-home .owl-stage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.carousel-actu-home .owl-item {
    border: 1px solid #FFFFFF33;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 56px 0;
    padding: 25px 50px 25px 25px;
    transition: all 0.5s ease;
}

.carousel-actu-home .owl-item:hover {
    border: 1px solid rgb(0 72 118 / 100%);
    background: rgb(0 72 118 / 100%);
}

.carousel-actu-home .theme-actu {
    position: relative;
    top: 30px;
    left: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: #F59D00;
    border: 0;
    background: none;
    padding: 0;


}

.carousel-actu-home .title-actu a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.carousel-actu-home .title-actu a:hover {
    color: #f59d00;
}

.carousel-actu-home .date-actu {
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
}

.carousel-actu-home.owl-carousel .owl-nav .owl-prev,
.carousel-actu-home.owl-carousel .owl-nav .owl-next {
    border: 1px solid #FFFFFF;
    width: 36px;
    height: 36px;
    color: #162449;
    border-radius: 50%;
    font-size: 21px;
    color: #fff;
    transition: all 0.5s ease;
}

.carousel-actu-home.owl-carousel .owl-nav .owl-prev:hover,
.carousel-actu-home.owl-carousel .owl-nav .owl-next:hover {
    background: #f59d00;
    color: #fff;
}

.carousel-actu-home.owl-carousel .owl-nav .owl-prev,
.carousel-actu-home.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 45%;
}

.carousel-actu-home.owl-carousel .owl-nav .owl-prev {
    left: -24px;
}

.carousel-actu-home.owl-carousel .owl-nav .owl-next {
    right: -24px;
}

.toggle_actu_home {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 22px;
    top: 15px;
    z-index: 9999;
    cursor: pointer;
    background: #f59d00;
    border-radius: 0 16px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    transition: all 0.5s ease;
}

.toggle_actu_home.active i:before {
    content: "\f19c";
}

.toggle_actu_home.active {
    left: 0;
}

.toggle_txt_actu_home {
    display: none;
    position: absolute;
    right: 15px;
    top: 50px;
    background: #f59d00;
    color: #fff;
    padding: 15px 30px;
}

.bloc-actus-home.initial-pos {
    position: initial;
}

.carousel-actu-home {
    display: block;
}

.carousel-actu-home.hide-actu {
    display: none;
}

.toggle_actu_home.active {
    left: -30px;
    top: 30px;
    width: 50px;
}

.toggle_actu_home.active:hover {
    left: -10px;
}

.custom-group-checkbox.panel-default {
    margin-bottom: 32px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-group-checkbox.panel-default>.panel-heading {
    font-size: 15px;
    color: #162449;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0;
}

.custom-group-checkbox.panel-default .panel-title {
    margin: 0;
    padding: 0;
}

.custom-group-checkbox .panel-body {
    margin: 0;
    padding-left: 10px;
}

.custom-group-checkbox.panel-default .form-group {
    float: left;
    width: 72px;
    margin-right: 32px;
}

.custom-group-checkbox.panel-default .form-group input {
    width: 100%;
}

.custom-group-checkbox.panel-default .form-group:last-child {
    margin-right: 0;
}

.js-form-type-date.form-inline .form-control {
    width: 100%;
}

.box-custom-form.box-custom-form-contact {
    background: #fff;
    padding: 0;
}

.box-custom-form.box-custom-form-contact.form-type-webform-document-file .js-webform-document-file {
    width: 100%;
    margin-top: 10px;
}

.box-custom-form-contact .webform-document-file .button.js-form-submit {
    background: transparent;
    color: #f59d00;
    border: none;
}

.glyphicon-trash:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 19px;
    content: "\f154";
}

.glyphicon-picture:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 19px;
    content: "\f222";
    position: relative;
    top: -2px;
}

.view-actus-mybiat.view-agence-mybiat .views-exposed-form select {
    height: auto;
}

.view-actus-mybiat .form-control,
.view-actus-mybiat .form-mybiat input,
.view-actus-mybiat .form-mybiat select {
    height: auto;
    width: 90%;
    border: none;
    /* border: 1px solid #d1cecd; */
    border-radius: 0;
    font-size: 13px;
    line-height: 1;
    padding: 6px 12px 6px 0;
}

.view-actus-mybiat .form-item label.control-label {
    font-size: 15px;
    font-weight: 500;
    color: #948680;
}

.view-actus-mybiat ::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #162449;
}

.view-actus-mybiat select {
    font-size: 16px;
    font-weight: 500;
    color: #162449;
}

.list-faq li {
    background: #fff;
    padding: 24px;
    border-radius: 0 56px 0 0;
    margin-bottom: 30px;
}

.list-faq li .question a {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.22;
    color: #004876;
}

.list-faq li .question a:hover {
    color: #f59d00;
}

#node-thematique {
    border-radius: 0;
    padding: 24px;
    background: #fff;
}

.slogan_mybiat {
    display: block;
    font-size: 14px;
    color: #254676;
    font-weight: 400;
    text-align: center;

}

.item-list-faq h3,
.wrapper-assistant-search .view-content>h3,
.wrapper-assistant-search .view-content .wrapper-group>h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.71;
    margin: 10px 0 30px;
    color: #004478;

}

.wrapper-assistant-search .view-content .wrapper-group>h3 {
    border-radius: 16px 0 32px 0;
    /* border: 1px solid var(--Corporate-Gradient, #004478); */
    background-color: #f2ecea66;
    padding: 10px 24px;
    font-size: 18px;
    position: relative;
}

.wrap_fonctionalites_mybiat>.default-c {
    margin: 0 auto;
    padding: 0 15px;
}

.title_act_main {
    border-radius: 0 56px 0 0;

    background: #fff;

}

.mb15 {
    margin-bottom: 15px;
}

.pb15 {
    margin-bottom: 15px;
}

.p0 {
    padding: 0;
}

.pt15 {
    margin-top: 15px;
}

.mt15 {
    margin-top: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt30 {
    margin-top: 30px;
}

.telecharger_brochure {
    border-radius: 16px 0 32px 0;
    background: linear-gradient(90deg, #004478 0%, #172449 100%);
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 5px 25px 5px 75px;
    display: block;
    text-decoration: none;
    border: 1px solid #004876;
    border-radius: 0 0 25px 0;
    position: relative;
    line-height: 1.4;

    max-width: 320px;
    margin: 15px auto 36px;

}

.telecharger_brochure:hover,
.telecharger_brochure:focus,
.telecharger_brochure:active {
    background: transparent;
    color: #004876;
    font-size: 16px;
}

.telecharger_brochure:before {
    position: absolute;
    left: 30px;
    top: 12px;
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f220";
    font-size: 26px;
}

.telecharger_brochure span {
    display: block;
}

.col-social-footer {
    display: inline-block;
}

.charte_protection_donnees {
    font-size: 15px;
    font-weight: 500;
    color: #004478;
    padding: 10px 24px;
    display: inline-block;
    text-decoration: none;
    border-radius: 16px 0 32px 0;
    border: 1px solid var(--Corporate-Gradient, #004478);
    position: relative;
    line-height: 1.4;
    margin-right: 40px;
    text-align: left;
    position: relative;
}

.charte_protection_donnees:hover,
.charte_protection_donnees:focus,
.charte_protection_donnees:active {
    background: #004478;
    color: #fff;
}

.charte_protection_donnes:before {
    display: none;
    position: absolute;
    left: 15px;
    top: 10px;
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f220";
    font-size: 26px;
}


/** footer contact **/

.top_footer {
    padding: 72px 0;

}

#block-blocfootercontact {
    background: #fff;
}

.sub_title_footer {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 28px;
    color: #004478;
    position: relative;
    padding-left: 104px;
}

.sub_title_footer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 72px;
    height: 2px;
    background-color: #004478;
}

.title_left_footer {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    color: #004478;
}

.title_right_footer {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #004478;
    margin-bottom: 32px;
}

.col-contact-footer {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.44;
    color: #fff;
}

.col-contact-footer .link_evaluation {
    margin-left: 0;
    width: 100%;
    padding: 13px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    background: linear-gradient(90deg, #004478 0%, #172449 100%), linear-gradient(0deg, #004478, #004478);
    border-radius: 16px 0 32px 0;


}

.col-contact-footer .link_evaluation:hover {

    color: #00426c;
    border: 1px solid #00426c;
    background: transparent;
}

.right-contact-footer {
    margin-top: 50px;
}


.title_video_corporate {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    color: #1d2130;
    margin-bottom: 16px;
}

.title_video_corporate .txt {
    display: block;
    font-size: 45px;
    margin-top: 5px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1.44px;
    text-align: center;
    color: #004478;
}

.title_video_corporate .corporate {
    font-size: 32px;
    font-weight: 500;
}

.orange {
    color: #f59d00;
}

.mybiat_blue {
    color: #00426c;
}

.block-video-profiles {
    background: linear-gradient(90.04deg, #004478 0.63%, #172449 101.48%);
    padding: 100px;
}

.block-video-profiles .top-video-zone {
    padding-left: 105px;
    width: 60%;
}

.sub_title_video_profile {
    position: relative;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: left;
    color: #F59D00;
    margin-bottom: 24px;
}

.sub_title_video_profile:before {
    content: "";
    position: absolute;
    left: -104px;
    top: 8px;
    width: 72px;
    height: 2px;
    background-color: #f59d00;
}

.title_video_profile {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 80px;
}

.carousel-video-profils.owl-carousel .owl-dots,
.carousel-video-profils.owl-carousel .owl-nav {
    display: block;
}

.carousel-video-profils .owl-dots {
    text-align: center;
    margin-top: 64px;
}

.carousel-video-profils .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 0 6px;
    border: 1px solid #f59d00;
    background-color: transparent;
    border-radius: 50%;
    display: inline-block;
}

.carousel-video-profils .owl-dots .owl-dot.active span {
    background-color: #f59d00;
}

.carousel-video-profils.owl-carousel .owl-nav .owl-prev,
.carousel-video-profils.owl-carousel .owl-nav .owl-next {
    border: solid 2px rgb(228 217 213 / 40%);
}

.carousel-video-profils.owl-carousel .owl-nav .owl-prev:hover,
.carousel-video-profils.owl-carousel .owl-nav .owl-next:hover {
    background-color: rgb(228 217 213 / 40%);
}

.carousel-video-profils.owl-carousel .owl-nav .owl-prev,
.carousel-video-profils.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 144px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border: solid 1px rgba(255, 255, 255, 0.6);
    text-align: center;
    color: #f59d00;
    border-radius: 50%;
    font-size: 24px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

.carousel-video-profils.owl-carousel .owl-nav .owl-prev span,
.carousel-video-profils.owl-carousel .owl-nav .owl-next span {
    display: none;
}

.carousel-video-profils.owl-carousel .owl-nav .owl-prev:hover,
.carousel-video-profils.owl-carousel .owl-nav .owl-next:hover {
    background-color: #f59d00;
    color: #fff;
    border-color: #f59d00;
}

.carousel-video-profils.owl-carousel .owl-nav .owl-prev {
    left: -96px;
}

.carousel-video-profils.owl-carousel .owl-nav .owl-prev:before {
    content: '\f2ff';
    display: inline-block;
    font: normal normal normal 14px / 1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.carousel-video-profils.owl-carousel .owl-nav .owl-next:before {
    content: '\f301';
    display: inline-block;
    font: normal normal normal 14px / 1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.carousel-video-profils.owl-carousel .owl-nav .owl-next {
    right: -96px;
}

.assistance-bloc .owl-item>li {
    display: flex;
    align-items: end;
    background: #fff;
    border-radius: 48px 0 40px 0;
}

.assistance-bloc .owl-item>li:hover {

    background: linear-gradient(181deg, #004478 1.14%, #16244A 99.01%);
}

.assistance-bloc .owl-item>li:hover .description h3,
.assistance-bloc .owl-item>li:hover .link-detail a {
    color: #fff;
}

.assistance-bloc .owl-item>li:hover .description .tag {
    color: #F59D00;
}

.assistance-bloc .owl-item>li .content-savoir {
    padding: 40px;
    width: 62%;

}

.assistance-bloc .owl-item>li .img {
    border-radius: 48px 0 32px 0;
    overflow: hidden;


}

.assistance-bloc .title_video_corporate {
    margin: 40px auto;
    width: 70%;


}

.assistance-bloc .title_video_corporate p {

    font-size: 32px;
    line-height: 1;
    text-align: center;
    color: #004478;
    margin-bottom: 10px;
    font-weight: 400;
}

.assistance-bloc {
    background: url('/themes/custom/mybiat/css/../images/savoir-faire-bg.png') no-repeat 0 0 / cover;

}

.view-savoir-faire {
    padding-bottom: 50px;
}

.content-savoir .description h3 {

    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-align: left;
    margin-bottom: 32px;
    color: #004478;

}

.content-savoir .description h3 span {
    font-weight: 600;
    color: #F59D00
}

.content-savoir .description .tag {
    font-size: 21px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #004478;
    margin-bottom: 48px;
    display: block;
    position: relative;
    padding-left: 25px;
    display: inline-block;

}


.content-savoir .description .tag::before {
    content: "";
    width: 16px;
    height: 4px;
    border-radius: 2px 0 8px 0;
    background: linear-gradient(88deg, #EC6608 -11.65%, #F59C00 98.34%);
    position: absolute;
    top: 41%;
    left: 0;


}

.content-savoir .link-detail a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.42px;
    text-align: left;
    color: #004478;
    display: inline-block;
}

.content-savoir .link-detail a:after {
    content: "";
    background: url('/themes/custom/mybiat/css/../images/voir-plus.png');
    width: 24px;
    height: 24px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;


}

.content-savoir .link-detail a:hover:after,
.assistance-bloc .owl-item>li:hover a:after {
    background: url('/themes/custom/mybiat/css/../images/voir-plus-hv.png');
}


.assistance-bloc .owl-carousel .owl-nav .owl-next,
.assistance-bloc .owl-carousel .owl-nav .owl-prev {
    background: #D6E2F1;
    width: 48px;
    height: 48px;
    color: #8eabc4;
    border-radius: 50%;
    font-size: 21px;
    transition: all 0.5s ease;
    opacity: 1;
}

.assistance-bloc .owl-carousel .owl-nav .owl-next:hover,
.assistance-bloc .owl-carousel .owl-nav .owl-prev:hover {
    background: linear-gradient(90deg, #004478 0%, #172449 100%);
    color: #fff;
}

.assistance-bloc .owl-carousel .owl-nav {
    margin-top: 50px;
    display: block;

}

.grp-menu-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 999;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(155, 171, 183, 1);

}

.left-main-menu {
    float: left;
    width: 70%;
}

.main-nav-biat li {
    display: inline-block;
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    /* margin-right: 40px; */
    text-align: center;
    width: 180px;
    height: 52px;
    vertical-align: top;
}

.main-nav-biat li>.link-main {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    margin-right: 10px;
    transition: none;


    padding: 8px 0;
}

/* .main-nav-biat li:hover .link-main, */
/* .main-nav-biat li:hover .ttl,
.main-nav-biat li:hover .corp {
    color: #254676;
} */
.main-nav-biat li:hover::after {
    content: none;
}

.main-nav-biat li:after {
    content: "";
    position: absolute;
    background-color: rgb(246 249 251 / 50%);
    width: 1px;
    height: 52px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main-nav-biat li:last-child:after {
    display: none;
}

.main-nav-biat li p .orange {
    font-size: 20px;
    font-weight: 700;
}

.main-nav-biat li p .ttl {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.main-nav-biat li p a {
    color: #fff;
    display: block;
    padding: 16px 0;
    height: 52px;
}

.main-nav-biat li p a.active {
    color: #f59d00;
    font-weight: 500;
    font-size: 18px;
}

.main-nav-biat li p .corp {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

.link_contact {
    padding: 13px 32px;
    border-radius: 8px 0 24px 0;
    background: rgba(242, 236, 234, 1);
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    margin-right: 24px;
    color: #004876;
}

.link_contact:focus {
    background: #f59d00;
    color: #fff;

}

.text-right-banner, .text-right-banner p {

    width: 290px;
    float: right;
    text-align: left;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    line-height: 1.6;
}

.desc-banner .text-right-banner img {
    width: auto;
    height: auto;
    max-height: none;
}

.mybiat_logo.blue {
    color: #254676;
}

.mybiat_logo.xs-size {
    font-size: 18px;
}

.mybiat_logo {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 8px;
    text-align: center;

}

.title_mybiat.mybiat_logo {
    display: inline-block;
}

.title_mybiat.mybiat_logo {
    font-size: 25px;
}

.mybiat_logo .corporate {

    font-size: 17px;
    font-weight: 600;
}

.link-video {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 40px;
    padding: 13px 16px 13px 5px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(2.5px);
    text-align: left;
}

.link-video:hover {
    color: #f59d00;
}

.link-video .img {
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
    position: relative;
    top: auto;
    bottom: auto;
}

.carousel-video-profils .item {
    position: relative;
}

.carousel-video-profils .item .img-fonctionnalites {
    position: relative;
}

.carousel-video-profils .item .img-fonctionnalites::before {

    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-image: linear-gradient(to bottom, rgba(29, 33, 48, 0) 0%, #1d2130 55%);



}

.carousel-video-profils .item .groupe-testeur {
    position: absolute;
    bottom: 60px;
    left: 56px;
    width: 75%;
}

.carousel-video-profils .item .groupe-testeur .title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.72px;
    text-align: left;
    color: #fff;

}

.view-video-mybiat .carousel-video-profils.owl-theme .owl-dots {
    margin-top: 50px;
}

.mybiat_logo.xs-size .corporate {
    font-size: 12px;
}


.aside-bg {
    border-radius: 48px 0 32px 0;
}

.aside-bg .bloc_left_guide {
    margin-top: 0;
}

.inner-page {
    padding-bottom: 60px;
}

.assist-web>h2,
.assist-mobile>h2 {
    padding-left: 70px;
    position: relative;
}

.assist-web>h2:after {
    content: "";
    background: url('/themes/custom/mybiat/css/../images/assist-web.png');
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 30px;

}

.assist-mobile>h2:after {
    content: "";
    background: url('/themes/custom/mybiat/css/../images/assist-mobile.png');
    width: 20px;
    height: 28px;
    display: inline-block;
    position: absolute;
    left: 28px;
    top: 30px;

}

.custom-form {
    background: #fff;
    padding-top: 88px;
    padding-bottom: 122px;
    position: relative;
    margin-top: 60px;
}

.up_form {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    color: #004478;
    margin-bottom: 56px;
}

.custom-form:before {
    content: "";
    position: absolute;
    width: 77px;
    height: 64px;
    z-index: 999;
    left: calc(50% - 38px);
    top: -32px;
    background: url('/themes/custom/mybiat/css/../images/icon_logo.png') no-repeat right 0 / cover;
}

.custom-form .form-control::-webkit-input-placeholder, .custom-form .form-item .form-textarea.form-control::-webkit-input-placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #004478;
}

.custom-form .form-control:-ms-input-placeholder, .custom-form .form-item .form-textarea.form-control:-ms-input-placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #004478;
}

.custom-form .form-control::placeholder, .custom-form .form-item .form-textarea.form-control::placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #004478;
}

.custom-form .form-actions .btn {
    padding: 15px 60px;
    font-size: 14px;
    font-weight: 700;
    color: #00426c;
    background: transparent;
    border: 1px solid #00426c;
    text-transform: uppercase;
    outline: none;
    border-radius: 0 0 28px 0;
}

.custom-form .form-actions .btn:hover {
    background: #00426c;
    color: #fff;
}

.text-req {

    margin: 24px 0;
    color: #004478;
    font-weight: 700;

}

.left-maillage-news {
    padding: 40px;
    background: #fff;
    border-radius: 32px 0;
    border: 1px solid #F2ECEA;


}

.left-maillage-news .block-title {
    color: #004478;
    font-size: 28px;
    font-style: normal;
    margin-bottom: 25px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.96px;
}

.left-maillage-news .img img {
    max-width: 100%;
    margin-bottom: 16px;
    border-radius: 0 0 16px 0;
}

.left-maillage-news .title {
    margin-bottom: 38px;
}

.left-maillage-news .title a {
    color: #004478;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title_act_main {
    color: #004478;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 1.44px;
    border-top: 1px solid #F2ECEA;
    padding-top: 30px;
    border-radius: 0;


}

.view .title_act_main {
    border: 0;
    padding-top: 0;
    padding-left: 56px;
    margin-bottom: 36px;
}

.page-node-type-page-thematique h1.page-header {
    margin: 0;
    padding: 40px 24px 0 80px;
    color: #004478;
    font-size: 36px;
    font-weight: 700;
    background: #fff;
    position: relative;
}

.page-node-type-page-thematique h1.page-header:after, .view .title_act_main:after {
    content: "";
    background: url('/themes/custom/mybiat/css/../images/icon_title_page.png') center no-repeat;
    display: inline-block;
    height: 33px;
    width: 40px;
    position: absolute;
    left: 22px;
    top: 42px;

}

.img-news {
    margin: 38px 0;
}

.listing-news li:first-child {
    float: none;
    width: 100%;
    margin-bottom: 48px;
}

.listing-news li:first-child .wrapper-img-actu {
    width: 70%;
}

.listing-news li:first-child .wrapper-cnt-actu .title-actu a {
    color: #004478;
    font-size: 37px;
    font-weight: 400;


}

.listing-news li:first-child .img-actu img {
    width: 100%;
}

.listing-news li {
    float: left;
    width: 50%;
    display: flex;
    margin-bottom: 40px;
    align-items: center;
}

.listing-news .wrapper-cnt-actu {
    padding: 40px;
}

.listing-news .img-actu {
    overflow: hidden;
}

.listing-news .img-actu img {
    max-width: inherit;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s;

}

.listing-news .img-actu img:hover {
    transform: scale(1.2);
}

.listing-news .wrapper-cnt-actu .title-actu a {
    color: #004478;
    font-size: 21px;
    font-weight: 400;
}

.wrapper-cnt-actu .link-plus {
    margin-top: 32px;
}

.wrapper-cnt-actu .link-plus a {
    color: #004478;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.wrapper-cnt-actu .link-plus a:after {
    content: "";
    background: url('/themes/custom/mybiat/css/../images/voir-plus-icon.png');
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 7px;

}

.custom-filter .view-filters {
    width: 50%;
    float: right;
}

.custom-filter .form-actions button {
    background: #004876 url('/themes/custom/mybiat/css/../images/search-16.png') center no-repeat;
    width: 50px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden;

    padding: 5px 0;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border-radius: 0 0 25px 0;
    transition: all 0.5s ease;

}

.custom-filter.view-agence-mybiat .views-exposed-form .form-actions {
    float: left;
    border: 1px solid transparent;
}

.custom-filter.view-agence-mybiat .views-exposed-form .form-actions button:hover {
    background: url('/themes/custom/mybiat/css/../images/search-16-hv.png') center no-repeat;
    border: 1px solid #004876;
}

.custom-filter .form-text.form-control {
    width: 70%;
}

.custom-filter .form-item label.control-label {
    width: 30%;
    float: left;
    padding-top: 17px;
    color: #004478;

    font-size: 15px;

    font-weight: 700;
    letter-spacing: 0.75px;
}

.custom-filter .form-text.form-control.bef-datepicker {
    width: 100%;
}

.custom-filter .form-control {
    height: 50px;
    background: #fff;
    padding: 0 16px;
    border: 2px solid #F2ECEA;
}

.custom-filter .form-control::placeholder {
    color: #004478;
    font-size: 14px;
}

.custom-filter.view-agence-mybiat .views-exposed-form .form-item {
    width: 45%;
    border: 0;
    padding-left: 0;
}

.custom-filter.view-agence-mybiat .views-exposed-form>.form--inline {
    background: transparent;
}

.custom-filter .view-header {
    width: 50%;
    float: left;
}

.custom-filter .view-header .title_actus {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    color: #004478;
    letter-spacing: 1.44px;
}


.addtoany_list {
    position: absolute;
    right: 15px;
    top: 25px;
    z-index: 9999;
}

.paragraph .viewsreference--view-title {
    display: none;
}

.captcha__title {
    display: none;
}

.main-nav-biat li p:nth-child(2) {
    display: none;
}

.main-nav-biat li:hover p:nth-child(2) {
    display: block;
    z-index: 9;
    position: relative;
}

.main-nav-biat li:hover p:first-child {
    display: none;
}

.main-nav-biat li:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    transform-origin: left center;
    background: #000;
    position: absolute;
    z-index: 1;
    transition: all .3s ease;
    right: 0;
    left: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    transform: scaleX(0);
    z-index: 2;
    border-radius: 0px 0 24px 0;
}

.main-nav-biat li:hover:before {
    transform: scaleX(1);
}

.fixed-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    /* background: $white; */
    margin-top: 0 !important;
    padding-top: 14px;
    z-index: 999999;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.caption_apps p {
    display: inline-block;
}

.parag {
    font-size: 16px;
    color: #004478;
    line-height: 1.5;
    margin-bottom: 15px;
}

.link_sidebar_left span.content_link_left.title_link_left {
    display: inline-block;
}

.link_sidebar_left .content_link_left.title_link_left.title_link_left_block {
    display: block;
}

.mybiat_logo.corporate {
    font-size: 13px;
    font-weight: 600;
}

.link_sidebar_left .content_link_left.subtitle_link_left {
    display: block;
}

.wrapper-assistant-search .view-content .wrapper-group .result-assistant {
    display: none;
}

.wrapper-assistant-search .view-content .wrapper-group.active .result-assistant {
    display: block;
    margin-left: 24px;
    margin-right: 24px;
}

.wrapper-assistant-search .view-content .wrapper-group h3:before {
    font: normal normal normal 14px / 1 "Material-Design-Iconic-Font";
    content: "\f2f9";
    color: #f59d00;
    position: absolute;
    right: 24px;
    font-size: 26px;
    top: 12px;
}

.wrapper-assistant-search .view-content .wrapper-group.active h3 {
    background-color: #004478;
    color: #f59d00;
}

.wrapper-assistant-search .view-content .wrapper-group.active h3:before {
    color: #f59d00;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.form-item-captcha-response label {
    margin-bottom: 8px;
}

.form-mybiat .text-req {
    font-weight: 400;
}

body .menu--left-menu.menu .dropdown-menu .subtitle-menu-left {
    color: #004478;
    font-size: 16px;
    font-weight: 500;
    padding-left: 8px;
    background: #F0F4FB;
    border-left: 2px solid #f59d00;
    border-radius: 0 0 16px 0;
    cursor: default;
}

.form-mybiat .clause_label {
    padding: 15px 0 15px 30px;
    font-size: 17px;
}

.form-mybiat .captcha {
    margin-top: 20px;
}

.form-mybiat .clause_label .form-checkbox {
    padding: 0;
    margin-right: 13px;
}

.form-mybiat .clause_label label.error {
    position: absolute;
    top: 17px;
    left: 32px;
}

.video-one-home li {
    text-align: center;
}

.video-one-home li .vid-group {
    position: relative;
    display: inline-block;
    margin: 0 auto 15px;
    border-radius: 16px 0 48px 0;
    text-align: center;
    overflow: hidden;
}

.video-one-home li .vid-group:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: linear-gradient(to bottom, rgba(0, 45, 73, 0.8), rgba(0, 45, 73, 0.5) 50%);
}

.video-one-home .vid-group .img img {

    border-radius: 16px 0 48px 0;
    display: inline-block;
}

.video-one-home .description h3, .video-one-home .link-detail {
    text-align: center;
}

.form-eval {}

.form-eval .control-label, .form-eval .radios--wrapper legend {
    margin-bottom: 20px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    padding-right: 14px;
    color: #004478;
    font-size: 16px;
    line-height: 1.3;

}

.form-eval .form-required {
    display: inline-block;
    position: relative;
    padding-right: 15px;
}

.form-eval .form-required:after {
    content: "*";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #ff9014;
    background: none;
}

.form-eval .form-group {
    margin-bottom: 40px;
}

.form-eval input[type="checkbox"]:not(.switch), .form-eval input[type="radio"]:not(.switch) {
    padding: 0;
    margin-right: 10px;
}

.form-eval .js-webform-radios {
    margin-left: 15px;
    position: relative;
}

.form-eval .webform-options-display-side-by-side>div {
    margin-right: 15px;
}

.form-eval .control-label.option {
    font-weight: 500;
    font-size: 15px;
    position: static;
}

.form-eval .webform-options-display-buttons label.webform-options-display-buttons-label {
    height: 15px;
    width: 60px;
    border: 1px solid #f59d00;
    border-radius: 0;
    padding: 5px;
    line-height: 1;
}

.form-eval .webform-options-display-buttons input:checked~label.webform-options-display-buttons-label {
    background-color: #f59d00;
    border: 1px solid #f59d00;
    color: #fff;
    box-shadow: none;


}

.form-eval .note-desc {
    margin-top: 10px;
}

.form-eval .note-desc p {
    color: #004478;
    padding: 0 10px;
}

.form-eval div.svg.rateit-medium {
    position: relative;
    top: 5px;
}

.form-eval .form-textarea::placeholder {
    color: rgba(26, 43, 55, 0.60);
}

.form-eval input::placeholder {
    color: rgba(26, 43, 55, 0.60);
}

.form-eval .div.svg.rateit-medium {
    margin-top: 15px;
}

.form-eval .sticky-table thead th {
    font-size: 14px;
    color: #004478;
    font-weight: 500;
}

.form-eval .sticky-table tbody tr {
    position: relative;

}

.form-eval .form-type-radio {
    position: static;
}

.form-eval .form-type-radio label.error {
    position: absolute;
    left: 0;
    bottom: 3px;
}

.form-eval .form-composite.webform-type-radios label.error {
    top: -30px;
    bottom: inherit;
}

.form-eval .wrapper-radio-custom.form-composite.webform-type-radios label.error {
    top: -20px;
}

.form-eval .form-actions {
    margin-top: 30px;
}

.form-item-j-accepte-les-a-href-site-url-clauses-de-confidentialite-target label.error {
    position: absolute;
    top: 20px;
}

select option:first-child {
    font-weight: 700;
}

.mfp-wrap {
    z-index: 999999;
}


.wrappper-field-oblig {
    border: 0;
    padding: 0;
}

.wrappper-field-oblig .panel-body {
    padding: 0;
}

.wrappper-field-oblig .panel-heading {
    display: none;
}
.view-slider-home{
  min-height: 360px;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #002d49cc, #002d4980 64%);
  /* background: green; */
}
.carousel-actu-home > li {
	display: none;
	position: relative
}
.carousel-actu-home > li:first-child {
	display: block
}