/* ==================================================================================== */
/*                                       GENERAL                                        */
/* ==================================================================================== */

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

.displaynone { display: none;}

body {
    font-family: 'Roboto', sans-serif;
    color: #353535!important;
    overflow-x: hidden;
}
body.index {
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
}
a:hover {
    color: #a11a17;
}
.rouge {
    color: #a11a17;
}
.btn-primary, .btn-info, .btn-secondary, .btn-success {
    color: #fff;
    background-color: #a11a17;
    border-color: #a11a17;
}
.btn-primary:hover, .btn-info:hover, .btn-secondary:hover, .btn-success:hover {
    color: #fff;
    background-color: #a11a17;
    border-color: #a11a17;
}
.btn-effet, .formcms4 .btn-primary {
    width: 320px!important;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.estimation .formcms4 .btn-primary,
.estimation .formcms4 .btn-info {
    width: 220px!important;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 35px;
    padding: 0.5rem 1rem;
    font-size: 16px;
    margin-top: 0;
}
.estimation .formcms4 .btn-primary:hover,
.estimation .formcms4 .btn-info:hover {
    font-size: 17px;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    width: 230px!important;
}
.btn-effet:hover, .formcms4 .btn-primary:hover {
    font-size: 17px;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    width: 330px!important;
}
.contact_validation {
    height: 115px;
}
.btn {
    border-radius: 0;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn.btn-effet i {
    font-size: 20px;
    margin-left: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn.btn-effet:hover i {
    font-size: 20px;
    margin-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.home_heading {
    font-size: 23px;
    text-align: center;
    color: #000;
    text-transform: initial;
    margin: 3em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
}
.home_heading2 {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 20px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    z-index: 2;
    background: #f3f3f3;
}
.home_heading::after, .home_heading::before {
    content: "";
    display: inline-block;
    width: 90px;
    height: 1px;
    background: #000;
    vertical-align: middle;
    margin: 0 20px;
}
.home_heading2::after {
    content: "";
    display: inline-block;
    max-width: 100%;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    top: 22px;
    width: 50%;
}
.vert {
    color: #a11a17;
}
.vert-clair {
    color: #706f6f;
}
.top_link:hover {
    height: 60px;
    opacity: 1;
}
/* BANDEAUX */
.bandeaux {
    color: #fff;
    text-align: center;
}
.block_etiquette {
    background: #a11a17;
}
p {
    font-size: 14px;
}

.breadcrumb-cms {
    padding: 0 15px;
    font-size: 14px;
}
.recherche-detaillee .breadcrumb-cms {
    padding: 20px 0;
}
.estimation .breadcrumb-cms {
    padding: 0;
}

.contact .contact_formulaire, .recrutement .contact_formulaire, .estimation .contact_formulaire, .actualites .content_page, .estimation .content_page {
    width: 100%;
}
.contact .sidebar,
.alerte-email .sidebar,
.estimation .sidebar,
.actualites .sidebar {
    display: none;
}

.on-vous-rappelle .breadcrumb-cms,
.contact .breadcrumb-cms {
    padding: 15px 15px 15px 0;
}
.mentions-legales .ariane_line .container {
    padding: 0;
}
.on-vous-rappelle .groupe_champs > .form-group {
    padding: 0 10px 0 0;
}
.mentions-legales h2:nth-child(1) {
    margin-top: 10px;
    margin-bottom: 15px;
}
.telephone-vu {
    color: #000;
    background-color: transparent;
}
aside .telephone-vu ,
aside a {
    color: #fff;
}
.on-vous-rappelle .group_btn {
    text-align: center;
}
.contact_nameagency.text-uppercase {
    text-transform: capitalize!important;
}
.mentions-legales .sidebar .img-thumbnail {
    padding: 0;
    display: none;
}
.mentions-legales .sidebar address {
    padding: 15px;
    margin-top: 0;
    border: 1px solid #ddd;
}
.mentions-legales .breadcrumb-cms {
    padding: 15px 15px 15px 0;
} 
.legacy-policy .alerte-email .top_page, .top_page {
    background-image: url(/assets/images/top_page/legacy_top.jpg);
}
.legacy-policy .breadcrumb-cms {
    padding: 15px 0;
    margin-left: -15px;
    font-size: 14px;
}




/* ==================================================================================== */
/*                                       INDEX                                          */
/* ==================================================================================== */

/* HEADER */
.bgAccueil {
    background: url(/assets/images/bgimg.jpg) no-repeat center center;
    width: 100%;
    background-size: cover;
}
.header__logo {
    display: block;
    height: 110px;
    padding: 0!important;
}
.site-pusher {
    background: #fff;
}

/* MOTEUR */
.moteur {
    padding: 0;
    background-color: rgb(0 0 0 / 40%);
}
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label, .radio_trans input[type=radio].css-checkbox + label.css-label {
    border-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 0;
    margin: 5px 25px;
}
.index .radio_trans input.css-checkbox[type="radio"] + label.css-label {
    border-bottom: 3px solid transparent;
    color: #fff;
}
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border-bottom: 3px solid #a11a17;
    color: #fff;
    font-weight: 600;
}
.index .radio_trans input.css-checkbox[type="radio"] + label.css-label:hover {
    border-bottom: 3px solid #a11a17;
    color: #fff;
    font-weight: 600;
}
.search__form-item:nth-child(n+2) {
    margin-right: 0;
    width: 18.5%;
    height: 50px;
}
.form-group.c_insee .dropdown-toggle::after {
    top: 13px;
}
.form-group.c_insee i {
    top: -1px;
}
.index .search__form-item.c_type  {
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.index .search__form-item.c_numero  {
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
}
.index .search__form-item.c_surfacemin, .index .search__form-item.c_prixmax  {
    background: #fff;
}
.index .bootstrap-select {
    border: 0!important;
}
.index .c_type .btn-group>.btn:first-child {
    background: transparent;
}
.index .moteur .form-style {
    border: 0;
    border-left: 1px solid #ccc;
    background: transparent;
    height: 50px;
}
.index .input-group-addon {
    font-size: 14px;
    top: 8px;
}
.index .dropdown-menu.open.show {
    transform: translate3d(0px, -175px, 0px)!important;
}
.index .c_insee .dropdown-menu.open.show {
    transform: translate3d(0px, -256px, 0px)!important;
}
.c_valid .btn {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.c_valid .btn i {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 0;
    top: -1px;
}
.c_valid:hover .btn i {
    font-size: 35px;
    vertical-align: middle;
    margin-right: 0;
    top: -3px;
    left: -1px;
}
.search__form-item.c_valid {
    width: 7%;
}
.index .bootstrap-select>.dropdown-toggle.bs-placeholder,.index  .bootstrap-select>.dropdown-toggle.bs-placeholder:active,.index  .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.index  .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    height: 47px !important;
    border-radius: 0 !important;
}


/* SELECTION */
.prod_accueil article {
    border: 1px solid #ddd;
    width: calc(100% / 4 - 20px);
    margin: 10px;
}
.home_cont_selection .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
}

.prod_accueil  .info_prix {
    margin: 0 0 20px 0;
    color: #000;
}
.index .effect-cms .box {
    padding: 0;
}
.prod_accueil  .info_ville {
    font-size: 15px;
    font-weight: 600;
}
.info_type {
    font-size: 14px;
}
.card_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
}
.card_list li > span {
    font-weight: 900;
}
.index .prod_accueil article, .prod_listing > .listing_article article {
    border: 0;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 15%);
    color: #000;
}
.index .prod_accueil article:hover a, .prod_listing > .listing_article article:hover a {
    color: #000;
}
.index .carousel_nbr_photos {
    display: none;
}
/* .home_cont_selection .btn i {
    font-size: 20px;
    margin-left: 5px;
} */
.home_cont_selection .btn-primary {
    border-radius: 35px;
    margin-top: 30px;
    padding: 0.5rem 1rem;
}

/* PRESENTATION */
.home_cont_presentation {
    background: transparent;
    color: #000;
    padding: 50px 0;
}
.home_cont_presentation .btn-primary {
    border-radius: 35px;
    margin-top: 30px;
    padding: 0.5rem 1rem;
}
.bg-gris {
    background: #000;
}
.bg-vert {
    background: #00636c;
}
.home_cont_presentation .text-presentation {
    color: #fff;
    padding: 0 5%;
}


/* CONTENU */
.home_cont_contenu {
    padding: 60px 0;
}
.img-contenu img {
    width: 90%;
    border: 8px solid #fff;
    margin-top: -52px;
}
.home_cont_contenu .bg-gris-clair {
    background: #f3f3f3;
}
.home_cont_contenu .text-contenu {
    padding: 2%;
    font-weight: inherit;
    height: 560px;
}
.home_cont_contenu .img-contenu {
    height: 560px;
}
.home_cont_contenu  .btn-primary {
    border-radius: 35px;
    padding: 0.5rem 1rem;
}


/* ESTIMATION */
.home_cont_estimation  {
    padding: 100px 0;
}
.home_cont_estimation .bg-vert-clair {
    background: #706f6f;
    color: #fff;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 25%);
}
.home_cont_estimation .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
}
.home_cont_estimation  .btn-primary {
    border-radius: 35px;
    padding: 0.5rem 1rem;
    margin-top: 30px;
}
.home_cont_estimation .home_heading3 {
    font-size: 23px;
    font-weight: 700;
}
.home_heading3::after {
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 5px;
    width: 133px;
    margin: 20px 0 25px 0;
}
.index .home_heading3::after {
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 5px;
    width: 133px;
    margin: 20px 0 25px 0;
}

/* INDEX ACTUS */
/* .home_cont_actualites .btn i {
    font-size: 17px;
} */
.home_cont_actualites .btn-primary {
    border-radius: 35px;
    margin-top: 4rem;
}
.home_cont_actualites  .btn-actus .btn-primary {
    width: 100px!important;
    padding: 0.5rem 1rem;
}
.home_cont_actualites .btn2 {
    padding: 0rem 1rem!important;
    margin-top: 0!important;
    font-size: 12px!important;
}
.home_cont_actualites .btn i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 0;
    margin-left: 4px;
}
.home_cont_actualites ul,
.actualites-group ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
    width: 100%;
}
.home_cont_actualites ul li,
.actualites-group ul li {
    position: relative;
    width: calc(100% / 3 - 2em);
    margin: 1em;
    overflow: hidden;
    border: none;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 15%);
    color: #000;
}
.home_cont_actualites img,
.adminpersos .actualites-group img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.adminperso  figure img {
    width: 100%;
    max-height: 100%;
    margin: auto;
    height: 100%;

}
.adminperso  figure {
    text-align: center;
}
.home_cont_actualites .title-post {
    font-size: 15px;
    text-align: center;
    min-height: 70px;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
    width: 95%;
    margin: auto;
}
.home_cont_actualites .actu-info {
    padding: 20px;
}
.home_cont_actualites .description-post {
    padding: 0 15px;
    min-height: 165px;
    font-size: 14px;
}
.home_cont_actualites .btn-actus {
    padding: 0 15px;
}
.home_cont_actualites li:hover a {
    color: #000;
}
.date-post {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.actualites .top_page {
    /* height: 100%;
    position: relative; */
    background: url(/assets/images/top_page/blog_top.jpg) no-repeat center center;
    /* background-size: cover;
    margin-top: -90px; */
}
.recherche-detaillee .top_page {
    background-image: url(../images/top_page/recherche-detaillee_top.jpg);
}
/* CATEGORIES */
.home_cont_categories .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
}
.cat {
    border-radius: 0;
}
.home_cont_categories .cat-infos-overlay {
    background: rgba(0,0,0,.6);
    width: 125px;
    z-index: 0;
}
.home_cont_categories .cat-text {
    font-size: 18px;
}

