.homecentre { box-sizing: border-box; width: 1420px; max-width: 1420px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
@media only screen and (max-width:1439px) {
    .homecentre { width: 1260px; max-width: 1260px; }
}
@media only screen and (max-width:1279px) {
    .homecentre { width: 1000px; max-width: 1000px; }
}
@media only screen and (max-width:980px) {
    .homecentre { display: block; width: 100%; max-width: 100%; }
}


html, body {
    overflow-x: hidden;
}
h1 {
    font-family: 'Montserrat', Arial;
    color: #303030;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0px;
}
h2 {
    font-family: 'Montserrat', Arial;
    color: #303030;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0px;
}
p {
    font-family: 'Montserrat', Arial;
    color: #79797A;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.4px;
}
.homeencartbouton {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
a.homebouton {
    background-color: #DAB459;
    color: #FFF;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    border-radius: 5px;
}
a.homebouton2 {
    background-color: #FFF;
    color: #303030;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    border-radius: 5px;
}


#fondhautpage1 {
    display: none;
}
#fondhautpage2 {
    display: none;
}


#homeintro {
    background-image: url('/upload/parametres/home-intro.jpg');
    background-size: cover;
    background-position: left;
    position: relative;
    height: 715px;
}
#homeintro #homeintrocentre {
    display: flex;
    box-sizing: border-box;
    position: absolute;
    gap: 130px;
    top: 155px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 2000px;
    margin: auto;
    padding: 0 180px;
}
#homeintro #homeintrocolonne1 {
    flex: 1 1 auto;
    min-width: 0;
}
#homeintro #homeintrocolonne1 #homeintrotitre {
    padding: 50px 220px 80px 0;
}
#homeintro #homeintrocolonne2 {
    display: flex;
    flex: 0 0 616px;
    max-width: 616px; 
    justify-content: center;
    align-items: start;
}
#homeintro #homeintrophoto {
    width: 100%;
}
#homeintro #homeintrophoto img {
    display: block;
    width: 100%;
    height: auto;
}


#homeintrorecherche a.homeencartmenu {
    background-color: #FFF;
    color: #303030;
    display: inline-block;
    width: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 10px 17px;    
    border-radius: 5px;
}
#homeintrorecherche a.homeencartmenu.homeselection {
    background-color: #DAB459;
    color: #FFF;
}
#homeintrorecherche #homeacheter #recherchehorizontale {
    background-color: #FFF;
    padding: 0;
    border: 0;
    border-radius: 5px;
}
#homeintrorecherche #recherchehorizontale input[type="text"], #recherchehorizontale select {
    color: #BCBCBC;
    font-size: 14px;
}
#homeintrorecherche #recherchehorizontale input[type="submit"] {
    background-image: url(/upload/parametres/loupe.png);
    background-position:50% 48%;
    background-repeat:no-repeat;
    background-color: #303030;
    width: 50px;
    height: 50px;
    padding: 20px;
    text-indent: -4000px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#homeintrorecherche #recherchehorizontalerechercher {
    background-color: #303030;
    display: table-cell;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#homeintrorecherche #homeestimer {
    display: table;
    width: 100%;
}
#homeintrorecherche .homeestimerlig {
    display: table-row;
}
#homeintrorecherche .homeestimercol1, #homeintrorecherche .homeestimercol2 {
    background-color: #FFF;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    width: 47%;
    padding-left: 5px;
    padding-right: 5px;
    border-right:1px solid #BCBCBC;
}
#homeintrorecherche .homeestimercol1 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#homeintrorecherche .homeestimercol2 {
    background-color: #FFF;
    padding-left: 0;
    border-right: 0;
}
#homeintrorecherche .homeestimercol3 {
    background-color:#303030;
    display: table-cell;
    box-sizing: border-box;
    width: 9%;
    padding-left: 0;
    padding-right: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#homeintrorecherche .homeestimercol1 .select2-container, #homeintrorecherche .homeestimercol2 .select2-container {
    box-sizing: border-box;
    width: 100%;
    padding:5px 0 5px 0;    
}
#homeintrorecherche .homeestimercol1 .select2-container .select2-choice, #homeintrorecherche .homeestimercol2 .select2-container .select2-choice {
    max-width: 280px;
}
#homeintrorecherche .select2-container {
    border: 0;
}
#homeintrorecherche #formrecherchehorizontale {
    margin-left: 0;
    margin-right: 0;
}
#homeintrorecherche #recherchehorizontale {
    margin-top: 0;
    margin-bottom: 0;
}
#homeintrorecherche #recherchehorizontalelocalisation {
    padding-top: 0;
    padding-left: 0;
}
#homeintrorecherche #homeacheter #recherchehorizontale .select2-container {
    padding: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#homeintrorecherche .select2-default {
    color: #BCBCBC !important;
}
#homeintrorecherche .select2-container .select2-choice, .select2-container .select2-choices {
    margin-top: 1px;
}
#homeintrorecherche .select2-container-multi .select2-choices {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#homeintrorecherche .select2-container-multi .select2-choices .select2-search-choice {
    color: #BCBCBC;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
}
#homeintrorecherche .select2-container .select2-choice .select2-arrow {
    display: none;
}
#homeintrorecherche .select2-container .select2-choice {
    background-color: #FFF;
    font-size: 14px;
    font-weight: 400;
}
#homeintrorecherche .select2-drop {
    border-radius: 5px;
}
#homeintrorecherche .select2-search {
    padding: 2px 2px 0 2px;
}
#homeintrorecherche #recherchehorizontalelocalisation {
    border-right: 0;
}
#homeintrorecherche .homeestimercol3 input[type="submit"], .homevendrecol3 input[type="submit"] {
    background-image: url(/upload/parametres/loupe.png);
    background-position:50% 48%;
    background-repeat:no-repeat;
    background-color: #303030;
    width: 50px;
    height: 50px;
    padding: 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


