/* GENERAL */@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;1,300;1,400&display=swap');*{    font-family: "Rubik", SansSerif, sans-serif;    font-size: 1vw;}html{    background-image: url("../img/background.jpg");    background-size: cover;    background-attachment: fixed;}body{    margin: 0;}#wrapper{    width: 70%;    margin: 10px auto;    border-radius: 10px;    background-color: rgba(255,255,255,0.8);    overflow: auto;}@media screen and (min-aspect-ratio: 9/16) {    .navBtn{        font-size: 1.4vw;    }    .searchSubmit{        font-size: 1.3vw;    }}@media screen and (max-aspect-ratio: 9/15) {    #wrapper{        width: 95%;    }    *{        font-size: 2vw;    }    .navBtn{        font-size: 2.5vw;    }    .searchSubmit{        font-size: 2vw;    }    }/* HEADER */header{    width: 90%;    margin: auto;}#logobox{    width: 30%;    float: left;}#logo{    margin: 30px auto;    width: 90%;}/* NAVIGATION */nav{    display: flex;    justify-content: flex-end;    float: right;    margin-top: 40px;    width: 65%;}.navBtn{    background: white;    padding: 10px;    margin: 5px;    border-radius: 3px;    border-style: hidden;    -webkit-transition: background 0.4s;    -o-transition: background 0.4s;    transition: background 0.4s;    cursor: pointer;    -webkit-box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);    box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);}.navBtn:hover{    background: #dcdcdc;    border-style: hidden hidden solid hidden;    border-radius: 3px 3px 0 0;}.navCurr{    border-color: #d33f48;    border-style: hidden hidden solid hidden;    border-radius: 3px 3px 0 0;}/* SEARCH */#search{    width: 90%;    background-color: #e6e6e6;    margin: auto;    border-radius: 3px;    clear: both;    -webkit-box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);    box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);}#tdBtn{    width: 20%;    text-align: center;}#search table{    table-layout: fixed;    width: 100%;}#search form{    margin: 0;    padding: 15px;}.searchf{    width: 80%;}.search2f{    width: 40%;}.div2f{    width: 80%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;}.searchSubmit{    font-family: "Rubik", SansSerif, sans-serif;    padding: 10px 20px;    border-radius: 10px;    border-style: hidden;    -webkit-transition: 0.2s;    -o-transition: 0.2s;    transition: 0.2s;    color: #d33f48;    cursor: pointer;}.searchSubmit:hover{    -webkit-filter: brightness(0.8);    filter: brightness(0.8);}/* ACCUEIL */#accueil{    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: space-evenly;    -ms-flex-pack: space-evenly;    justify-content: space-evenly;}#accueil h1{    font-size: 2vw;}.accContent{    width: 40%;}#gMaps{    height: 22vw;    width: 100%;}/* IMMO */#immo{    width: 90%;    margin: auto;}.immoContainer{    margin: 20px 0;    display: flex;    border-style: hidden;    border-radius: 3px;    background-color: #d7d7d7;    -webkit-box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);    box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);    position: relative;}.immoPicFrame{    width: 60%;    display: flex;    border-radius: 1px 0 0 1px;    background-size: cover;    background-position: center 50%;}.vendu, .loue{    background-position: center 50%;    background-size: 100%;    width: 100%;    display: flex;}.vendu{    background-image: url("../img/vendu.png");}.loue{    background-image: url("../img/loue.png");}.immoInfo{    width: 40%;    margin: 5px;    position: relative;}.immoTable{    text-align: right;    float: right;    table-layout: fixed;    width: 100%;    font-size: 1vw;}.immoPrice{    font-size: 2.3vw;    margin: 0;    text-align: right;}.immoInfo h3{    font-size: 2vw;    margin: 0;    text-align: right;}.immoDesc{    margin-top: 20px;    text-align: justify;    font-size: 1vw;    float: right;    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;}/* IMMO ACCUEIL */#immoAcc{    width: 100%;    margin: auto;}.immoAccContainer{    margin: 20px 0;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    border-style: hidden;    border-radius: 3px;    background-color: gainsboro;    overflow: auto;    -webkit-box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);    box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.31);}.immoAccPicFrame{    width: 50%;    display: flex;    border-radius: 1px 0 0 1px;    background-size: cover;    background-position: center 50%;}.venduAcc, .loueAcc{    background-position: center 50%;    background-size: 150%;    width: 100%;    display: flex;}.venduAcc{    background-image: url("../img/vendu.png");    background-size: 120%;}.loueAcc{    background-image: url("../img/loue.png");    background-size: 150%;}.immoAccInfo{    width: 50%;    margin: 5px;    position: relative;}.immoAccTable{    text-align: right;    float: right;    table-layout: fixed;    width: 100%;    font-size: 1vw;}.immoAccPrice{    font-size: 2vw;    margin: 0;    text-align: right;}.immoAccInfo h3{    text-align: right;    margin: 0;    font-size: 1.3vw;}/* VIEW */#viewImmo{    width: 90%;    margin: auto;}#viewInfo{    width: 90%;    margin: auto;    overflow: auto;    background-color: white;    padding: 20px;    border-radius: 5px;}#viewInfoText{    float:left;    width: 60%;    font-size: 1.3vw;    margin: 20px 0;}#viewInfoText h1{    font-size: 2vw;}#viewImmoInfo{    float:right;    width: 30%;    text-align: right;    margin: 20px 0;}#viewImmoInfo table{    font-size: 1.2vw;}#viewImmoInfo h1{    font-size: 3vw;    margin: 0;}#desc{    white-space: pre-line;}/* SLIDESHOW */#slideDiv{    width: 80%;    margin: 20px auto;    height: 30vw;    background-size: cover;    background-position: center 50%;    position: relative;}#sliderBack, #sliderNext{    font-size: 50px;    color: white;    width: 60px;    height: 60px;    position: absolute;    bottom: 20px;    background-color: RGBA(155,155,155,0.7);    border-radius: 2px;    border-style: hidden;    -webkit-transition: 0.2s;    -o-transition: 0.2s;    transition: 0.2s;}#sliderBack:hover, #sliderNext:hover, #sliderView:hover{    -webkit-filter: brightness(0.7);    filter: brightness(0.7);    cursor: pointer;}#sliderBack{    left: 20px;}#sliderNext{    right: 20px;}#sliderCounter{    position: absolute;    top: 20px;    right: 20px;    background-color: RGBA(155,155,155,0.7);    padding: 10px;    text-align: right;    border-radius: 2px;    color: white;}#sliderView {    font-size: 30px;    padding: 5px;    color: white;    position: absolute;    top: 20px;    left: 20px;    background-color: RGBA(155,155,155,0.7);    border-radius: 2px;    border-style: hidden;    -webkit-transition: 0.2s;    -o-transition: 0.2s;    transition: 0.2s;}/* CONTACT */#contact{    width: 90%;    margin: auto;    background-color: white;    border-radius: 5px;}#contactCon{    margin: 10px;    overflow: auto;}/* ADMIN */#admin{    width: 90%;    margin: auto;    background-color: white;}#admin *{    margin: 10px;}#passDiv{    margin: auto;    padding: 15px;    text-align: center;}#addImmo{    text-align: left;}#showEst table{    width: 98%;    margin: auto;    border-style: solid;    border-collapse: collapse;}#showEst th {    padding-top: 12px;    padding-bottom: 12px;    text-align: center;    background-color: #d33f48;    color: white;}#showEst td {    font-size: 1.1vw;    text-align: center;}/* PRIVACY POLICY */#privacy_policy{    margin: auto;    background-color: white;    border-radius: 5px;    width: 90%;}#privacy_policy *{    margin: 20px;}/* FOOTER */footer{    background-color: #d33f48;    width: 90%;    margin: auto;    border-radius: 3px;}footer table{    table-layout: fixed;    width: 100%;    color: white;    padding: 30px;}footer a{    color: white;}#footNote{    width: 90%;    margin: auto;}/* COOKIES */#cookieWarn{    width: 100%;    position: fixed;    bottom: 0;    background-color: rgba(0,0,0,0.9);    color: white;    overflow: auto;}#cookieText{    float: left;    margin:30px;}#cookieWarn a{    color: #d33f48;}#cookieWarn h3{    margin: 0;}#cookieWarn button{    float: right;    margin: 20px;    padding: 10px;    background-color: #d33f48;    border-style: none;    border-radius: 5px;    color: white;    -webkit-transition: 0.2s;    -o-transition: 0.2s;    transition: 0.2s;}#cookieWarn button:hover{    -webkit-filter: brightness(0.7);    filter: brightness(0.7);}