/* PARTENAIRES */
.home_cont_partenaires  {
    padding: 0 0 80px 0;
}
.home_cont_partenaires .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
}
.home_cont_partenaires .carousel-item {
    text-align: center;
}
.home_cont_partenaires .carousel-item img {
    width: 120px;
    margin: 0 3%;
}


/* ALERTE EMAIL */
.home_cont_alertes {
    padding: 10px 10px 15px 10px;
    background: #00636c;
    text-align: center;
}
.home_cont_alertes .btn-primary {
    color: #fff;
    background-color: #706f6f;
    border-color: #706f6f;
}
.home_cont_alertes .btn-primary:hover {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.home_cont_alertes p{
    margin-bottom: 0;
}




/* ==================================================================================== */
/*                                       LISTING                                        */
/* ==================================================================================== */
[class*="listing"] .bootstrap-select>.dropdown-toggle.bs-placeholder,
[class*="listing"]  .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
[class*="listing"]  .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
[class*="listing"]  .bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
[class*="listing-"] .bootstrap-select>.dropdown-toggle.bs-placeholder,
[class*="listing-"]  .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
[class*="listing-"]  .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
[class*="listing-"]  .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    height: 35px !important;
    border-radius: 0 !important;
}
[class*="listing"] .c_valid .btn,
[class*="listing-"] .c_valid .btn {
    top: -9px;
}
.prod_listing .info_titre {
    display: none;
}
.prod_listing .card_list {
    font-size: 19px;
}
.prod_listing .info_ville {
    font-size: 15px;
    font-weight: 600;
}
.prod_listing .info_type {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.prod_listing .info_ville {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 7px;
}
.prod_listing .ion-ios-heart-outline.active::before {
    color: red;
}
.prod_listing .col1 .btn a{
    color:#fff!important;
}
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #a11a17;
    border-color: #a11a17;
}
[class*="listing"] .c_insee .bootstrap-select>.dropdown-toggle,
[class*="listing-"] .c_insee .bootstrap-select>.dropdown-toggle {
    padding: 4px 12px;
}
[class*="listing"] .c_insee .btn i,
[class*="listing-"] .c_insee .btn i {
    font-size: 24px;
}
[class*="listing"] .form-group.c_insee .dropdown-toggle::after,
[class*="listing-"] .form-group.c_insee .dropdown-toggle::after {
    top: 8px;
}
.effect-cms .over_desc {
    top: 65px;
    height: 100%;
    padding: 10px 15px 0px 20px;
}

.page-laulau {
    z-index: 2;
    color: #a11a17;
    background-color: #fff;
    border-color: #a11a17;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
}
[class*="listing"] .c_insee .bootstrap-select>.dropdown-toggle,
[class*="listing-"] .c_insee .bootstrap-select>.dropdown-toggle {
    padding: 4px 12px;
}
[class*="listing"] .c_insee .btn i,
[class*="listing-"] .c_insee .btn i {
    font-size: 24px;
}
[class*="listing"] .form-group.c_insee .dropdown-toggle::after,
[class*="listing-"] .form-group.c_insee .dropdown-toggle::after {
    top: 8px;
}
.effect-cms .over_desc {
    top: 65px;
    height: 100%;
    padding: 10px 15px 0px 20px;
}

/* ==================================================================================== */
/*                                       DETAILS                                        */
/* ==================================================================================== */

.detail_taber .nav-link {
    padding: 10px;
    font-size: 14px;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover,
.detail_taber .nav-link.vvirtuelle {
    background: #a11a17 !important;
    color: #fff;
    padding: 10px;
}
.detail_taber {
    border-bottom: 1px solid #a11a17;
}
.detail_header .titre:after {
    background: #a11a17;
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: #353535;
}
.retour_pret span {
    color: #353535;
}
.detail .page_heading {
    font-size: 22px;
    font-weight: 500;
    border-left: 2px solid #353535;
    padding-left: 10px;
}
.detail .info_titre {
    text-transform: inherit;
}
.detail .info_prix {
    padding: 0;
}
.detail .header-item {
    padding: 0;
}
.lafficheur li:hover, .lafficheur li.active {
    background-color: #a11a17 !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #a11a17 !important;
    color: #fff;
}
.detail #descdetail{
    text-align: justify;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #fff;
    font-weight: 300;
    font-size: 14px;
}
.detail .bloc-champ {
    background: #fff;
    font-size: 14px;
}
.detail_biens_sim .prod_accueil article {
    border: 1px solid #ddd;
    width: calc(100% / 3 - 20px);
    margin: 10px;
}
.detail_pieces ul li:hover {
    background: #a11a17;
    color: #fff;
}
.detail_pieces ul li {
    display: inline-block;
    border: 1px solid #353535;
    padding: 15px;
    margin: 5px;
    text-align: center;
    width: calc(100% / 6 - 10px);
    font-size: 13px;
}
#detail-image-categorie ul{
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
#detail-image-categorie ul > li {
    height: auto;
    margin: 5px;
    width: 300px;
}
#detail-image-categorie ul > li > img {
    position: relative;
    width: 100%;
    margin: calc(0.15em * 2) 0.1em;
    overflow: hidden;
    height: auto;
}
/* ==================================================================================== */
/*                                          VENDRE                                      */
/* ==================================================================================== */
.vendre .top_page {
    height: 100%;
    position: relative;
    background: url(/assets/images/top_page/vendre.jpg) no-repeat center center;
    background-size: cover;
    margin-top: -90px;
}
.vendre p {
    font-size: 14px;
}
.vendre .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.btn-top_page .btn-primary {
    border-radius: 35px;
    font-size: 17px;
        width: 400px!important;
        -webkit-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-top_page .btn-primary:hover {
    font-size: 18px;
        -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn3.btn-primary {
    border-radius: 35px;
}
.btn-top_page {
    z-index: 20;
    position: absolute;
    top: 80%;
    -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    transform: translateY(-80%);
    left: 15%;
    -webkit-transform: translateX(-15%);
    -moz-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    -o-transform: translateX(-15%);
    transform: translateX(-15%);
}
.vendre .carousel-indicators .active {
    background-color: rgb(50 108 117);
    border: 1px solid #a11a17;
}

.vendre .carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    border: 1px solid #a11a17;
    margin: 0 8px;
}
.vendre .vendre-slider .carousel-item {
    text-align: center;
    margin: auto;
    min-height: 150px;
    width: 75%;
}
.vendre .personne {
    font-weight: 800;
}
.vendre .home_heading {
    margin: 2em 0;
}
.vendre .bg-gris-clair {
    background: #f3f3f3;
}
.vendre .vendre-contenu1 img {
    margin-top: -80px;
    border: 7px solid #ffff;
}
.vendre .vendre-contenu1 .row {
    margin-right: 10px;
    margin-left: 10px;
}
.vendre-contenu2 img{
    /* box-shadow: 2px 5px 8px rgb(0 0 0 / 40%); */
    margin-bottom: 20px;
}
.vendre .home_heading3 {
    font-size: 23px;
    text-align: inherit;
    color: #000;
    text-transform: initial;
    margin: 20px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    line-height: 1;
}
.home_heading3::after {
    display: none;
}
.titre1 {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 16px;
    color: #000;
    min-height: 40px;
    line-height: 1;
}
.vendre-contenu2 p {
    font-size: 14px;
    line-height: 1.1;
    color: #707070;
}

.vendre-contenu3 {
    background: #706f6f;
    color: #fff!important;
    padding-bottom: 3em!important;
    text-align: center;
    margin-top: 50px;
}
.vendre .vendre-contenu3 .home_heading {
    color: #fff;
}
.vendre-contenu3 .home_heading::after,.vendre-contenu3 .home_heading::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #fff;
    vertical-align: middle;
    margin: 0 10px;
}
.vendre-contenu4 {
    padding-top: 50px!important;
    padding-bottom:80px!important;
}
.vendre-contenu4 img {
    width: 140px;
}
.vendre-contenu4 img:hover {
    width: 180px;
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.vendre-contenu4 .max-height-70 {
    max-height: 70px;
}
.vendre article {
    border: 0;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 15%);
    color: #000;
}
.vendre .img_svg {
    border: 1px solid #000;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: auto;
    display: flex;
    vertical-align: middle;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 35%);
}
.vendre .img_svg:hover {
    background-color: #a11a17;
    border: 1px solid #a11a17;
}
.vendre .img_svg img {
    width: 85px;
    margin: auto;
    filter: invert(10%) sepia(95%) saturate(4885%) hue-rotate(179deg) brightness(88%) contrast(98%);
}
.vendre .img_svg:hover img {
    filter: invert(100%) sepia(0%) saturate(7448%) hue-rotate(105deg) brightness(106%) contrast(96%);
}
.vendre-contenu5 .number {
    color: #a11a17;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0;
}
.vendre-contenu5 p.gris {
    font-size: 14px;
    color: #707070;
}