#homeagence {
    margin: 80px 0 150px 0;
}
#homeagence #homeagencecolonne1 {
    box-sizing: border-box;
    width: 42%;
    text-align: right;
}
#homeagence #homeagencecolonne1 #homeagencephoto {
    text-align: center;
}
#homeagence #homeagencecolonne1 #homeagencephoto img {
    object-fit: cover;
    width: 100%;
}
#homeagence #homeagencecolonne2 {
    box-sizing: border-box;
    width: 58%;
    padding-left: 60px;
    padding-right: 80px;
}
#homeagence #homeavisgoogle {
    color: #79797A;
    font-size: 17px; 
}
#homeagence #homeavisgoogle:hover {
    text-decoration: underline;
}
#homeagence #homeavisgoogle img {
    margin-right: 5px;
    margin-bottom: 5px;
}


#homenouveautes {
    margin-bottom: 70px;
}
#homenouveautes h2 {
    display: inline-block;
    margin-left: 50px;
    margin-right: 90px;
}
#homenouveautes #homeselectionventebt, #homenouveautes #homeselectionlocationbt {
	margin-right: 10px;
}
#homenouveautes .homeselection .homevignette {
    box-sizing: border-box;
    float: left;
    width: 33%;
    padding: 12px;
}
#homenouveautes .homeselection .homevignette2 {
    position: relative;
}
#homenouveautes .homeselection .homevignette2:hover {
    transform: scale(1.05);
}
#homenouveautes .homeselection .homevignette2 img {
    position: relative;
    object-fit: cover;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 15px;
}
#homenouveautes .homeselection .homevignette2 .homevignettetexte {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 140px;
    z-index: 0;
}
#homenouveautes .homeselection .homevignette2 .homevignettetexte::before {
    background-color: #303030;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    opacity: 0.5;
    z-index: -1;
}
#homenouveautes .homeselection .homevignette2 .intitule, .homeselection .homevignette2 .ville, .homeselection .homevignette2 .surface {
    display: block;
}
#homenouveautes .homeselection .homevignette2 .intitule {
    color: #FFFFFF;
    position: absolute;
    top: 10px;
    left: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
}
#homenouveautes .homeselection .homevignette2 .homevignetteligne3 {
    color: #FFFFFF;
    position: absolute;
    top: 27px;
    left: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 1.2px;
}
#homenouveautes .homeselection .homevignette2 .homevignetteligne3 span {
    display: inline-block;
    margin-right: 7px;
}
#homenouveautes .homeselection .homevignette2 .pieces {
    top: 30px;
    left: 80px;
}
#homenouveautes .homeselection .homevignette2 .ville {
    color:#DAB459;
    position: absolute;
    top: 68px;
    left: 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.8px;
}
#homenouveautes .homeselection .homevignette2 strong {
    color: #FFFFFF;
    display: block; 
    position: absolute;
    bottom: 25px;
    left: 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 1.65px;
}
#homenouveautes .homeselection a.lien {
    display: none;
}
#homenouveautes .homeselection .homevignettephoto .photomoins, #homenouveautes .homeselection .homevignettephoto .photoplus, #homenouveautes .homeselection .homevignettephoto .nbphoto {
    display: none;
}
#homevignette4, #homevignette5, #homevignette6, #homevignette7, #homevignette8 { 
    display: none;
}


#homealerte {
    background-color: #303030;
    color: #FFFFFF;
    margin-bottom: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    border: 1px solid #707070;
}
#homealerte img {
    margin-right: 30px;
}
#homealerte .homebandeaubouton {
    display: inline-block;
    margin-left: 30px;
}


