/*PREMIUMBASE*/


/*Import Fonts*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');

/*GENERAL*/

body {
    font-family: 'Work Sans', sans-serif;
}

/* TITRES */
.home_heading {
    margin-bottom: 30px;
    color: #0000cc;
}
.page-heading, .page_heading{
    color: #0000cc;
    text-transform: uppercase;
    font-size: 2rem;
}


/* HEADER */
.text-accroche{
    position: absolute;
    top: 43vh;
    width: 100%;
    text-align: center;
}
.text-accroche p {
    font-size: 3rem;
    line-height: 100px;
    color: #fff;
    font-weight: bold;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    font-style: italic;
}
.nom-agence-logo{
    font-size: 22px;
    padding-bottom: 10px;
    color: #0000cc;
}
.index .not-sticking .nom-agence-logo{
    color: #0000cc;
    font-size: 30px;
}

/* BOUTONS */
.btn {
    border-radius: 0;
}
.btn-primary, .btn-secondary, .btn-info, .btn-success{
    background: #0000cc;
    border-color: #0000cc;
    color: #fff;
    text-transform: uppercase;
}
.btn-primary:hover, .btn-secondary:hover, .btn-info:hover, .btn-success:hover{
    background: #fff;
    border-color: #0000cc;
    color: #0000cc;
    text-transform: uppercase;
}


/* ------------------------------------------------------------------------------------------------------------------------------- */
/*                                                               REF                                                               */
/* ------------------------------------------------------------------------------------------------------------------------------- */
.listeliens ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.listeliens ul li{
    width: calc(100% / 3);
    /* si 3 colonnes */
}

.listeliens a {
  
}

.listeliens a:hover {
  
}

.ref p {
text-align:justify;
}

.ref a {
    font-weight: bold;
}

.ref a:hover {
    text-decoration: underline;
}

.ref h1 {
font-size:28px;
color:#0000cc;
text-transform: uppercase;
font-weight: 600;
text-align: center;
padding: 15px 0px 15px 0px;
}

.ref h2 {
    font-size:22px;
    color:#0000cc;
    padding: 15px 0px 15px 0px;
    }
    

/* MOTEUR */
.moteur {
    padding: 0px;
    bottom: 5%;
    left: 17.5%;
    background-color: rgba(255, 255, 255, 0.6);
    width: 65%;
    min-height: inherit;
}
.index .plusdecritere .plusc, .index .plusdecritere .plusm {
    color: #000;
}
.plusdecritere {
    margin: 0 0 10px 0;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    color: #000;
    padding: 10px;
    vertical-align: middle;
    margin: 0;
}
.moteur .form-group {
    margin-bottom: 0.6rem;
}
.moteur .radio_trans {
    margin-top: 10px;
}
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border: 0;
    color: #fff;
    font-size: 16px;
    background: #0000cc;
    padding: 10px;
}

/* NOTRE SELECTION */
.index .info_ville {
    font-size: 13px;
    text-transform: uppercase;
}
.index .prod_accueil .card-fav-absolute {
    right: 10px;
    top: 0;
    font-size: 22px;
    z-index: 150;
    color: #0000cc;
}
.index .info_type {
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0;
    text-transform: capitalize;
}
.index .prod_accueil .block_info {
    min-height: auto;
    padding: 10px;
    height: 120px;
    background: #ffffff;
}
.index .info_prix {
    float: right;
    margin: 22px 0 15px 0;
}
.card_list li > span:after{
    display: none;
}
.card_list li {
    font-size: 13px;
}
.card_list li > span {
    font-size: 18px;
}
.prod_accueil .card_list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.prod_accueil .card_list {
    margin-top: 10px;
    margin-bottom: 0;
    border-top: 1px solid #0000cc;
    padding: 10px 0;
}
.prod_accueil article {
    border: 1px solid #e0e0e0;
}
.carousel_nbr_photos {
    left: 0;
    color: #fff;
    background: rgba(0, 0, 204, 0.7);
    right: inherit;
    border-radius: 10px;
    font-style: italic;
}

/* PRESENTATION */
.home_cont_presentation {
    background: url(/assets/images/home-background-presentation.jpg) no-repeat center center;
}
.home_cont_presentation .container {
    background: rgba(0,0,0,0.4);
    padding: 20px;
}