/* ==================================================================================== */
/*                                        FAIRE GERER                                   */
/* ==================================================================================== */
.gestion .top_page {
    height: 100%;
    position: relative;
    background: url(/assets/images/top_page/gestion.jpg) no-repeat center center;
    background-size: cover;
    margin-top: -90px;
}
.gestion p {
    font-size: 14px;
}
.gestion .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.baseline-gestion {
    z-index: 20;
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    transform: translateY(-80%);
    left: 25%;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
    width: 100%;
}
.gestion .btn-top_page {
    z-index: 20;
    position: absolute;
    top: 80%;
    -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    transform: translateY(-80%);
    left: 25%;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
    width: 100%;
}
.gestion .btn-top_page2 {
    z-index: 20;
    position: absolute;
    top: 80%;
    left: 70%;
    width: 100%;
}
.gestion .btn-top_page2 .btn{
    border-radius: 35px;
}
.baseline-gestion .titre-baseline{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 4rem;
}
.gestion .gestion-contenu1 {
    justify-content: end;
}
.gestion .home_heading3 {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 3em 0 1em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}
.gestion .home_heading3::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0;
}
.cellule-gestion {
    border: 1px solid #000;
    padding: 20px;
    min-height: 205px;
}
.cellule-gestion:hover {
    border: 1px solid #a11a17;
    background-color: #a11a17;
    color: #fff!important;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.gestion .titre1 {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 0;
    color: #000;
    min-height: 40px;
    line-height: 1.2;
}
.cellule-gestion:hover .titre1{
    color: #fff!important;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.gestion-contenu2 ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
.gestion-contenu2 ul li {
    position: relative;
    width: calc(33.33% - 1em);
    margin: calc(0.5em * 2) 0.5em;
    overflow: hidden;
}
.gestion .bg-gris-clair {
    background:  #F7F7F7;
}
.gestion .home_heading4 {
    font-size: 23px;
    text-align: center;
    color: #000;
    text-transform: initial;
    margin: 20px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    background:  #F7F7F7;
}
.gestion .home_heading5 {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 4em 0 2em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    background:  #F7F7F7;
}
.home_heading4::before{
    content: "";
    display: inline-block;
    max-width: 100%;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    top: 22px;
    width: 100%;
    right: 62%;
}
.gestion-contenu3 p {
    font-style: italic;
}
.gestion .btn3.btn-primary, .formcms4 .btn-primary, .refdetail .btn-primary{
    border-radius: 35px;
    padding: 0.5rem 1rem;
    font-size: 16px;
    width: 300px;
    margin-top: 3em;
}
.gestion .btn3.btn-primary {
    margin-right: 3em;
}
.gestion-contenu4 img {
    margin-top: -100%;
    border: 7px solid #fff;
}
.gestion .gestion-contenu4 .home_heading5 {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 4em 0 2em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    background: transparent;
}
.gestion .home_heading6,
.gestion .htmlinform h4 {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 2em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    background: transparent;
}
.home_heading6::before {
    content: "";
    display: inline-block;
    max-width: 150px;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 150px;
    left: -5%;
}

.gestion .c_titre .htmlinform,
.gestion .c_titre2 .htmlinform {
    width: 100%;
}
.gestion .c_titre .htmlinform h4::before {
    content: "";
    display: inline-block;
    max-width: 200px;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    bottom: -5px;
    width: 100%;
    left: -111px;
}
.gestion .c_titre2 .htmlinform h4::before {
    content: "";
    display: inline-block;
    max-width: 420px;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    bottom: -5px;
    width: 100%;
    left: -112px;
}
.gestion-contenu5 .home_heading6::before {
    content: "";
    display: inline-block;
    max-width: 450px;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 366px;
    left: -5%;
}
.gestion-contenu5 .radio_trans input[type=radio].css-checkbox + label.css-label {
    padding: 5px 10px;
}

.gestion .radio_trans input[type=radio].css-checkbox + label.css-label {
    color: #000;
    text-transform: initial!important;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.gestion .radio_trans input[type=radio].css-checkbox {
    position: static;
    z-index: 1;
    left: auto;
    overflow: visible;
    clip: auto;
    height: auto;
    width: auto;
    margin: auto;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

.gestion-contenu5 .groupe_champs > .form-group {
    width: 50%;
    padding: 0 10px;
    display: flex;
}
.gestion .groupe_champs > .form-group {
    width: 100%;
    padding: 20px 0;
    display: flex;
}
.gestion-contenu5 .form-style {
    border: 0;
    background: #f3f3f3;
    border-radius: 25px;
}
.gestion-contenu5 .groupe_champs > .form-group.c_nom .champs,
 .gestion-contenu5 .groupe_champs > .form-group.c_prenom .champs,
  .gestion-contenu5 .groupe_champs > .form-group.c_tel .champs,
   .gestion-contenu5 .groupe_champs > .form-group.c_mail .champs,
   .gestion-contenu5 .groupe_champs > .form-group.c_adresse .champs,
   .gestion-contenu5 .groupe_champs > .form-group.c_rue .champs,
   .gestion-contenu5 .groupe_champs > .form-group.c_ville .champs{
    width: 100%;
}
.gestion-contenu5 .groupe_champs > .form-group.c_nom,
.gestion-contenu5 .groupe_champs > .form-group.c_prenom,
.gestion-contenu5 .groupe_champs > .form-group.c_tel,
.gestion-contenu5 .groupe_champs > .form-group.c_mail {
    width: calc(100% / 4 - 5px);
}
.gestion-contenu5 .groupe_champs > .form-group.c_adresse,
.gestion-contenu5 .groupe_champs > .form-group.c_rue,
.gestion-contenu5 .groupe_champs > .form-group.c_ville {
    width: calc(100% / 3 - 5px);
}
.gestion-contenu5 .groupe_champs > .form-group.c_adresse label,
.gestion-contenu5 .groupe_champs > .form-group.c_rue label,
.gestion-contenu5 .groupe_champs > .form-group.c_ville label {
    min-width: 80px;
}
.gestion-contenu5 label {
    margin: auto 5px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.gestion-contenu5 .c_nom label,
.gestion-contenu5 .c_prenom label,
.gestion-contenu5 .c_tel label,
.gestion-contenu5 .c_titre label,
.gestion-contenu5 .c_titre2 label,
.gestion-contenu5 .c_rue label,
.gestion-contenu5 .c_ville label,
.gestion-contenu5 .c_mail label {
    display: none;
}
.gestion-contenu5 .c_nom .champs,
.gestion-contenu5 .c_prenom .champs,
.gestion-contenu5 .c_tel .champs,
.gestion-contenu5 .c_rue .champs,
.gestion-contenu5 .c_ville .champs,
.gestion-contenu5 .c_mail .champs {
    margin: 0 10px;
}
.gestion-contenu5 .groupe_champs > .form-group.c_type_bien {
    width: 100%;
}
.form-group.c_type_bien label,
.form-group.c_etat label,
.form-group.c_etage label,
.form-group.c_surface-bien label,
.form-group.c_exterieur label,
.form-group.c_etatexterieur label,
.form-group.c_surface-exterieur label,
.form-group.c_typologie label {
    min-width: 170px;
}

.gestion-contenu5 .form-style {
    border: 0;
    background: #f3f3f3;
    border-radius: 25px;
    font-style: italic;
    font-size: 14px;
    padding: 0 0 0 20px;
}
.alert-info {
    background: transparent;
    margin-top: 25px;
    border: 0;
}


.gestion .radio_trans input[type=radio].css-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.gestion .radio_trans input[type=radio].css-checkbox {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px;
}

.gestion .radio_trans input[type=radio].css-checkbox:checked {
    background: #a11a17;
    position: relative;
}

/* ==================================================================================== */
/*                                         AGENCE                                       */
/* ==================================================================================== */
.bg-gris-clair {
    background: #f3f3f3;
}
.agence .top_page {
    background: url(/assets/images/top_page/agence_top.jpg) no-repeat center center;
}
.agence p {
    font-size: 14px;
}
.agence .agence-contenu1 p,
.agence .agence-contenu2 p {
    font-size: 14px;
    color: #707070;
}
.agence .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.my-bottom {
    margin: auto auto 0 auto;
}
.agence-contenu1 img {
    /* margin-top: -35%; */
}
.agence-contenu1 {
    padding-bottom: 30px!important;
}
.agence .agence-contenu1 img {
    border: 4px solid #fff;
}
.agence-contenu1 .mt60{
    margin-top:60px;
}
.agence-contenu1 .home_heading2::after {
    display: none;
}
.agence .img_svg {
    border: 1px solid #000;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: auto;
    display: flex;
    vertical-align: middle;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 35%);
}
.agence .img_svg:hover {
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: auto;
    display: flex;
    vertical-align: middle;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 35%);
        border: 1px solid #a11a17;
        background-color: #a11a17;
        color: #fff!important;
        -webkit-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

.agence .img_svg img {
    width: 75px;
    margin: auto;
}

.agence .img_svg:hover img {
    filter: invert(95%) sepia(97%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%);
}
.agence .img_svg img.n1 {
    width: 100px;
}
.agence .titre1 {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 800;
    margin: 16px 0 0 0;
    color: #000;
    min-height: 40px;
    line-height: 1;
}
.agence .bg-vert.agence-contenu3 {
    background-color: #a11a17;
    color: #fff;
    padding: 0!important;
    display: flex;
    height: 460px;
}
.agence .bg-vert.agence-contenu3 .container-fluid{
    margin: auto;
}
.agence-contenu4,
.agence-contenu6 {
    color: #fff;
}
.agence-contenu4 .home_heading2,
.agence-contenu6 .home_heading2 {
    color: #fff;
    background: transparent;
    margin: 2em 0;
}
.agence-contenu4 .home_heading2:after,
.agence-contenu6 .home_heading2:after {
    display: none;
}
.agence-contenu4 a {
    color: #fff;
    text-decoration: underline;
    margin-top: 3em!important;
    font-weight: 600;
}
.mt2 {
    margin-top:3.5em!important
}
.agence-contenu6 a {
    color: #fff;
    text-decoration: underline;
    margin-top: 30px!important;
    font-weight: 600;
}
.agence-contenu4 a:hover,
.agence-contenu6 a:hover {
    color: #fff;
}

.agence-contenu4 a i,
.agence-contenu6 a i{
    margin-left: 15px;
    top: 2px;
}
.agence-contenu4 a:hover i,
.agence-contenu6 a:hover i{
    margin-left: 25px;
    top: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.agence-contenu4{
    margin-top: -480px;
}
.agence-contenu6 {
    margin-top: -445px;
}
.agence .agence-contenu4 img,
.agence .agence-contenu6 img {
    border: 4px solid #fff;
}
.agence .agence-contenu4 .col-7 img {
    margin-top: -30%;
}
.agence .agence-contenu4 .col-5 img {
    margin-top: 90%;
}
.bg-gris.agence-contenu5 {
    color: #fff;
    background: #3A4C57;
    padding: 0!important;
    display: flex;
    height: 430px;
}
.agence .agence-contenu6 .col-7 img {
    margin-top: -30%;
}
.agence .agence-contenu6 .col-5 img {
    margin-top: 60%;
}
.agence-contenu4, .agence-contenu6 {
    margin-bottom: 80px;
}
.agence .btn-top_page2 {
    z-index: 20;
    position: absolute;
    top: 68%;
    left: 67%;
    width: 100%;
}
.agence  .btn-top_page2 .btn{
    border-radius: 35px;
}

/* ==================================================================================== */
/*                                         BREST                                        */
/* ==================================================================================== */
.brest .top_page {
    height: 100%;
    position: relative;
    background: url(/assets/images/top_page/brest.jpg) no-repeat center center;
    background-size: cover;
    margin-top: -90px;
}
.brest p {
    font-size: 14px;
}
.brest .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}
/* .agence-equipe img {
    max-width: 450px;
} */
.nom-equipier {
    color: #a11a17;
    font-weight: 800;
    margin: 10px 0 5px 0;
    text-align: left;
}
.fonction-equipier {
    font-style: italic;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}
.fonction-equipier::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.agence-equipe .modal-content {
    border-radius: 25px;
    padding: 20px;
}
.agence-equipe .modal-body {
    text-align: left;
    margin: auto ;
}
.agence-equipe .modal-header {
    justify-content: end;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 525px;
    }
}

.brest .btn i,
.quimper .btn i {
    font-size: 21px;
    vertical-align: middle;
    margin-right: 5px;
    top: -2px;
}
.equipier {
    padding: 30px;
}
.equipier img {
    max-width: 350px;
    border-radius: 50%;
    border: 1px solid #ddd;
}


/* ==================================================================================== */
/*                                         QIMPER                                       */
/* ==================================================================================== */
.quimper .top_page {
    height: 100%;
    position: relative;
    background: url(/assets/images/top_page/quimper.jpg) no-repeat center center;
    background-size: cover;
    margin-top: -90px;
}
.quimper p {
    font-size: 14px;
}
.quimper .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* ==================================================================================== */
/*                                     RECRUTEMENT                                      */
/* ==================================================================================== */
.bg-gris-clair {
    background: #f3f3f3;
}
.recrutement .top_page {
    height: 100%;
    position: relative;
    background: url(/assets/images/top_page/recrutement.jpg) no-repeat center center;
    background-size: cover;
    margin-top: -90px;
}
.recrutement p {
    font-size: 14px;
}
.recrutement .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.recrutement .baseline-gestion {
    z-index: 20;
    position: absolute;
    top: 65%;
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    transform: translateY(-65%);
    left: 25%;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
    width: 100%;
}
.chiffre-recrutement {
    background: linear-gradient(#08232E, #04525E);
    color: #fff;
    text-align: center;
}
.chiffre-recrutement .chiffre{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 3rem;
    margin: 0 0 20px 0;
}
.chiffre-recrutement .chiffre-intitule{
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 15px;
}

#carouselRecrutementIndicators ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
    justify-content: center;
}

#carouselRecrutementIndicators ul li{
    position: relative;
    width: calc(100% / 3 - 3em);
    margin: 0 1.5em;
    overflow: hidden;
    border: none;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 15%);
    color: #000;
}
#carouselRecrutementIndicators ul li .actu-info {
    padding: 20px 0!important;

}