#homeavis {
    margin-bottom: 120px;
}
#homeavis #homeavisintro {
    margin-left: 60px; 
    margin-bottom: 50px;
}
#homeavis .homeavis1 {
    padding-left: 10px;
    padding-right: 10px;
}
#homeavis .homeavis2 {
    background-color: #F3F5F7;
    position: relative;
    box-sizing: border-box;
    height: 370px;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.09);
}
#homeavis .homeavis2 h3 {
    color: #303030;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
}
#homeavis .homeavis2 p {
    color:#303030;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.7px;
}
#homeavis .homeavis2 .homeavistexte {
    color:#7D7D7E;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.35px;
}
#homeavis .homeavis2 .homeaviscache {
    display: -webkit-box;
    position: relative;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
#homeavis .homeavis2 .homeavisplus {
    color: #303030;
    font-size: 14px;
    letter-spacing: 0px;
}
#homeavis .homeavisetoile {
    background-image: url(/upload/parametres/home-etoiles.png);
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 100px;
    height: 20px;
}
#homeavis .slick-prev-left, .slick-next-right {
    width: 25px;
    height: 25px;
    top: 45%;
}


#homepresentation {
    margin-bottom: 80px;
}
#homepresentation #homepresentationcolonne1 {
    box-sizing: border-box;
    width: 42%;
    text-align: right;
}
#homepresentation #homepresentationcolonne1 img {
    object-fit: cover;
    width: 100%;
}
#homepresentation #homepresentationcolonne2 {
    box-sizing: border-box;
    width: 58%;
    padding-left: 60px;
    padding-right: 80px;
}


#homeestimation {
    background-color: #303030;
    color: #FFFFFF;
    margin-bottom: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    border: 1px solid #707070;
}
#homeestimation img {
    margin-right: 30px;
}
#homeestimation .homebandeaubouton {
    display: inline-block;
    margin-left: 30px;
}


#homeactualites {
    margin-bottom: 70px;
}
#homeactualites .homecentre {
    width: 1200px;
    max-width: 1200px;
}
#homeactualites h2 {
    margin-left: 20px;
    margin-bottom: 40px;
}
#homeactualites .homeactualite1 {
    float: left;
    width: 33%;
}
#homeactualites #actualite4 {
    display: none;
}
#homeactualites .homeactualite2 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    height: 500px;
}
#homeactualites .homeactualite3 {
    box-sizing: border-box;
    position: relative;
    height: 265px;
    padding: 15px 30px 15px 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.09);
}
#homeactualites .homeactualite2 h3 {
    color: #303030;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 700;
}
#homeactualites .homeactualite2 p, #homeactualites .homeactualite2 a {
    color: #7D7D7E;
    font-size: 14px;
}
#homeactualites .homeactualite2 a.homesuite {
    color: #DAB459;
    position: absolute;
    left: 30px;
    bottom: 20px;
    font-size: 14px;
}
#homeactualites .homeactualite2 a.homesuite:hover {
    text-decoration: underline;
}
#homeactualites .homeactualite2 .homeactusphoto {
    background-size: cover;
    background-position: center center;
    height: 235px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#homeactualites #homeactualiteslisteactus {
    margin-top: 40px;
    text-align: center;
}


#homecontact {
    margin-bottom: 130px;
}
#homecontact #homeform {
    display: flex;
    width: 90%;
    margin: auto;
}
#homecontact #homecontactcolonne1 {
    background-color: #F3F5F7;
    box-sizing: border-box;
    flex: 1;
    width: 53%;
    padding: 30px 60px 30px 50px;
    border-radius: 30px 0px 0px 30px;
}
#homecontact #homecontactcolonne1 #homecontactform {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
#homecontact #homecontactcolonne2 {
    flex: 1;
    width: 47%;
}
#homecontact #homecontactcolonne2 img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#homecontact .formulaire {
    width: 100%;
    padding: 0 !important;
}
#homecontact .formulaire div.col {
    padding-bottom: 15px;
}
::placeholder {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
#homecontact .formulaire label[for="Sujet"] {
    font-size: 14px;
    font-weight: 600;
}
#homecontact .formulaire button.radio {
    background-color: #FFFFFF;
    color: #303030;
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 15px 5px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
}
#homecontact textarea {
    height: 100px;
    padding: 5px;
    border: 1px solid #919293;
    border-radius: 5px;
}
#homecontact textarea::placeholder {
    color: #C3C3C4;
    font-size: 16px;
    font-weight: 400;
}
#homecontact label[for^="CheckboxConsentement"], #homecontact .formulaire label.champsobligatoires {
    color: #7D7D7E;
    font-size: 14px;
    font-weight: 400;
}
#homecontact input[type="submit"] {
    background-color: #DAB459;
    color: #FFFFFF;
    padding: 10px 30px 10px 30px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    border-radius: 5px;
}


