/* Par XC Novembre 2018 */ .cb {clear:both} .cacheWeb {display:none} .cacheMobile {display:block} .titre_liste_annonce {box-sizing: border-box;} .trieur {width:30%;float:right;text-align:right;padding-right:20px;border:0px solid red;} .trieur_gauche {float:left;width:32%;border:0px solid red;} .compteur_page {width:30%;float:left;border:0px solid red;} .compteur_page a{cursor:pointer;} .compteur_page .pcurrent{font-weight:bold;} #logo-top {line-height:20px;} #header a {display:block;line-height:40px;height:100%;;font-weight: bold;text-decoration: none;color: white;float:left;margin-right:10px;} #header .lkheader {margin-top: 0px;} #header .lkheader.lkheaderright {} #header .lkimgheader {} #header .lkimgheader img{padding:3px} /* PackInnov */ #PackInnov, #PackInnov * {font-size:13px;box-sizing: border-box;} #PackInnov h2{font-size:14px;width:100%;padding:0px;margin:0px;text-align:center;font-weight:normal;display:block;margin-bottom:20px;} #PackInnov .sspack {width:33.33%;float:left;padding:10px;} /* Recherche */ .new_formulaire {width:60%;margin:auto; box-sizing: border-box;} .new_formulaire *{box-sizing: border-box;} .new_formulaire .input, .new_formulaire .fakeinput {width:100%;border:0px solid blue;margin-bottom:20px;} .new_formulaire .fakeinput .label{height:180px;line-height:180px;} .new_formulaire .fakeinput .label, .new_formulaire .input label {width:40%;float:left;border:0px solid black;font-weight:bold;} .new_formulaire .fakeinput .select {width:60%;float:left;border:0px solid black;} .new_formulaire .fakeinput .select label{width:100%;float:left;border:0px solid red;margin-bottom:13px;} .new_formulaire .fakeinput .select label input{float:left;display:inline-block;width:30px;} .new_formulaire .fakeinput .select label span{float:left;font-weight:bold;} .new_formulaire .input select {width:60%;float:left;padding:5px;} .new_formulaire .text input {width:60%;float:left;padding:5px;} #tbl_inv_ancien {width:100%;} #tbl_inv_ancien .td3{} /* compte liste_ 6 5 4 3 */ .liste_alerte {width:100%;} .liste_alerte td input{width:95%;} .liste_alerte td strong {display:none;} .liste_alerte tr:first-child td strong {display:inline;} /* Page liste */ .list_annonce, .list_annonce *, .big_annonce, .big_annonce * {box-sizing: border-box;} .list_annonce .titre_liste_annonce, .big_annonce .titre_liste_annonce{width:71%;padding-left:2%;} .list_annonce .prix_liste_annonce, .big_annonce .prix_liste_annonce{width:27%;} .list_annonce .corps_liste_annonce {font-size:13px;width:71%;padding:3px;float:left;} .list_annonce .option_liste_annonce {width:27%;text-align:left;float:left;padding:3px;font-size:13px;} .list_annonce .option_liste_annonce a, .big_annonce .option_liste_annonce a{display:block;} .list_annonce .ann_lien_img {display:block;width:163px;height:125px;float:left;margin-right:13px;} .list_annonce .ann_lien_img .img_liste_annonce {width: 163px;float: left;height : 125px;} .list_annonce .txt_list_annonce {display:inline;} .list_annonce .option_liste_annonce .active, .big_annonce .option_liste_annonce .active {color:#4C4C4A;text-decoration:none;} .list_annonce .option_liste_annonce .inactive, .big_annonce .option_liste_annonce .inactive {color:#dcd1d1;text-decoration:none;} .list_annonce .rdmr {line-height:18px;} .list_annonce .ic3d {width:18px;display:inline-block;margin-bottom:-4px;} /* big_annonce */ .big_annonce #map_product_canvas, .big_annonce #map {width:100%;height:430px;border-width:1px;border-color:#ACB5B9;border-style:solid; float:left;} .big_annonce .option_liste_annonce {width:27%;float:left;font-size:14px;padding-top:20px;} .big_annonce .option_liste_annonce .annfb{margin-top:5px;} .big_annonce .corps_liste_annonce {width: 71%; float: left; padding: 20px; font-size: 13px;} .big_annonce #viewer {border:0px solid red;} .big_annonce #viewer #list_image{width:50%;float:left;border:0px solid yellow;padding-left:50px;} .big_annonce #viewer #list_image .thumb{background-repeat: no-repeat;background-size: 150px 112px;border:1px solid #333;margin:5px;width:150px;height:112px;cursor:pointer;float:left;} .big_annonce #viewer #big_image{width:50%;float:right;text-align: center;border:0px solid pink;} .big_annonce #image_grande_bis {width:400px;height:300px;background-repeat: no-repeat;background-position: left;background-size:400px 300px;float:left;border:0px solid black} .big_annonce #zone_tel_ss_image {margin-top:60px;float:left;width:100%;} .big_annonce #DPE {width:39%;float:right;text-align:center} .big_annonce #DPE img{width:180px;height:165px;} .big_annonce #infodetail {font-size: 14px; width: 60%; float: left;} /* connection */ #FormConnection, #FormConnection *, {box-sizing: border-box;} #FormConnection {width:65%;text-align: center;background:#f3F3F3;border:1px solid #DADADA;padding:5px;border-radius:5px;} #FormConnection #ConnGauche{width:45%;float:left;font-size:12px;} #FormConnection #ConnDroite{width:45%;float:right;font-size:12px;} .Vendre, .Vendre * {box-sizing: border-box;} .Vendre .vendregauche {width:50%;float:left;padding-right:10px;} .Vendre .vendredroite {width:50%;float:left;padding-left:10px;} /* contact */ .bloc_contact #left {width:60%;float:left;} .bloc_contact #right {width:35%;float:right;} .bloc_contact .new_formulaire {width:100%;} .bloc_contact .new_formulaire label{width:100%;} .bloc_contact .new_formulaire input{width:100%;} .bloc_contact .new_formulaire textarea{width:100%;height:200px;} #body_pop button {width:80%;margin:auto;display:block; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6e939), color-stop(1, #e8bd47)); background:-moz-linear-gradient(top, #f6e939 5%, #e8bd47 100%); background:-webkit-linear-gradient(top, #f6e939 5%, #e8bd47 100%); background:-o-linear-gradient(top, #f6e939 5%, #e8bd47 100%); background:-ms-linear-gradient(top, #f6e939 5%, #e8bd47 100%); background:linear-gradient(to bottom, #f6e939 5%, #e8bd47 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e939', endColorstr='#e8bd47',GradientType=0); background-color:#f6e939; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; border:1px solid #3f3e3f; cursor:pointer; color:#000000; font-family:Arial; font-size:13px; padding:10px 29px; text-decoration:none; text-shadow:0px 1px 0px #000000; } @media screen and (min-width: 900px) { /* Menu */ #menu ul li:first-child {border-top-left-radius:15px;border-bottom-left-radius:15px;} #menu ul li:last-child {border-top-right-radius: 15px;border-bottom-right-radius: 15px; width: 144px;line-height: 22px;border-right:none;} /* Top barre */ /* Zone logo */ #bouton_header {width: 75%;text-align:right;margin:auto;margin-top: 10px;} } @media screen and (max-width: 901px) { .cacheWeb {display:block} .cacheMobile {display:none} .trieur {width:100%;text-align:center;height:30px;padding-right:0px;} .trieur_gauche {width:100%;text-align:center;height:30px;margin-bottom:10px;} .trieur_gauche select, .trieur select{height:30px} .compteur_page {width:100%;float:left;text-align:center;min-height:25px;margin-top:5px;margin-bottom:10px;} .compteur_page a, .compteur_page .pcurrent {display:inline-block;font-size:15px;text-decoration:none;border:1px solid black;margin:10px;padding:5px 10px 5px 10px;background-color:#f3eeee;} .compteur_page a:before, .compteur_page .pcurrent:before {content:"Page "} .compteur_page .tipage{display:none;} /* Menu */ #menu * {box-sizing: border-box;} #menu {border:none;border-radius:0px;height:auto;} #menu ul li:first-child {border-radius: 0px;} #menu ul li:last-child {border-radius: 0px;border-right:1px solid A5A7AA;line-height: 22px;} #menu ul li {width:13.8%} /* Top barre */ #header {} #top-content {} /* Zone logo */ #bouton_header {width: 75%;text-align:right;margin:auto;margin-top: 10px;} #logo {padding-left:5%;} /* Recherche */ .new_formulaire .input select {width:60%;} #tbl_inv_ancien, #tbl_inv_ancien * {box-sizing: border-box;} #tbl_inv_ancien {width:100%;} #tbl_inv_ancien .td3 span{display:none;} #tbl_inv_ancien .td3 label{width:48%;display:block;float:left;border:0px solid red;text-align:left;margin-bottom:0px;} /* page liste */ .list_annonce .titre_liste_annonce, .big_annonce .titre_liste_annonce{border-radius:0px;width:100%;} .list_annonce .prix_liste_annonce, .big_annonce .prix_liste_annonce{border-radius:0px;width:100%;} /* big_annonce */ .big_annonce #map_product_canvas {height:350px;} .big_annonce #viewer #list_image{width:45%;padding-left:10px;} .big_annonce #viewer #big_image{width:55%;} #FormConnection {width:75%} /* contact */ .bloc_contact #left {width:100%;float:left;} .bloc_contact #right {width:100%;float:left;} /* Lien whatsapp 2022 */ #lienWhat {width:100%;display:flex;height:40px;text-decoration:none;margin:auto;margin-top:5px;float:none;justify-content: center;margin-top:15px;} #lienWhat span {flex:none;line-height:40px;font-size:18px;font-weight:bold;color:black;width:170px;display:block;} #lienWhat img {height:40px;margin-left:10px;margin-right:10px;padding:0px;} } @media screen and (max-width: 801px) { /* Menu */ #menu ul li:nth-child(-n+4) {width:25%} #menu ul li:nth-child(4) {border-right:none;} #menu ul li{width:33.33%} #menu ul li:last-child {line-height: 22px;border-right:none;} /* Top barre */ #header {} #top-content {} /* Zone logo */ #bouton_header {} #logo {} /* FORMULAIRE */ .new_formulaire {width:80%;} #body_pop .new_formulaire {width:100%;margin-top:30px;} /* page liste */ /* big_annonce */ .big_annonce #map_product_canvas {height:300px;} .big_annonce #viewer #list_image{width:45%;padding-left:0px;} .big_annonce #viewer #list_image .thumb{background-size: 125px 92px;width:125px;height:92px;} .big_annonce #viewer #big_image{width:55%;} .big_annonce #image_grande_bis {width:350px;height:263px;background-size:350px 263px;} #FormConnection {width:95%} #FormConnection #ConnGauche{width:95%;float:left;font-size:12px;} #FormConnection #ConnDroite{width:95%;float:right;font-size:12px;margin-top:30px;} #FormConnection #ConnDroite table{margin:auto;width:70%;} } @media screen and (max-width: 701px) { h1 {text-align:center;} .list_annonce .prix_liste_annonce{} .list_annonce .corps_liste_annonce {font-size:13px;width:100%;padding:3px;float:left;} .list_annonce .option_liste_annonce {width:100%;text-align:left;float:left;padding:3px;font-size:13px;border:1px solid #DEDEDE;background-color:#DEDEDE;border-bottom:1px solid black;} .list_annonce .option_liste_annonce a {display:block;float:left;padding:2px 5px 2px 5px;} .list_annonce hr {opacity:0;} .list_annonce .option_liste_annonce .active {color:#4C4C4A;text-decoration:none;} .list_annonce .option_liste_annonce .inactive {color:#e65d5d;text-decoration:none;} /* big_annonce */ .big_annonce #map_product_canvas {height:280px;} .big_annonce #viewer #list_image{width:40%;padding-left:0px;} .big_annonce #viewer #list_image .thumb{background-size: 100px 75px;width:100px;height:75px;} .big_annonce #viewer #big_image{width:60%;} .big_annonce #image_grande_bis {width:340px;height:255px;background-size:340px 255px;} /* Popup */ .w700 .popup_block, .w700 .popup_block * {box-sizing: border-box;} .w700 .popup_block {width:100%;border:0px solid white;top:0%;left:0%;border-radius:0px;padding:0px;} .w700 .retourPop {width:100%;display:block;text-decoration:none;color:white;background-color:#646464;padding:2vw;margin-bottom:0px;height:10vw;line-height:6vw;font-size:5vw;} .w700 #iframe_popup {border:0px solid red;} #body_pop {padding:20px;} } @media screen and (max-width: 601px) { .trieur {width:100%;} .trieur_gauche {width:100%;} /* big_annonce */ .big_annonce .corps_liste_annonce {width: 100%;padding:10px;text-align:justify;} .big_annonce .option_liste_annonce {width:100%;text-align:left;float:left;padding:10px;font-size:13px;background-color:#f5f2f2;border-bottom:1px solid black;} .big_annonce .option_liste_annonce a {display:block;float:left;padding:2px 5px 2px 5px;border:1px solid black;margin:4px;padding:6px;} .big_annonce .option_liste_annonce a {border: 1px solid #DADADA;background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dadada 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 100%);background: -o-linear-gradient(top, #ffffff 0%,#dadada 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dadada 100%); background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); } .big_annonce .option_liste_annonce .annfb{width:100%;display:block;border:0px solid blue;clear:both;margin-top:10px;padding-left:5px;} .big_annonce #viewer #list_image{width:100%;padding-left:0px;} .big_annonce #viewer #list_image .thumb{background-size: 100px 75px;width:100px;height:75px;} .big_annonce #viewer #big_image{width:100%;} .big_annonce #image_grande_bis {width:340px;height:255px;background-size:340px 255px;} .big_annonce #zone_tel_ss_image {margin-top:60px;float:left;width:100%;} .big_annonce #DPE {width:100%;float:none;text-align:center} .big_annonce #DPE img{width:100%;height:auto;} .big_annonce #infodetail {font-size: 4vw; width: 100%;margin-bottom:10px;} } @media screen and (max-width: 495px) { /* Menu */ #menu ul li:last-child {line-height: 22px;} #menu ul li{font-size:4.6vw;padding:1vw;} /* Top barre */ #header {height:8.7vw;} #header a{font-size:3vw;height:8.7vw;line-height:8.7vw;margin-right: 3vw;} #header .lkimgheader {} #header .lkimgheader img{height:6.3vw;} /* Zone logo */ #bouton_header {width: 100%;text-align:center;margin:auto;margin-top: 10px;} #logo {} #logo img{max-width:90%} /* bloc intro acheter */ #blocintro {width:90%;margin:auto;font-size:4vw} #blocintro *{box-sizing: border-box;} #blocintro #introbloc1 {float:none;width:100%;padding:10px;} #blocintro #introbloc2 {float:none;width:100%;padding:10px;} #blocintro .myButton {margin-top:20px;} /* PackInnov */ #PackInnov, #PackInnov * {font-size:3.5vw;box-sizing: border-box;} #PackInnov h2{font-size:4vw;width:100%;padding:0px;margin:0px;text-align:center;font-weight:normal;display:block;margin-bottom:20px;} #PackInnov .sspack {width:100%;padding:10px;} /* FORMULAIRE */ .new_formulaire {width:95%;} .new_formulaire .input label {width:80%;margin-top:10px;font-size:3.5vw;} .new_formulaire .input label:after, .new_formulaire .fakeinput .label:after {content:" :";} .new_formulaire .input select {width:90%;margin-top:10px;font-size:3.5vw;padding:3px;} .new_formulaire .input input {width:90%;margin-top:10px;font-size:3.5vw;padding:3px;} .new_formulaire .input, .new_formulaire .fakeinput {margin-bottom:10px;} .new_formulaire .fakeinput .label {font-size:3.5vw;height:auto;width:100%;line-height:normal;} .new_formulaire .fakeinput .select {width:100%;margin-top:10px;} .new_formulaire .fakeinput .select label{width:48%;float:left;border:0px solid red;margin-bottom:13px;} .new_formulaire .fakeinput .select label input{width:30px;} .new_formulaire .fakeinput .select label span{font-size:3.5vw;} #tbl_inv_ancien .td3 {width:50%;font-size:0px;} #tbl_inv_ancien .td3 label{width:98%;display:block;float:left;border:0px solid red;text-align:left;margin-bottom:5px;font-size:14px;} /* page liste */ .list_annonce .txt_list_annonce {display:block;border:0px solid red;} .list_annonce .ann_lien_img {float:right;margin-left:13px;margin-right:0px;} .list_annonce .ann_lien_img .img_liste_annonce {} /* big_annonce */ .big_annonce #map_product_canvas {height:250px;} #FormConnection #ConnDroite table{margin:auto;width:100%;} .Vendre .vendregauche {width:100%;float:left;} .Vendre .vendredroite {width:100%;float:left;margin-top:20px;} } @media screen and (max-width: 401px) { h1 {font-size:7vw;} /* alert */ .liste_alerte {width:100%;} .liste_alerte td {display:block;} .liste_alerte tr {display:block;margin-bottom:10px;} .liste_alerte td strong {display:inline;} .liste_alerte td strong:after {content:" : "} .liste_alerte tr:first-child td strong {display:none;} .liste_alerte td input{width:40%;} /* big_annonce */ .big_annonce #map_product_canvas {height:230px;} .cache400 {display:none;} #body_pop {padding:10px;} #body_pop table{width:90%;margin:auto;} #body_pop td{display:block;width:100%;line-height:10px;font-size:3.5vw;} #body_pop td:nth-child(1), #body_pop td:nth-child(2), #body_pop td:nth-child(5), #body_pop td:nth-child(6) {line-height:0px;font-size:0px;} #body_pop td:nth-child(3) {line-height:25px;} #body_pop td input[type="text"] {width:100%;} #body_pop td textarea {width:100%;} #body_pop #tdalerte {width:100%;border:1px solid red;height:auto;} #body_pop .new_formulaire {width:100%;margin-top:0px;} } @media screen and (max-width: 351px) { /* page liste */ .list_annonce .corps_liste_annonce {width:100%;margin-top:3px;} .list_annonce .ann_lien_img {float:left;margin-left:0px;margin-right:0px;width:100%;margin-bottom:10px;display:block;height:auto;} .list_annonce .ann_lien_img .img_liste_annonce {width:100%;height:auto;} } @media screen and (max-width: 301px) { /* Menu */ #menu ul li {height:30px;padding:1vw;line-height:0px;} #menu ul li a{height:25px;line-height:25px;} #menu ul li:last-child a{line-height: 12px;} #menu ul li{font-size:4.6vw;padding:1vw;} /* Top barre */ /* Zone logo */ #bouton_header {} #logo {} /* big_annonce */ .big_annonce #map_product_canvas {height:220px;} } #newdpeges {width:100%;padding:0px;border:1px solid black;padding:5px;position:relative;margin-bottom:10px;} #newdpeges div {background-size:cover;background-repeat:no-repeat;} #newdpe {float:left;width:60%;} #newges {float:left;width:30%;margin-top:5px;border:2px solid #a4dbf8; border-radius:5px;padding:8px;} #newdpe, #newges {margin-bottom:5px;position:relative;} #newdpe img, #newges img {width:100%;height:auto;} #infodpe {position:absolute;z-index:100;font-weight:bold;font-size:22px;text-align:center;} #infodpe span{display:block;width:100%;text-align:center;font-size:1vw;} #infodpeg {position:absolute;z-index:100;font-weight:bold;font-size:22px;text-align:center;} #infodpeg span{display:block;width:100%;text-align:center;font-size:0.9vw;} #infoges {position:absolute;z-index:100;font-weight:bold;font-size:22px;text-align:left;} #infoges span{display:block;width:100%;font-size:0.9vw;} .newdpe_a #infodpe {top:13%;left:5%;width:15%;} .newdpe_b #infodpe {top:23%;left:5%;width:15%;} .newdpe_c #infodpe {top:34%;left:5%;width:15%;} .newdpe_d #infodpe {top:45%;left:5%;width:15%;} .newdpe_e #infodpe {top:56%;left:5%;width:15%;} .newdpe_f #infodpe {top:68%;left:5%;width:15%;} .newdpe_g #infodpe {top:79%;left:5%;width:15%;} .newdpe_a #infodpeg {top:13%;left:20%;width:15%;} .newdpe_b #infodpeg {top:23%;left:20%;width:15%;} .newdpe_c #infodpeg {top:34%;left:20%;width:15%;} .newdpe_d #infodpeg {top:45%;left:20%;width:15%;} .newdpe_e #infodpeg {top:56%;left:20%;width:15%;} .newdpe_f #infodpeg {top:68%;left:20%;width:15%;} .newdpe_g #infodpeg {top:79%;left:20%;width:15%;} .newges_a #infoges {top:18%;left:42%;width:50%;} .newges_b #infoges {top:26%;left:48%;width:50%;} .newges_c #infoges {top:33%;left:53%;width:50%;} .newges_d #infoges {top:42%;left:59%;width:50%;} .newges_e #infoges {top:50%;left:67%;width:32%;} .newges_f #infoges {top:59%;left:67%;width:50%;} .newges_g #infoges {top:68%;left:67%;width:50%;} @media screen and (max-width: 601px) { #newdpeges {width:100%;border:0px solid black;} #newdpe {float:left;width:100%;} #newges {float:left;width:80%;margin-top:5px;border:2px solid #a4dbf8; border-radius:5px;padding:8px;} #infodpe {font-size:5vw;} #infodpe span{font-size:1.5vw;} #infodpeg {font-size:5vw;} #infodpeg span{font-size:1.5vw;} #infoges {font-size:5vw;margin-top:2vw;} #infoges span{font-size:1.5vw;} } @media screen and (min-width: 1000px) { #infodpe span{font-size:10px;} #infodpeg span{font-size:8px;} #infoges span{font-size:8px;} } .mentionslegal {} .mentionslegal h1{margin:10px;font-weight:bold;margin-top:20px;font-size:25px;text-align:center;width:90%;padding:5px;border:1px solid black;} .mentionslegal h2{margin:10px;font-weight:bold;margin-top:20px;} .mentionslegal p{text-align:justify;margin:10px;}