#carouselRecrutementIndicators ul li img {
    width: 100%;
    max-height: 225px;
    object-fit: cover;
}

#carouselRecrutementIndicators ul li .title-offre {
    font-size: 15px;
    text-align: left;
    min-height: 40px;
    font-weight: 700;
    padding: 15px;
}
#carouselRecrutementIndicators .description-offre {
    padding: 10px 15px 15px 15px;
    min-height: 165px;
    font-size: 13px;
    text-align: left;
}
#carouselRecrutementIndicators .btn-actus {
    padding: 0 15px;
}
#carouselRecrutementIndicators .date-offre {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}
#carouselRecrutementIndicators  .btn2 {
    padding: 0rem 1rem!important;
    margin-top: 0!important;
    font-size: 12px!important;
    border-radius: 35px;
}
#carouselRecrutementIndicators .btn2 {
    padding: 0rem 1rem!important;
    margin-top: 0!important;
    font-size: 12px!important;
    border-radius: 35px;
}
#carouselRecrutementIndicators .btn i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 0;
    margin-left: 5px;
}
.recrutement .carousel-indicators .active {
    background-color: #a11a17;
    border: 1px solid #000;
}
.recrutement .carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    border: 1px solid #a11a17;
    margin: 0 8px;
}
.recrutement .carousel-inner {
    min-height: 600px;
}
.recrutement .home_heading6 {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 4em 0 2em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    background: transparent;
}
.recrutement .radio_trans input[type=radio].css-checkbox + label.css-label {
    color: #000;
    text-transform: initial!important;
}
.recrutement .radio_trans input[type=radio].css-checkbox {
    position: static;
    z-index: 1;
    left: auto;
    overflow: visible;
    clip: auto;
    height: auto;
    width: auto;
    margin: auto;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

.recrutement .groupe_champs > .form-group {
    width: 50%;
    padding: 0 10px;
    display: flex;
}
.recrutement .form-style {
    border: 0;
    background: #f3f3f3;
    border-radius: 25px;
}
.recrutement label {
    margin: auto 5px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.recrutement .groupe_champs > .form-group.c_nom,
.recrutement .groupe_champs > .form-group.c_prenom,
.recrutement .groupe_champs > .form-group.c_tel,
.recrutement .groupe_champs > .form-group.c_mail {
    width: calc(100% / 4 - 5px);
}
.recrutement .groupe_champs > .form-group.c_nom .champs,
.recrutement .groupe_champs > .form-group.c_prenom .champs,
.recrutement .groupe_champs > .form-group.c_tel .champs,
.recrutement .groupe_champs > .form-group.c_mail .champs {
    width: 100%;
}
.recrutement .custom-file-control {
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    background: #f3f3f3;
    border-radius: 25px;
}
.recrutement .custom-file-control::before {
    content: "\f407";
    font-family: "Ionicons";
    position: absolute;
    right: 30px;
    border: 0;
    font-size: larger;
}

.recrutement .custom-file-control::before {
    top: 0;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0 0.25rem 0.25rem 0;
}
.recrutement .form-group.c_cv{
    width: 100%;
    margin-top: 40px;
}
.recrutement .form-group.c_lettremotivation {
    width: 100%;
    margin-bottom: 50px;
}
.recrutement .c_cv label,
.recrutement .c_lettremotivation label {
    width: 240px;
}
.recrutement .home_heading6::before {
    max-width: 450px;
    width: 415px;
    left: -100px;
}
.recrutement .home_heading6 span {
    font-family: 'Lora', serif;
    font-weight:700;
    margin-left: 2px;
}
.recrutement .contact_formulaire .btn-primary {
    border-radius: 35px;
    padding: 0.5rem 1rem;
}
.recrutement .btn-top_page2 {
    z-index: 20;
    position: absolute;
    top: 68%;
    left: 67%;
    width: 100%;
}
.recrutement  .btn-top_page2 .btn{
    border-radius: 35px;
}

/* ==================================================================================== */
/*                                        PAGES OFFRES                                  */
/* ==================================================================================== */
.offre-page .top_page {
    height: 100%;
    position: relative;
    background-size: cover;
    margin-top: -90px;
}
.offre1 .top_page {
    /* background: url(/assets/images/top_page/offre1-top.jpg) no-repeat center center; */
    background: linear-gradient( rgba(0,0,0, 0.55), rgba(0,0,0, 0.55) ),url(/assets/images/top_page/offre1-top.jpg) no-repeat center center;
    height: 100%;
    position: relative;
    background-size: cover;
    margin-top: -90px;
    z-index: 20;
}
.offre2 .top_page {
    background: linear-gradient( rgba(0,0,0, 0.55), rgba(0,0,0, 0.55) ),url(/assets/images/top_page/offre2-top.jpg) no-repeat center center;
    height: 100%;
    position: relative;
    background-size: cover;
    margin-top: -90px;
    z-index: 20;
}
.offre3 .top_page {
    background: linear-gradient( rgba(0,0,0, 0.55), rgba(0,0,0, 0.55) ),url(/assets/images/top_page/offre3-top.jpg) no-repeat center center;
    height: 100%;
    position: relative;
    background-size: cover;
    margin-top: -90px;
    z-index: 20;
}
.offre4 .top_page {
    background: linear-gradient( rgba(0,0,0, 0.55), rgba(0,0,0, 0.55) ),url(/assets/images/top_page/offre4-top.jpg) no-repeat center center;
    height: 100%;
    position: relative;
    background-size: cover;
    margin-top: -90px;
    z-index: 20;
}
.offre-page p {
    font-size: 14px;
}
.offre-page.container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.offre-page.baseline-gestion .titre-baseline {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 3rem;
    text-align: center;
}
.offre-page.baseline-gestion {
    z-index: 20;
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-35%);
    -moz-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -o-transform: translateY(-35%);
    transform: translateY(-35%);
    left: 25%;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
    width: 100%;
}
.baseline-gestion.offre-page ul {
    display: flex;
    justify-content: center;
}
.baseline-gestion.offre-page ul li {
    padding: 15px;
    color: #fff;
}
.baseline-gestion.offre-page ul li i,
.baseline-gestion.offre-page ul li a{
    color: #fff!important;
    font-size: 30px;
}
.retour-offre {
    position: absolute;
    top: 120px;
    left: 20px;
}
.retour-offre a {
    color: #fff;
    font-size: 15px;
}
.retour-offre a i{
    font-size: 25px;
    top: 5px;
    margin-right: 5px;
}
.date-baseline {
    text-align: center;
    color: #fff;
    margin-top: 35px;
    font-size: 20px;
}
.btn-ancre {
    text-align: center;
}
.btn-ancre .btn{
    border-radius: 35px;
    padding: 0.5rem 1rem;
    font-size: 20px;
    margin-top: 4em;
}
.lien-ariane {
    font-size: 13px;
}
.lien-ariane .ion-ios-arrow-thin-left{
    font-size: 20px;
    top: 3px;
    margin-right: 5px;
}
.underline {
    text-decoration: underline;
}
.offre-page .home_heading6 {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 4em 0 2em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    background: transparent;
}
.offre-page .radio_trans input[type=radio].css-checkbox + label.css-label {
    color: #000;
    text-transform: initial!important;
}
.offre-page .radio_trans input[type=radio].css-checkbox {
    position: static;
    z-index: 1;
    left: auto;
    overflow: visible;
    clip: auto;
    height: auto;
    width: auto;
    margin: auto;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

.offre-page .groupe_champs > .form-group {
    width: 50%;
    padding: 0 10px;
    display: flex;
}
.offre-page .form-style {
    border: 0;
    background: #f3f3f3;
    border-radius: 25px;
}
.offre-page label {
    margin: auto 5px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.offre-page .groupe_champs > .form-group.c_nom,
.offre-page .groupe_champs > .form-group.c_prenom,
.offre-page .groupe_champs > .form-group.c_tel,
.offre-page .groupe_champs > .form-group.c_mail {
    width: calc(100% / 4 - 5px);
}
.offre-page .groupe_champs > .form-group.c_nom .champs,
.offre-page .groupe_champs > .form-group.c_prenom .champs,
.offre-page .groupe_champs > .form-group.c_tel .champs,
.offre-page .groupe_champs > .form-group.c_mail .champs {
    width: 100%;
}
.offre-page .custom-file-control {
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    background: #f3f3f3;
    border-radius: 25px;
}
.offre-page .custom-file-control::before {
    content: "\f102";
    font-family: "Ionicons";
    position: absolute;
    right: 30px;
    border: 0;
    font-size: larger;
}

.offre-page .custom-file-control::before {
    top: 0;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0 0.25rem 0.25rem 0;
}
.offre-page .form-group.c_cv{
    width: 100%;
    margin-top: 40px;
}
.offre-page .form-group.c_lettremotivation {
    width: 100%;
    margin-bottom: 50px;
}
.offre-page .c_cv label,
.offre-page .c_lettremotivation label {
    width: 240px;
}
.offre-page .home_heading6::before {
    max-width: 370px;
    width: 370px;
}
.offre-page .home_heading6 span {
    font-family: 'Roboto', sans-serif;
}
.offre-page .contact_formulaire .btn-primary {
    border-radius: 35px;
    padding: 0.5rem 1rem;
}
.offre-page .home_heading6::before {
    max-width: 370px;
    width: 370px;
}
.offre-page .contact_formulaire .btn-primary {
    border-radius: 35px;
    padding: 0.5rem 1rem;
}
.page-heading {
    font-size: 30px;
}
.contact .home_heading {
    margin: 3em 0 25px 0;
}
/* ==================================================================================== */
/*                                   FOOTER & COORDONNEES                               */
/* ==================================================================================== */
.cont_coordonnees {
    padding-bottom: 40px;
    background-color: #fff;
    color: #a11a17;
}
.cont_coordonnees ul.black {
    color: #000;
}
.plan {
    margin-top: 30px;
}
footer {
    background-color: #000;
    padding: 50px 10px;
    border-top: 0px solid #fff;
}
footer .liens_right {
    margin-top: 0px;
}
.top_link {
    z-index: 99;
    bottom: 65px;
    background: #3A4C57;
    border-radius: 0;
    border: 1px solid #f1f1f1;
}
.marginauto {
    margin:auto;
}

.cont_coordonnees .plan .titre {
    color: #a11a17;
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
}
.cont_coordonnees .plan ul li {
    text-align: left;
    padding: 6px 0;
    margin: 0 ;
}
.cont_coordonnees .plan ul li a{
   color: #a11a17!important;
   font-size: 14px;
}

.cont_coordonnees .reseaux-sociaux .logo{
   width: 300px ;
}
.cont_coordonnees .reseaux-sociaux .list-inline{
   margin-top: 10px;
}
.cont_coordonnees .reseaux-sociaux .list-inline-item:not(:last-child) {
    margin-right: 0;
}
.cont_coordonnees .reseaux-sociaux .list-inline img {
    width: 25px;
}

#bloc_fixed {
    z-index: 0;
}

/* ASIDE */
.btn-link:hover {
    color: #a11a17;
}
aside .social_network i {
    font-size: 2em;
    padding: 0 5px;
    color: #fff;
}
aside .social_network i:hover {
    color: #a11a17;
}


/* ==================================================================================== */
/*                                   ALERTE & COMPARATEUR                               */
/* ==================================================================================== */
.container-fluid.alerte-contenu1{
    padding:3% 5%;
}
.estimation .form-style,
.alerte-email .form-style,
.alerte-email .bootstrap-select {
    border: 0!important;
    background: #f3f3f3;
    border-radius: 25px!important;
    font-style: italic;
    font-size: 14px;
    padding: 0 0 0 20px;
}
.estimation .form-group .bootstrap-select.btn-group,
.alerte-email .form-group .bootstrap-select.btn-group {
    border-radius: 25px!important;
}
.estimation .bootstrap-select>.dropdown-toggle {
    border: 0!important;
    background: #f3f3f3;
    border-radius: 25px!important;
    font-style: italic;
    font-size: 14px;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #565656;
}
.alerte-email .bootstrap-select>.dropdown-toggle {
    background: transparent;
    padding: 8px 12px 8px 0;
}
.estimation .dropdown-menu.open.show,
.alerte-email .dropdown-menu.open.show {
    transform: translate3d(0px, 0px, 0px)!important;
}
.estimation .bootstrap-select {
    border: 0px solid #ccc !important;
}
.estimation .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.alerte-email .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-style: italic;
    font-size: 14px;
    color: #565656;
}
.has-success .champs {
    border-color: transparent;
    background-color: #f3f3f3;
    border-radius: 25px;
}
.estimation .input-group-addon,
.alerte-email .input-group-addon {
    background: transparent none repeat scroll 0 0;
    border-left: 0 none;
    color: #565656;
    font-size: 14px;
    position: relative;
    position: absolute;
    font-weight: 500;
    border: none;
    top: 1px;
}
.estimation .dropdown-toggle::after,
.alerte-email .dropdown-toggle::after {
    color: #565656;
}
.estimation label,
.alerte-email label {
    margin: auto 5px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 13px;
    min-width: 160px;
}
.estimation.groupe_champs > .form-group,
.alerte-email .groupe_champs > .form-group {
    width: 100%;
    padding: 10px 20px;
    display: flex;
}
.estimation .groupe_champs > .form-group .champs,
.alerte-email .groupe_champs > .form-group .champs {
    width: 100%;
}
.estimation .form-group.c_insee .dropdown-toggle::after,
.alerte-email .form-group.c_insee .dropdown-toggle::after {
    top: 7px;
}


.estimation .img_svg {
    border: 1px solid #000;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: auto;
    display: flex;
    vertical-align: middle;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 35%);
}
.estimation .img_svg:hover {
    background-color: #a11a17;
    border: 1px solid #a11a17;
}
.estimation .img_svg img {
    width: 85px;
    margin: auto;
    filter: invert(13%) sepia(89%) saturate(3029%) hue-rotate(351deg) brightness(99%) contrast(95%);
}
.estimation .img_svg img.img2 {
    width: 70px;
    margin: auto;
    filter: invert(13%) sepia(89%) saturate(3029%) hue-rotate(351deg) brightness(99%) contrast(95%);
}
.estimation .img_svg:hover img {
    filter: invert(100%) sepia(0%) saturate(7448%) hue-rotate(105deg) brightness(106%) contrast(96%);
}
.estimation .number {
    color: #a11a17;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0;
}
.estimation p.gris {
    font-size: 14px;
    color: #707070;
}