@media only screen and (max-width:1800px) {
    #homeintro #homeintrocolonne1 #homeintrotitre { padding: 50px 0px 90px 0; }
}

@media only screen and (max-width:1600px) {
    #homeintro #homeintrocentre { gap: 80px; padding-left: 100px; padding-right: 100px; }
    #homeintro #homeintrocolonne1 #homeintrotitre { padding: 50px 0px 60px 0; }
}

@media (max-width: 1380px) {
    #homeintro #homeintrocentre { gap: 60px; padding-left: 80px; padding-right: 80px; }
}

@media only screen and (max-width:1279px) {
    #homeintro { height: 600px; }
    #homeintro #homeintrocentre { gap: 40px; align-items: center; padding-left: 100px; padding-right: 100px; }
    #homeintro #homeintrocolonne1 { flex: 0 1 80%; }
    #homeintro #homeintrocolonne1 #homeintrotitre { padding: 30px 0px 60px 0; }
    #homeintro #homeintrocolonne2 { display: none; }

    #homeagence #homeagencecolonne1, #homeagence #homeagencecolonne2, #homepresentation #homepresentationcolonne1, #homepresentation #homepresentationcolonne2 { width: 50%; }
    #homeagence #homeagencecolonne2, #homepresentation #homepresentationcolonne2 { padding-right: 0; }

    #homeactualites .homecentre { display: block; width: 100%; max-width: 100%; }
}

@media only screen and (max-width:980px) {
    div.colonnes2.homecolonne1, div.colonnes2.homecolonne2 { display: block; width: 100%; }

    #homeintro #homeintrocentre { padding-left: 50px; padding-right: 50px; }
    #homeintro #homeintrocolonne1 { flex: 0 1 100%; }

    #homeagence { margin: 60px 0 20px 0; }

    #homenouveautes { margin-bottom: 60px; }
    #homenouveautes h2 { margin: 0 30px 0 10px; }
    #homenouveautes .homeselection #homeselectionvente, #homenouveautes .homeselection #homeselectionlocation { margin-top: 20px; }
    #homenouveautes .homeselection .homevignette { width: 50%; }
    #homenouveautes #homevignette4 { display: block; }

    #homealerte { margin-bottom: 60px; }
    #homealerte img, #homeestimation img { margin: 5px; }
    #homealerte .homebandeaubouton, #homeestimation .homebandeaubouton { width: 100%; margin: 20px 0 0 0; }

    #homeavis { margin-bottom: 40px; }
    #homeavis #homeavisintro { margin: 0 0 30px 10px; }

    #homepresentation { margin-bottom: 20px; }

    #homeactualites { margin-bottom: 60px; }
    #homeactualites .homeactualite1 { width: 50%; margin-bottom: 30px; }
    #homeactualites .homeactualite2 { height: 585px; }
    #homeactualites .homeactualite3 { height: 350px; }
    #homeactualites #actualite4 { display: block; }
    #homeactualites #homeactualiteslisteactus { margin: 0; }

    #homecontact { margin-bottom: 40px; }
    #homecontact #homecontactcolonne1 { padding: 30px; }
    #homecontact #homeform { width: 100%; }
    
}

@media only screen and (max-width:850px) {
    #homeagence #homeagencecolonne1 #homeagencephoto img { width: 80%; }

    #homeagence #homeagencecolonne1, #homeagence #homeagencecolonne2, #homepresentation #homepresentationcolonne1, #homepresentation #homepresentationcolonne2 { display: block; float: none; width: 96%; margin: auto; }
    #homeagence #homeagencecolonne2, #homepresentation #homepresentationcolonne2 { padding: 40px 0 0 0; }

    #homecontact #homeform { flex-direction: column; }
    #homecontact #homecontactcolonne1 { width: 100%; }
    #homecontact #homecontactcolonne2 { display: none; }
}

@media only screen and (max-width:700px) {
    #homeintro #homeintrocolonne1 #homeintrotitre { padding: 0px 0px 60px 0; }
}

@media only screen and (max-width:600px) { 
	#homenouveautes .homeselection .homevignette { width: 100%; padding: 10px; }
    #homenouveautes #homevignette3, #homenouveautes #homevignette4 { display: none; }

    #homeactualites #homeactus .homeactualite1 { display: block; width: 100%; }
}

@media only screen and (max-width:480px) {
    div.colonnes2 { padding-left: 15px; padding-right: 15px; }

    #homeintro #homeintrocentre { top: 120px; padding-left: 15px; padding-right: 15px; }

    #homeagence #homeagencecolonne1 #homeagencephoto img { width: 100%; }

    #homeactualites .homeactualite2 { height: 535px; }
    #homeactualites .homeactualite3 { height: 300px; }
}