/*NOS BIENS*/
.home_cont_categories .cat-infos-overlay {
    position: absolute;
    z-index: 2;
    top: 20%;
    right: 20%;
    background: rgba(255,255,255, 0.6);
    color: #fff;
    width: 60%;
    height: 60%;
}
.cat:hover .cat-infos-overlay {
    background: rgba(255,255,255, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}
.home_cont_categories .cat-text, .home_cont_categories .cat-text-small{
    color: #000;
    letter-spacing: 2px;
}
.home_cont_categories .cat-text-small{
    font-weight: 400;
}
.home_cont_categories .cat-text::after{
    background: #000;
    width: 30px;
    margin: 10px auto 0 auto;
}

/* ALERTE EMAIL */
.home_cont_alertes p i {
    color: #0000cc;
}

/*COORDONNEES*/
.cont_coordonnees{
    background: #0000cc;
}
.logo-fb {
    font-size: 25px;
    margin: 0 5px;
    color: #fff;
}
.logo-fb:hover{
    color: #000;
}
.cont_coordonnees .btn-primary, .cont_coordonnees #voir-telephone-0{
    background: transparent;
    border-color: #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin: 5px 0 !important;
}
.cont_coordonnees .btn-primary:hover, .cont_coordonnees #voir-telephone-0:hover{
    background: #fff;
    color: #000;
    border-color: #fff;
}
.cont_coordonnees .btn {
    text-align: center;
}
.cont_coordonnees p{
    margin-bottom: 0.2rem;
}

/* LISTING */
.prod_listing .info_titre {
    color: #0000cc;
    text-transform: uppercase;
    font-weight: bold;
}
.card_list li > span {
    color: #0000cc;
}
.block_info .btn-primary a{
    color: #fff;
}
.block_info .btn-primary:hover a{
    color: #0000cc;
}
.block_etiquette {
    background-color: #0000cc;
    text-align: center;
}

/* PAGE DETAIL */
.detail_taber .nav-link.active, .detail_taber .nav-link:hover{
    background: #0000cc;
    color: #fff;
}
.detail_taber {
    border-bottom: 1px solid 0000cc;
}
.detail_taber .nav-link {
    color: #000;
    padding: 0.5em 1em;
}
.lafficheur li {
    background-color: #000!important;
}
.lafficheur li:hover, .lafficheur li.active {
    background-color: #0000cc!important;
    color: #fff!important;
}
.table-warning, .table-warning>td, .table-warning>th {
    background-color: #fafafa;
}
.table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
    background-color: #fafafa;
}
.detail_header_sticky {
    background: #e8e8e8;
}
.detail_header .titre:after {
    -webkit-transform: scaleX(.1);
    transform: scaleX(.1);
    background: #00c;
    height: 2px;
}

/* ASIDE CONTACT */
aside.aside_contact {
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 2px 3px 3px 1px;
            box-shadow: 2px 3px 3px 1px;
}
aside .contact_img img{
    width: inherit;
    margin-bottom: 30px;
}
aside .intention_appel_txt, aside ul li .btn i{
    color: #000;
}
aside .social_network i {
    font-size: 1.5em;
}
aside .contact_contain .group_btn a{
    width: 70%;
    font-size: 13px;
    margin: 5px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.nom_agence{
    font-weight: bold;
    color: #0000cc;
    font-size: 20px;
}

/* SIDEBAR */
.sidebar .group_btn a {
    width: 80%;
    margin: 3px auto;
}
.sidebar address {
    text-align: center;
}
.telephone-vu {
    background-color: transparent;
}

/* AUTRE */
.badge-danger {
    background-color: #0000cc;
}
.breadcrumb-item.active {
    color: #0000cc;
}
.sidebar {
    margin-top: 0;
}
.listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
    right: 2%;
    top: 10%;
    background: #0000cc;
    color: #fff;
}
  
/* RESPONSIVE */
@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #0000cc;
        text-transform: uppercase;
        font-size: 17px;
    }
    /* .index .not-sticking .menu ul > li > a {
        color: #fff;
    } */
    .header__logo {
        display: block;
        height: 160px;
        padding: 20px;
    }
    .index .not-sticking .header__logo {
        height: 220px;
    }
}
@media (min-width: 991px){
    .nav-mobile-lang{
        display: none !important;
    }
    .nav-desktop-lang{
        display: block;
    }
}
@media (max-width: 990px){
    .nav-mobile-lang{
        display: block;
    }
    .nav-desktop-lang{
        display: none;
    }
}
@media (max-width: 991px){
    .index .not-sticking .header{
        background: transparent !important;
    }
    .text-accroche p {
        font-size: 2rem;
        line-height: 50px;
    }
    .detail .container_page, #content, .map {
        top: inherit;
        margin-top: 20%;
    }
    .moteur {
        bottom: 8%;
    }
    .index .header{
        background: transparent !important;
    }
    .index .not-sticking .burger-item, .index .not-sticking .burger-item::before, .index .not-sticking .burger-item::after {
        background: #fff;
    }
    .text-accroche {
        top: 30vh;
    }
}
@media (max-width: 420px){
    .bloc-btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .bloc-reseaux {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .header__logo img {
        max-width: 30px;
    }
    .nom-agence-logo {
        font-size: 15px;
        margin-left: -25px;
    }
    .moteur {
        bottom: 14%;
        left: 10%;
        width: 80%;
        top: inherit;
    }
    .plusdecritere .text-filtre2 {
        width: 100%;
    }
    .text-accroche p{
        display: none;
    }
    #content{
        top: inherit;
        margin-top: 26%;
    }
}