/* COMPARATEUR */
.alert-danger {
    color: #fff;
    background-color: #a11a17;
    border-color: #a11a17;
    text-align: center;
    margin: 4% auto !important;
}
.comparateur .alert-danger a {
    color: #fff;
    text-decoration: underline;
}
.comparateur .container.resettop .nav-link.active {
    background: #a11a17;
    color: #fff;
}
.comparateur .container.resettop {
    top: 0;
}
.comparateur .alerte-contenu1 {
    padding: 3% 5%;
}
/* ==================================================================================== */
/*                                           FAQ                                        */
/* ==================================================================================== */
.faq .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.faq .container-fluid.faq-contenu1{
    padding: 5%;
}
.faq .container-fluid.faq-contenu3{
    padding: 8% 5%;
}
.faq  .tab {
    width: 100%;
    color: white;
    overflow:hidden;
  }
.faq  .tab-label {
    display: flex;
    justify-content: flex-start;
    padding: 1em;
    /* background: #f7f7f7; */
    font-weight: 700;
    cursor: pointer;
    color: #141414;
    margin: 5px 0 0 0;
}
.faq  .tab-label i{
    color: #141414;
    font-size: 11px;
    top: 5px;
    margin-right: 15px
}

/* .faq  .tab-label:hover {
    background: #00a9c8;
    color: #fff;
  } */
.faq  .tab-label::after {
    content: "\f48a";
    text-align: center;
    transition: all 0.35s;
    margin-left: 25px;
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 800;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    margin-top: 1px;
  }
.faq  .tab-content {
    max-height: 0;
    padding: 1em;
    color: #444;
    background: #fff;
    transition: all 0.35s;
    background:#f7f7f7;
  }
.faq  .tab-content p{
    margin: 0;
  }
 .faq .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    cursor: pointer;
  }
  
.faq  input:checked + .tab-label::after {
    content: "\f463";
    font-size: 21px;
    text-align: center;
    transition: all 0.35s;
    margin-left: 25px;
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 800;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 1px;
  }
 .faq .tab-content {
    display: none;
  }
 .faq input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 1.5em 2.5em;
    display: block;
  }
.padd30 {
    padding: 30px;
}

.faq .suite .col:last-child {
    margin-left: 0;
}

.faq input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.faq .titre-h4-vente,
.faq .titre-h4-location {
    font-size: 23px;
    text-align: left;
    color: #000;
    text-transform: initial;
    margin: 2em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    z-index: 2;
    background: transparent;
    padding-left: 3em;
}
.faq .titre-h4-vente::before {
    content: "";
    display: inline-block;
    max-width: 470px;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    bottom: -5px;
    width: 100%;
    left: -110px;
}
.faq .titre-h4-location::before {
    content: "";
    display: inline-block;
    max-width: 432px;
    height: 2px;
    background: #000;
    vertical-align: middle;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    bottom: -5px;
    width: 100%;
    left: -110px;
}


/* ==================================================================================== */
/*                                       RESPONSIVE                                     */
/* ==================================================================================== */

@media (min-width: 992px){
    .prod_accueil .block_info {
        padding: 10px;
    }
    .not-sticking nav, .sticking nav {
        margin: auto 0;
    }
    nav.menu ul {
        display: inline-block;
    }
    nav.menu ul.navgauche {
        margin: 0 auto 0 0;
        display: flex;
        justify-content: flex-start;
    }
    nav.menu ul.navdroite {
        margin: 0 0 0 auto;
        display: flex;
        justify-content: flex-end;
    }
    nav.menu ul li {
        padding: 0;
        height: 125px;
        display: flex;
    }
    nav.menu ul.navdroite li {
        min-width: 133px;
    }
    .menu .navgauche .dropdown-menu {
        min-width: 20px;
        font-size: 1rem;
        color: #fff;
        background-color: #a11a17;
        border: 0;
        border-radius: 0;
        margin: 0;
    }
    .menu .navgauche .dropdown-menu .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.5rem 1.5rem;
        clear: both;
        color: #fff;
        text-align: inherit;
        background: 0 0;
        border: 0;
    }
    .menu .navgauche .dropdown .dropdown-menu .dropdown-item:hover {
        color: #a11a17;
        background-color: #fff;
    }
    nav.menu ul li.lien-mon-compte {
        background: #a11a17;
        width: 160px;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #353535;
        letter-spacing: 0.8px;
        font-weight: 800;
        font-size: 15px;
        margin-bottom: auto;
        margin-top: auto;
        width: 100%;
    }
    .menu ul.navdroite > li > a {
        padding: 12px 6px;
    }
    .menu ul > li > a.vert {
        color: #a11a17;
    }
    .menu ul > li:hover > a ,
    .menu ul > li:hover > a.vert {
        color:  #a11a17;
        font-size: 16px;
    }
    .menu ul > li.lien-mon-compte:hover > a {
        color:  #fff;
        font-size: 18px;
    }
    .menu ul > li.lien-mon-compte > a {
        color: #fff;
        width: 100%;
    }

    .menu ul.navgauche > li > a {
        padding: 12px 9px;
    }
    .version-mobile {
        display: none!important;
    }
    .header__logo img {
        width: 205px;
    }
}
@media (min-width: 1281px){
    .prod_accueil .block_info {
        padding: 20px;
    }
    .home_cont_selection .container-fluid,
    .vendre .container-fluid,
    .home_cont_categories .container-fluid,
    .home_cont_partenaires .container-fluid,
    .home_cont_estimation .container-fluid {
        padding-right: 10%;
        padding-left: 10%;
    }
    p {
        font-size: 16px;
    }
    .home_heading,
    .estimation .page-heading
    .home_heading2 {
        font-size: 25px;
    }
    .home_cont_contenu .text-contenu {
        padding: 2%;
        font-weight: inherit;
        height: 560px;
    }
    .img-contenu img {
        width: 65%;
        border: 7px solid #ffff;
        margin-top: -80px;
    }
    .home_cont_contenu {
        padding: 100px 0;
    }
    .home_cont_contenu .img-contenu {
        height: 560px;
    }
    .cont_coordonnees .reseaux-sociaux .list-inline img {
        width: 35px;
    }
    aside .list-inline img {
        width: 35px;
        margin: 10px 5px;
    }
    .cont_coordonnees .plan ul li a{
        color: #fff;
        font-size: 16px;
     }
     .baseline-gestion .titre-baseline{
        font-size: 4rem;
    }
    .cellule-gestion {
        min-height: 180px;
    }
    .home_heading6::before {
        max-width: 180px;
        width: 180px;
    }
    .gestion-contenu5 .home_heading6::before {
        max-width: 400px;
        width: 392px;
    }
    .agence-contenu4 {
        margin-top: -475px;
    }
    .agence-contenu6 {
        margin-top: -435px;
    }
    .agence .bg-vert.agence-contenu3 {
        padding: 30px 0 80px 0!important;
    }
    .bg-gris.agence-contenu5 {
        padding: 30px 0 50px 0!important;
    }
    .agence .agence-contenu4 .col-5 img {
        margin-top: 45%;
    }
    .agence .agence-contenu6 .col-5 img {
        margin-top: 45%;
    }
    .recrutement .home_heading6::before {
        max-width: 460px;
        width: 424px;
        left: -109px;
    }
    .offre-page .home_heading6::before {
        max-width: 415px;
        width: 415px;
    }
    .menu ul > li > a {
        font-size: 16px;
    }
    .menu ul > li.active > a {
        font-size: 18px;
    }
    .menu ul > li > a.vert {
        color: #a11a17;
    }
    .menu ul > li:hover > a {
        color:  #a11a17;
        font-size: 18px!important;
    }
    .menu ul > li:hover > a.vert{
        color:  #fff!important;
        font-size: 18px!important;
    }
    /* .menu ul > li.active > a,
    .menu ul.navgauche > li.active > a,
    .menu ul.navdroite > li.active > a,
    .menu a.active {
        color:  #a11a17!important;
        font-size: 18px!important;
    } */
    nav.menu ul.navgauche li {
        min-width: 117px;
    }
    .ml18 {
        margin-left: 30px;
    }
}
@media (min-width: 2500px) {
    .img-contenu img {
        width: 50%;
    }
}

@media (max-width: 991px){
    .header__logo .index-logo-not-sticking, .header__logo img {
        width: 70px;
        margin-right:0;
    }
    .index .not-sticking .header__logo {
        height: 70px;
        padding: 5px 0;
    }
    .header__logo .index-logo-not-sticking, .header__logo img {
        width: 122px;
        margin-right: 45px;
        padding: 10px 0;
    }
    .version-pc {
        display: none;
    }
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .prod_accueil article {
        width: calc(100% / 2 - 20px);
    }
    .h1, h1 {
        font-size: 23px;
    }
    .home_heading, .home_heading2, .home_cont_estimation .home_heading3 {
        font-size: 18px;
    }
    .home_heading::after, .home_heading::before {
        width: 50px;
    }
    .home_heading2::after {
        content: "";
        display: inline-block;
        max-width: 100%;
        height: 1px;
        background: #000;
        vertical-align: middle;
        margin: 0 10px;
        position: relative;
        z-index: 1;
        top: 0;
        width: 320px;
        width: 100%;
    }
    .btn-effet {
        width: 260px!important;
    }
    .btn {
        font-size: 14px;
    }
    .btn-effet:hover {
        font-size: 16px;
        width: 290px!important;
    }
    .index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label, .radio_trans input[type=radio].css-checkbox + label.css-label {
        font-size: 16px;
    }
    .plusdecritere {
        margin-top: 0;
    }
    .home_cont_selection, .home_cont_categories {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .home_heading {
        margin: 2em 0;
    }
    .prod_accueil .block_info {
        padding: 10px;
    }
    .home_cont_presentation {
        padding: 20px 0;
    }
    .home_cont_presentation .text-presentation {
        padding: 10px 3%;
    }
    .home_cont_contenu .img-contenu, .home_cont_contenu .text-contenu {
        min-height: 550px;
        height: 100%;
        margin: auto;
    }
    .img-contenu img {
        width: 100%;
        border: 8px solid #fff;
        margin-top: 35px;
    }
    .home_cont_contenu .text-contenu .pt-3,
    .home_cont_contenu .text-contenu .pb-3 {
        padding: 0;
    }
    .home_cont_estimation {
        padding: 20px 0;
    }
    .index .home_heading3::after {
        content: "";
        display: block;
        position: relative;
        background: #fff;
        height: 4px;
        width: 133px;
        margin: 10px 0 15px 0;
    }
    .home_cont_estimation .bg-vert-clair {
        padding: 15px 0;
    }
    .home_cont_actualites ul li, .actualites-group ul li {
        width: calc(100% / 2 - 20px);
        margin: 0 10px;
    }
    .home_cont_actualites img, .adminpersos .actualites-group img {
        width: 100%;
        max-height: 170px;
        object-fit: cover;
    }
    .home_cont_actualites .description-post {
        padding: 5px;
        min-height: 210px;
        font-size: 14px;
    }
    .home_cont_actualites .title-post {
        min-height: 70px;
    }
    .home_cont_actualites .btn2 {
        padding: 0rem 0.5rem!important;
        margin-top: 0!important;
        font-size: 12px!important;
        width: 91px!important;
    }
    .cat {
        margin: 15px 0;
    }
    .home_cont_categories .cat-infos-overlay {
        width: 50%;
    }
    .home_cont_partenaires .carousel-item img {
        width: 80px;
        margin: 0px 2%;
    }
    .home_cont_partenaires .carousel-control-next,.home_cont_partenaires  .carousel-control-prev {
        top: 20%;
    }
    .cont_coordonnees .plan .titre {
        font-size: 17px;
    }
    .plan {
        margin-top: 20px;
    }
    .cont_coordonnees .reseaux-sociaux .logo {
        width: 140px;
    }
    .menu {
        background-color: #fff;
    }
    .menu ul li > a {
        display: block;
        text-align: left;
        color: #353535;
        font-weight: 600;
    }
    .menu ul {
        margin: 70px 0 0 0 !important;
    }
    .menu ul li {
        margin-bottom: 0px;
        border-bottom: 0;
        padding: 10px 20px;
        font-size: 20px;
    }
    .menu ul li.lien-mon-compte {
        background-color: #a11a17;
        padding: 30px;
        margin-top: 10px;
    }
    .menu ul li.lien-mon-compte > a {
        color: #fff;
    }
    .with--sidebar .site-cache {
        background-color: rgba(0,0,0,1);
    }
    .with--sidebar .burger-item:before,
    .with--sidebar .burger-item:after {
        background-color: #fff;
        color: #fff;
    }
    .header__logo {
        height: 80px;
    }
    .burger-item {
        color: #000;
        font-size: 40px;
        position: fixed;
        top: 38px;
        left: 15px;
        z-index: 100;
        background: #000;
        height: 3px;
        width: 35px;
    }
    .burger-item::before,
    .burger-item::after {
        width: 35px;
    }
    .home_cont_actualites .btn-actus .btn-primary {
        width: 91px!important;
    }
    [class*="listing"] .main-content,
    [class*="listing-"] .main-content {
        margin-top: 100px;
    }
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: block;
        position: absolute;
        right: 7px;
        top: 18px;
        font-size: 25px;
        background: #a11a17;
        padding: 8px 16px;
        border-radius: 50%;
        color: #fff;
    }
    [class*="listing"] .search__form-item:nth-child(n+2) ,
    [class*="listing-"] .search__form-item:nth-child(n+2) {
        margin-right: 0;
        width: 100%;
        height: 50px;
    }
    .modal-body a {
        color: #a11a17!important;
    }
    .form-group.c_insee i {
        font-size: 21px;
    }
    .search__form-item.c_valid {
        width: 7%;
        margin: auto 18px auto auto;
    }
    .top_page {
        height: 120px;
        margin-top: 85px;
        background-size: cover!important;
    }
    .breadcrumb-cms {
        padding: 15px 0;
        font-size: 14px;
    }
    .form-group.c_type_bien label, .form-group.c_etat label, .form-group.c_etage label, .form-group.c_surface-bien label, .form-group.c_exterieur label, .form-group.c_etatexterieur label, .form-group.c_surface-exterieur label, .form-group.c_typologie label {
        min-width: 65px;
    }
    .gestion .radio_trans input[type=radio].css-checkbox + label.css-label {
        font-size: 11px;
        margin-bottom: 10px;
    }
    .gestion .groupe_champs > .form-group {
        width: 100%;
        padding: 10px 0;
        display: inline-grid;
        justify-content: flex-start
    }
    .gestion-contenu5 .c_rue input, .gestion-contenu5 .c_ville input {
        margin-top: 20px;
    }
    .gestion .home_heading6, .gestion .htmlinform h4, .gestion .home_heading5, .gestion .home_heading4 {
        font-size: 18px;
    }
    .gestion .c_titre2 .htmlinform h4::before {
        content: "";
        display: inline-block;
        max-width: 554px;
        height: 2px;
        background: #000;
        vertical-align: middle;
        margin: 0 10px;
        position: absolute;
        z-index: 1;
        bottom: -5px;
        width: 111%;
        left: -37px;
    }
    .gestion .c_titre .htmlinform h4::before {
        content: "";
        display: inline-block;
        max-width: 400px;
        height: 2px;
        background: #000;
        vertical-align: middle;
        margin: 0 10px;
        position: absolute;
        z-index: 1;
        bottom: -5px;
        width: 135%;
        left: -37px;
    }
    .home_heading4::before {
        content: "";
        display: inline-block;
        max-width: 100%;
        height: 1px;
        background: #000;
        vertical-align: middle;
        margin: 0 10px;
        position: absolute;
        z-index: 1;
        top: 18px;
        width: 100%;
        right: 68%;
    }
    .gestion .titre1 {
        font-size: 15px;
    }
    .gestion p {
        font-size: 13px;
    }
    .cellule-gestion {
        min-height: 275px;
    }
    .baseline-gestion .titre-baseline {
        font-size: 2.5rem;
    }
    .btn-top_page .btn-primary {
        font-size: 15px;
        width: 230px!important;
    }
    .gestion .btn-top_page2 {
        z-index: 20;
        position: absolute;
        top: 80%;
        left: auto;
        width: auto;
        right: 0;
    }
    .gestion .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .baseline-gestion {
        z-index: 20;
        position: absolute;
        top: 20%;
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%);
        left: 25%;
        -webkit-transform: translateX(-25%);
        -moz-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        -o-transform: translateX(-25%);
        transform: translateX(-25%);
        width: 100%;
    }
    .gestion .top_page,
    .agence .top_page,
    .brest .top_page,
    .quimper .top_page,
    .offre1 .top_page,
    .offre2 .top_page,
    .offre3 .top_page,
    .offre4 .top_page {
        height: 60vh;
        background-size: cover;
    }
    .recrutement .top_page {
        background: url(/assets/images/top_page/recrutement.jpg) no-repeat left center;
        height: 60vh;
        background-size: cover;
    }
    .gestion .btn-top_page, .gestion .btn-top_page2 {
        top: 40%;
    }
    .gestion,
    .agence {
        padding-top: 0!important;
    }
    .agence .breadcrumb-cms {
        display: none;
    }
    .agence-contenu1 img {
        margin-top: -26%;
    }
    .agence .home_heading2 {
        font-size: 18px;
        margin: 0 0 10px 0;
    }
    .agence .titre1 {
        font-size: 18px;
    }
    .agence .img_svg img.n1, .agence .img_svg img {
        width: 55px;
    }
    .agence .img_svg {
        width: 100px;
        height: 100px;
    }
    .agence .bg-vert-mobile {
        background: #a11a17;
    }
    .agence .bg-gris-mobile {
        background: #3A4C57;
    }
    .ordre1 { order: 1;}
    .ordre2 { order: 2;}
    .agence .bg-vert.agence-contenu3 {
        height: auto;
        background-color: transparent;
    }
    .agence-contenu4 {
        margin-top: 0;
    }
    .agence .agence-contenu4 .col-7 , .agence .agence-contenu6 .col-7  {
        text-align: center;
    }
    .agence .agence-contenu4 .col-7 img {
        margin-top: -30%;
        width: 90%;
    }
     .agence .agence-contenu6 .col-7 img {
        margin-top: 10%;
        width: 90%;
    }
    .agence .agence-contenu6 .col-5 img {
        margin-top: -30%;
    }
    .agence .agence-contenu4 .col-5 img  {
        margin-top: 10%;
    }
    .agence-contenu6 {
        margin-top: 0;
    }
    .bg-gris.agence-contenu5 {
        background: transparent;
        height: auto;
    }
    .equipier {
        padding: 10px;
    }
    .chiffre-recrutement .chiffre {
        font-size: 2.3rem;
        margin: 0 0 10px 0;
    }
    #carouselRecrutementIndicators ul li {
        width: calc(100% / 3 - 10px);
        margin: 0 5px;
    }
    #carouselRecrutementIndicators ul li .actu-info {
        padding: 10px;
    }
    
    #carouselRecrutementIndicators ul li .title-offre {
        padding: 5px 15px;
    }
    .recrutement .groupe_champs > .form-group.c_nom, .recrutement .groupe_champs > .form-group.c_prenom, .recrutement .groupe_champs > .form-group.c_tel, .recrutement .groupe_champs > .form-group.c_mail, .offre-page .groupe_champs > .form-group.c_nom, .offre-page .groupe_champs > .form-group.c_prenom, .offre-page .groupe_champs > .form-group.c_tel, .offre-page .groupe_champs > .form-group.c_mail {
        width: calc(100% / 2 - 5px);
    }
    .recrutement label, .offre-page label {
        min-width: 68px;
    }
    .retour-offre {
        top: 20px;
    }
    .offre-page.baseline-gestion {
        top: 15%;
    }
    .offre-page.baseline-gestion .titre-baseline {
        font-size: 2rem;
    }
    .recrutement .btn-top_page2 {
        z-index: 20;
        position: absolute;
        top: 45%;
        left: 59%;
        width: auto;
    }
}




@media (min-width: 601px){
    .version-mobile-slide {
        display: none;
    }
}
@media (max-width: 600px){
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_accueil article {
        width: 95%;
    }
    .home_heading2::after {
        width: 150px;
    }
    .header__logo .index-logo-not-sticking, .header__logo img {
        width: 105px;
        margin-right: 22px;
    }
    .index .not-sticking .header__logo {
        height: 75px;
    }
    .header__logo img {
        margin-left: -20px;
        margin-top: 0;
        max-width: 100%;
    }
    .search__form-item:nth-child(n+2) {
        width: 100%;
    }
    .index .search__form-item.c_type {
        border-bottom-left-radius: 0;
        border-top-left-radius: 25px;
        border-left: 0;
        border-right: 0;
        border-top-right-radius: 25px;
    }
    .index .search__form-item.c_numero {
        border-bottom-right-radius: 25px;
        border-top-right-radius: 0;
        border-right: 0;
        border-left: 0;
        background: #fff;
        border-bottom-left-radius: 25px;
    }
    .index .moteur .form-style {
        border-left: 0;
    }
    .moteur {
        top: auto;
    }
    .bgAccueil {
        background: url(/assets/images/bgimg.jpg) no-repeat center bottom;
    }
    .search__form-item.c_valid {
        width: 7%;
        margin: auto;
    }
    .index .c_loc .radio_trans {
        justify-content: center;
    }
    .menu ul li {
        font-size: 15px;
    }
    .home_heading, .home_heading2, .home_cont_estimation .home_heading3 {
        font-size: 20px;
    }
    .home_heading::after, .home_heading::before, .home_heading2::after {
        display: none;
    }
    .img-presentation { padding: 0;}
    .home_cont_presentation .text-presentation, .home_cont_contenu .text-contenu {
        padding: 10px 25px;
    }
    .home_cont_contenu .img-contenu, .home_cont_contenu .text-contenu {
        max-height: 100%;
        height: auto;
    }
    .home_cont_contenu .text-contenu .pt-3, .home_cont_contenu .text-contenu .pb-3 {
        padding: 10px 15px;
    }
    .home_cont_estimation .bg-vert-clair .pl-5 {
        padding-left: 15px!important;
    }
    .home_cont_estimation .bg-vert-clair {
        padding: 15px 0 0 0;
    }
    .home_cont_estimation img {
        margin-top: 10px;
    }
    .home_cont_actualites ul li, .actualites-group ul li {
        width: 95%;
        margin: 20px 10px;
    }
    .home_cont_partenaires .carousel-item img {
        width: 100px;
        margin: 0px 2%;
    }
    .version-pc-slide {
        display: none;
    }
    #content {
        margin-top: 32%;
    }
    .gestion .btn-top_page, .gestion .btn-top_page2 {
        top: auto;
        position: relative;
    }
    .gestion .top_page, .agence .top_page, .brest .top_page, .quimper .top_page, .offre1 .top_page, .offre2 .top_page, .offre3 .top_page, .offre4 .top_page {
        height: 50vh;
        background-size: cover;
    }
    .gestion .top_page{
        background: url(/assets/images/top_page/gestion.jpg) no-repeat right center;
        height: 50vh;
        background-size: cover;
    }
    .baseline-gestion .titre-baseline {
        font-size: 1.5rem;
    }
    .baseline-gestion {
        top: 15%;
    }
    .gestion .btn-top_page .container-fluid ,
    .gestion .btn-top_page2 .container-fluid {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .gestion .home_heading3::after, .home_heading4::before {
        display: none;
    }
    .gestion .home_heading3 {
        font-size: 18px;
    }
    .gestion-contenu2 ul li {
        width: 100%;
    }
    .cellule-gestion {
        min-height: 140px;
    }
    .vendre-contenu2 img {
        width: 70px;
        height: 70px;
        object-fit: cover;
    }
    .gestion .home_heading6, .gestion .htmlinform h4, .gestion .home_heading5, .gestion .home_heading4 {
        font-size: 15px;
    }
    .gestion-contenu4 img {
        margin-top: 0;
        border: 7px solid #fff;
    }
    .gestion .groupe_champs > .form-group {
        display: block;
    }
    .gestion-contenu5 .groupe_champs > .form-group.c_nom, .gestion-contenu5 .groupe_champs > .form-group.c_prenom, .gestion-contenu5 .groupe_champs > .form-group.c_tel, .gestion-contenu5 .groupe_champs > .form-group.c_mail {
        width: calc(100% / 1 - 5px);
    }
    .gestion .home_heading6, .gestion .htmlinform h4, .gestion .home_heading5, .gestion .home_heading4 {
        font-size: 20px;
        margin: 1em 0;
    }
    .gestion .c_titre .htmlinform h4::before {
        width: 32%;
    }
    .gestion .c_titre2 .htmlinform h4::before {
        width: 87%;
    }
    .gestion-contenu5 .groupe_champs > .form-group.c_adresse, .gestion-contenu5 .groupe_champs > .form-group.c_rue, .gestion-contenu5 .groupe_champs > .form-group.c_ville {
        width: calc(100% / 1 - 5px);
    }
    .gestion-contenu5 .c_rue .champs, .gestion-contenu5 .c_ville .champs {
        margin: 0;
    }
    .gestion-contenu5 .c_rue input, .gestion-contenu5 .c_ville input {
        margin-top: 0;
    }
    .gestion .radio_trans {
        display: block;
    }
    .gestion .radio_trans input[type=radio].css-checkbox + label.css-label {
        padding: 5px 0;
        margin: 5px 0 10px 0;
        font-size: 16px;
    }
    .agence .agence-contenu6 .col-5 img {
        margin-top: -60%;
    }
    .agence .agence-contenu6 .col-7 img {
        margin-top: 0;
        width: 90%;
        margin-bottom: 10%;
    }
    .recrutement .top_page {
        background: url(/assets/images/top_page/recrutement.jpg) no-repeat left center;
        height: 30vh;
        background-size: cover;
    }
    #carouselRecrutementIndicatorsMobile ul li .actu-info {
        padding: 20px;
    }
    
    #carouselRecrutementIndicatorsMobile ul li img {
        width: 100%;
        max-height: 225px;
        object-fit: cover;
    }
    
    #carouselRecrutementIndicatorsMobile ul li .title-offre {
        font-size: 15px;
        text-align: left;
        min-height: 40px;
        font-weight: 700;
        padding: 15px;
    }
    #carouselRecrutementIndicatorsMobile .description-offre {
        padding: 10px 15px 15px 15px;
        min-height: 165px;
        font-size: 13px;
        text-align: left;
    }
    #carouselRecrutementIndicatorsMobile .btn-actus {
        padding: 0 15px;
    }
    #carouselRecrutementIndicatorsMobile .date-offre {
        font-size: 12px;
        font-weight: normal;
        font-style: italic;
        text-align: left;
    }
    #carouselRecrutementIndicatorsMobile  .btn2 {
        padding: 0rem 1rem!important;
        margin-top: 0!important;
        font-size: 12px!important;
        border-radius: 35px;
    }
    #carouselRecrutementIndicatorsMobile .btn2 {
        padding: 0rem 1rem!important;
        margin-top: 0!important;
        font-size: 12px!important;
        border-radius: 35px;
    }
    #carouselRecrutementIndicatorsMobile .btn i {
        font-size: 18px;
        vertical-align: middle;
        margin-right: 0;
        margin-left: 5px;
    }
    .recrutement .groupe_champs > .form-group.c_nom, .recrutement .groupe_champs > .form-group.c_prenom, .recrutement .groupe_champs > .form-group.c_tel, .recrutement .groupe_champs > .form-group.c_mail, .offre-page .groupe_champs > .form-group.c_nom, .offre-page .groupe_champs > .form-group.c_prenom, .offre-page .groupe_champs > .form-group.c_tel, .offre-page .groupe_champs > .form-group.c_mail {
        width: calc(100% / 1 - 5px);
    }
    .cont_coordonnees .plan ul li a {
        color: #fff;
        font-size: 15px;
    }
    .cont_coordonnees .plan ul li {
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .recrutement .home_heading6::before {
        max-width: 450px;
        width: 415px;
        left: -309px;
    }
    .faq .titre-h4-vente::before {
        content: "";
        display: inline-block;
        max-width: 432px;
        height: 2px;
        background: #000;
        vertical-align: middle;
        margin: 0 10px;
        position: absolute;
        z-index: 1;
        bottom: -5px;
        width: 100%;
        left: -142px;
    }
    .faq .titre-h4-location::before {
        content: "";
        display: inline-block;
        max-width: 432px;
        height: 2px;
        background: #000;
        vertical-align: middle;
        margin: 0 10px;
        position: absolute;
        z-index: 1;
        bottom: -5px;
        width: 100%;
        left: -178px;
    }
    .gestion, .agence, .recrutement {
        padding-top: 0;
        margin-top: 25%;
    }
    .recrutement .btn-top_page2 {
        z-index: 20;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
    }
    .btn-top_page .btn-primary {
        width: auto!important;
    }
    .vendre .top_page {
        margin-top: 0;
    }
    .vendre .carousel {
        min-height: 220px;
    }
    .vendre .vendre-slider .carousel-item {
        width: 100%;
    }
    .vendre-contenu4 .max-height-70 {
        max-height: 100%;
    }
    .detail_biens_sim .prod_accueil article {
        width: calc(100% / 1 - 20px);
    }
    .recrutement #carouselReassuranceIndicatorsMobile .carousel-inner {
        min-height: 170px;
    }
    .recrutement #carouselReassuranceIndicatorsMobile .carousel-indicators .active {
        border: 1px solid #fff;
    }
    .chiffre-recrutement .chiffre {
        font-size: 4rem;
        margin: -12px 0 0 0;
        line-height: 1.4;
    }
    .chiffre-recrutement .chiffre-intitule {
        font-size: 17px;
    }
    #carouselReassuranceIndicatorsMobile .carousel-indicators {
        bottom: 0;
    }
    .offre1 .top_page,
    .offre2 .top_page,
    .offre3 .top_page,
    .offre4 .top_page {
        margin-top: 0;
    }
    .offre-page.baseline-gestion .titre-baseline {
        font-size: 1.3rem;
    }
    .date-baseline {
        margin-top: 15px;
        font-size: 14px;
    }
    .btn-ancre .btn {
        border-radius: 35px;
        padding: 0.5rem 1rem;
        font-size: 14px;
        margin-top: 2em;
    }
    .btn-ancre .btn .btn i {
        margin-left: 5px;
        font-size: 21px;
    }
    .map {
        top: 0;
        margin-top: 18%;
    }
    .agence .btn-top_page2 {
        top: 18%;
        left: 0;
        text-align: center;
    }
    .display-mobile {
         display: none;
    }
    .agence-btn-numero {
        margin-top: -70px!important;
        margin-bottom: 20px!important;
        margin-left: -15px;
    }
    .equipier img {
        max-width: 250px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .brest .quimper {
        overflow-x: hidden;
    }
    .brest .row, .quimper .row {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .top_page {
        height: 80px;
        margin-top: 85px;
        background-size: cover !important;
    }
}





/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .cellule-gestion {
        min-height: 275px;
    }
}





/* MODIFCATIONS DU 24 Juin 2022 */
.detail .interlocuteur {
    border: 0;
    padding: 10px 0px;
    border-radius: 0;
    background: #a11a17;
    color: #fff;
}
.detail .interlocuteur p{
    margin-bottom: 0;
}
.detail .interlocuteur a{
    color: #fff;
}
.detail .interlocuteur a:hover{
    text-decoration: underline;
}
.detail .interlocuteur .ion-ios-telephone {
    font-size: 22px;
    top: 3px;
    right: 3px;
}

.offre1 #bloc_fixed,
.offre2 #bloc_fixed,
.offre3 #bloc_fixed,
.offre4 #bloc_fixed {
    display: none!important;
}
.partage-offre {
    position: fixed;
    right: 10px;
    bottom: 40%;
    z-index: 19;
}
.partage-offre ul{
    background: #a11a17;
    border-radius: 35px;
    padding: 1rem 0.6rem;
    color: #fff;
    text-align: center;
}
.partage-offre ul a,
.partage-offre ul a i {
    color: #fff;
    font-size: 25px;
    margin: 10px 0;
}
/* .contact .form-group.c_mail {
    width: 100%;
} */


@media (max-width: 991px) {
    .offre1 #bloc_fixed_bottom,
    .offre2 #bloc_fixed_bottom,
    .offre3 #bloc_fixed_bottom,
    .offre4 #bloc_fixed_bottom {
        display: none!important;
    }
    .search__form-item:nth-child(n+2) {
        width: 17.5%;
    }
    .search__form-item.c_valid {
        width: 7%;
    }
    .index .moteur .form-style, .index .c_type .btn-group>.btn:first-child, .index .bootstrap-select>.dropdown-toggle.bs-placeholder {
        font-size: 10px;
    }
    .form-group.c_insee .dropdown-toggle::after {
        top: 16px;
        right: 21px;
    }
    .index .input-group-addon {
        font-size: 10px;
        top: 7px;
    }
    .offre1 .top_page, .offre2 .top_page, .offre3 .top_page, .offre4 .top_page {
        height: 80vh;
    }
    .offre-page.baseline-gestion {
        top: 29%;
    }
}

@media (max-width: 604px) {
    .partage-offre {
        position: fixed;
        right: auto;
        bottom: 0;
        z-index: 19;
    }
    .partage-offre {
        position: fixed;
        right: auto;
        bottom: 0;
        z-index: 19;
        width: 60%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .partage-offre ul {
        padding: 0.2rem 1rem;
        display: flex;
        justify-content: space-around;
    }
    .partage-offre ul li{
        margin: auto;
    }
    .baseline-gestion.offre-page ul {
        display: none;
    }
    .offre1 .top_page, .offre2 .top_page, .offre3 .top_page, .offre4 .top_page {
        height: 60vh;
    }
    .top_link {
        bottom: 80px;
        right: 10px;
    }   
    .search__form-item:nth-child(n+2) {
        width: 95%;
    }
}


.form-group.search__form-item.c_type { order: 1; }
.form-group.search__form-item.c_insee {order: 2; }
.form-group.search__form-item.c_surfacemin { order: 3;}
.form-group.search__form-item.c_prixmax { order: 4;}
.form-group.search__form-item.c_numero { order: 5;}
.search__form-item.c_valid {order: 6; }
.form-group.search__form-item.c_complement1 { 
    order: 7;
    display: flex;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.2);
    padding-top: 20px;
}
.form-group.search__form-item.c_complement1 .bootstrap-select>.dropdown-toggle.bs-placeholder,
.form-group.search__form-item.c_complement1 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ 
    width: 203px!important;
    background-color: transparent;
}
.c_complement1::before {
    content: "Filtrer votre recherche ..."!important;
    margin-top: 8px;
    width: 18.5%;
}


.listing .fiche_produit {
    margin-bottom: 35px;
    margin-top: 60px;
}


/* •*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•* */
/*                                             REF BY LOLO                                                   */
/* •*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•* */


/* •*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*•*´¨ TOGGLE .¸¸.•*•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•* */

.ref input[type=checkbox],
.ref input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    display: none;
}
  /* Accordion styles */  
 .ref .tab {
    width: 100%;
    color: white;
    overflow:hidden;
  }
 .ref .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: #f7f7f7;
    font-weight: 400;
    cursor: pointer;
    color: #444;

/* Icon */
  }
 .ref .tab-label:hover {
    background: #a11a17;
    color: #fff;
  }
 .ref .tab-label::after {
    content: "❯";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
  }
 .ref .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #444;
    background: #fff;
    transition: all 0.35s;
  }
 .ref .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #a11a17;
    cursor: pointer;
  }
 .ref .tab-close:hover {
    background: #a11a17;
  }
  
 .ref input:checked + .tab-label {
    background: #a11a17;
    color: #fff;
  }
 .ref input:checked + .tab-label::after {
    transform: rotate(90deg);
  }
 .ref .tab-content {
    display: none;
  }
 .ref input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 1em;
    display: block;
}


.suite .col:last-child {
    margin-left: 0;
}

/* •*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*•*´¨ MISE EN PAGE .¸¸.•*•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•* */

.page2ref li {
font-size: 14px;
text-align:justify;
font-family: 'Roboto', sans-serif;
color: #353535 !important;
}

.listeliens a {
    color:#a11a17;
  }
  
  .listeliens a:hover {
    text-decoration: underline;
  }

.ref p, .page2ref p{
font-size: 14px;
text-align:justify;
font-family: 'Roboto', sans-serif;
color: #353535 !important;
}

.ref h2 {
    margin-bottom: 0;
font-size:20px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

.page2ref h2 {
    margin-bottom: 15px;
font-size:22px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

.page2ref h3 {
    margin-bottom: 0;
font-size:18px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

.maison-quimper .top_page {
    background-image: url(../images/top_page/top.jpg);
}    

.maison-brest .top_page {
    background-image: url(../images/top_page/top.jpg);
}  

.appartement-quimper .top_page {
    background-image: url(../images/top_page/top.jpg);
}  

.appartement-brest .top_page {
    background-image: url(../images/top_page/top.jpg);
}  

.liste-seo3 ul.card_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .liste-seo3 ul.card_list li {
    width: calc(100% / 3 - 5px);
    margin-top: 10px;
    text-align: center;
  }
  
  .page_ref .liste-seo3 li {
    font-size: 13px;
  }

  .ensavoirplus {
    color:#EEB942;
  }
  
.page2ref .description {
    padding: 15px 35px 10px 20px;
}

  .ensavoirplus:hover{
    color:#256C5E;
  }
  
  @media (max-width: 991px) {
    .listeliens ul li {
        width: calc(100% / 2);
    }    
  }


@media (max-width: 604px) {
    .listeliens ul li {
        width: calc(100% / 1);
    }    
}



/* -------------------------------------------------------------------------------------------------------------- */
/*                                             PROGRAMME NEUF                                                     */
/* -------------------------------------------------------------------------------------------------------------- */
.listing-neuf .card_list {
    display: none;
}
.listing-neuf .prod_listing.damier .block_info {
    min-height: 192px;
}
.listing-neuf .info_prix {
    margin: 22px 0 30px 0;
}
.programme-neuf .show ul {
    display: flex;
}
/*.programme-neuf .carousel-control-next, .carousel-control-prev {*/
    /*background: rgba(143,192,51, 1);*/
    /*height: 60px;*/
    /*width: 60px;*/
    /*top: 50%;*/
    /*-webkit-transition: all .3s ease-out;*/
    /*transition: all .3s ease-out;*/
    /*z-index: 30;*/
/*}*/
/*.programme-neuf .carousel-control-next:hover, .carousel-control-prev:hover {*/
    /*background: rgba(143,192,51, 1);*/
    /*width: 60px;*/
/*}*/
.programme-neuf .col-md-12,
.programme-neuf .col-lg-6,
.programme-neuf .col-md-6,
.programme-neuf .col-sm-12,
.programme-neuf .col-xs-12,
.programme-neuf .col-md-12 {
    padding-left: 0;
}
.programme-neuf h3 {
    text-transform: uppercase;
    padding: 20px 0 10px 0;
    margin-bottom: 20px;
}
.programme-neuf h3:after  {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 50px;
    background-color: #256C5E;
}
.programme-neuf h2 {
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    font-size: 18px;
}
.programme-neuf .nom-programme.title::after  {
    content: "";
    display: block;
    position: relative;
    background: #256C5E;
    height: 1px;
    width: 100%;
    margin: 0 auto 15px auto;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.detail-bien ul {
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 15px ;
}
.detail-bien ul li {
    margin: 0 20px;
}
.header-bien .like {
    text-align: center;
}
.programme-neuf section {
    margin: 20px 0;
}
.programme-neuf .lots .ion-android-download{
    font-size: 28px;
}
.programme-neuf .detail_pdf .ion-android-download {
    font-size: 20px;
}
.programme-neuf .detail-bien .type-programme {
    font-size: 20px;
}
.programme-neuf .detail-bien .ville {
    font-size: 18px;
}
.programme-neuf .lafficheur li:hover, .programme-neuf .lafficheur li.active {
    background-color: #256C5E;
    color: #000;
}
.rwd-table {
    background: #ddd;
    overflow: hidden;
    width: 100%;
}
.rwd-table {
    margin: 1em 0;
    min-width: 300px;
}
.rwd-table td:first-child {
    padding-top: .5em;
}
.rwd-table tr:nth-child(1),
.rwd-table tr:nth-child(3),
.rwd-table tr:nth-child(5),
.rwd-table tr:nth-child(7),
.rwd-table tr:nth-child(9),
.rwd-table tr:nth-child(11),
.rwd-table tr:nth-child(13),
.rwd-table tr:nth-child(15),
.rwd-table tr:nth-child(17),
.rwd-table tr:nth-child(19),
.rwd-table tr:nth-child(21),
.rwd-table tr:nth-child(23),
.rwd-table tr:nth-child(25),
.rwd-table tr:nth-child(27),
.rwd-table tr:nth-child(29),
.rwd-table tr:nth-child(31),
.rwd-table tr:nth-child(33),
.rwd-table tr:nth-child(35),
.rwd-table tr:nth-child(39),
.rwd-table tr:nth-child(41),
.rwd-table tr:nth-child(43),
.rwd-table tr:nth-child(45),
.rwd-table tr:nth-child(47),
.rwd-table tr:nth-child(49),
.rwd-table tr:nth-child(51),
.rwd-table tr:nth-child(53) {
    background: #e8e8e8;
}
.rwd-table tr {
    background: 0;
}
.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}
@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        padding: 1em !important;
    }

    .rwd-table th, .rwd-table td {
        margin: .5em 1em;
        text-align: center;
    }

    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }
}
.travaux {
    margin-bottom: 100px;
}
.travaux ul {
    padding: 20px 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #256C5E;
    background-color: #dddddd63;
    border-color: #ddd #ddd #fff;
}
.nav-tabs .nav-link {
    border-color: #ddd #ddd #ddd;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.programme-neuf .cont_coordonnees {
    border-top: 1px solid #ddd;
}


.listing .form-group.search__form-item.c_loc {
    display: none;
}