/* CSS Document */ /* Makeshift CSS Reset */ * { margin: 0; padding: 0; } /* Tell the browser to render HTML 5 elements as block */ header, footer, section, aside, nav, article { display: block; } body { margin: 0 auto; padding: 0; width: 986px; background: #333333; font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size: 13px; line-height: 18px; /*border: solid 1px #FFCC33;*/ } /* h2 {font-size: 17px;} h3 {font-size: 14px;} */ input, select, textarea {border: solid 1px #999999;} a {color: #dd0000;} form label {display: inline-table; margin-right:3px;} form.LabelTaille1 label {width: 130px;text-align: right;} form.LabelTaille1 p {padding-bottom:7px;} form.LabelTaille2 label {width: 99px;text-align: right;} form.LabelTaille2 p {padding-bottom:2px;} textarea {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} .ombrage { /*border: 5px solid #fff;*/ -moz-box-shadow: 4px 4px 8px #777; -webkit-box-shadow: 4px 4px 8px #777; box-shadow: 4px 4px 8px #333; } /****** CADRES ET CONTENU *****/ #cadre { border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; width:980px; overflow:hidden; } .contenu { background-color: #FFFFFF; padding-left:15px; padding-right: 15px; width:calc(100% - 30px); overflow:hidden; } .contenu.home { padding-left:0px; padding-right: 0px; width:100%; } /****** HEADER *****/ #header {margin-bottom:20px;} #header img {padding:0;margin:0;} #header .slogan {padding:0;margin:0;font-size:21px;font-weight:normal;margin-left:10px; line-height:27px; } #header #Ligne1 {width: 100%; overflow:auto;} #header #logo {width:304px; float:left;} #header #logo img {width:100%;} #header #MonCompte {float:left; padding-top:11px; text-align:right;padding-left:507px; } #header #homePasser {float:right; padding-top:11px; margin-right: 14px; } #header #homePasser a {background:#333333; width: 100%; overflow:auto; display: block; padding: 6px; color:#ffffff; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} #header #homePasser a:hover {background:#de0e0e;} #header #homePasser .p {float: left; font-size: 24px; padding: 8px;} #header #homePasser .p span {font-size: 18px;} #header #homePasser a .prix {margin-left: 8px;float: left; background:#de0e0e; font-size: 36px; padding:8px; line-height:30px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} #header #homePasser a:hover .prix {background:#333333;} /****** NAVIGATION *****/ #iconeMenuMobile {display: none;} #navigation {width:100%; overflow:auto;} #navigation ul {margin:0;padding:0; width:100%; overflow:auto; line-height:30px;} #navigation li{float: left;margin-right:5px; height:40px; text-align:center;} #navigation li a {font-size:25px; padding: 4px;text-decoration:none; color:#FFFFFF; display:block;background:#333333; border-radius: 7px; padding-left: 25px; padding-right: 25px;} #navigation li a:hover,#navigation li a.allume {background: #dd0000;} /*#navigation li.L140{background-image:url(../images/header/nav140.gif); width:140px; } #navigation li.L140:hover,#navigation li.L140.sfhover{background-image:url(../images/header/nav140-on.gif); } #navigation li.L150{background-image:url(../images/header/nav150.gif); width:150px; } #navigation li.L150:hover,#navigation li.L150.sfhover{background-image:url(../images/header/nav150-on.gif); } #navigation li.L270{background-image:url(../images/header/nav270.gif); width:270px; } #navigation li.L270:hover,#navigation li.L270.sfhover{background-image:url(../images/header/nav270-on.gif); }*/ #navigation li.facebook a {background:none; border-radius: 0; padding:0; width: 40px; height:100%; } #navigation li.facebook img {height: 100%; display:block;} /****** MODULE RECHERCHE *****/ #ZoneRecherche {margin-top:20px; width:calc(100% - 2px); overflow:auto; border-bottom: solid 1 px #d6d6d6; border: solid 1px #d6d6d6; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; } #ZoneRecherche #Contenu1 {background-color:#eeeeee;margin-top:4px; margin-bottom: 4px; padding:3px; padding-left:10px; padding-right:10px; overflow:auto; width: calc(100% - 20px);} #ZoneRecherche #Contenu1 #NbResultats {margin-bottom:8px; font-weight:normal;} #ZoneRecherche #Contenu1 #NbResultats .EnAvant {font-size:16px; font-weight: bold;} #ZoneRecherche #Contenu1 #NbResultats .Nb {color: #dd0000;} #ZoneRecherche #Contenu1 ul#Boutons li {list-style:none; float: left; width:146px;font-size:12px; padding:2px; border: solid 1px #000000; overflow:auto; text-align:center;height: 18px; margin-right:4px;} #ZoneRecherche #Contenu1 ul#Boutons li a {background-color:#7f7f7f; color:#ffffff; text-decoration:none; display:block; font-weight:bold; padding-top:0px; padding-bottom:0px; } #ZoneRecherche #Contenu1 ul#Boutons li a.EnAvant {background-color:#dd0000; } #ZoneRecherche #Contenu1 ul#Boutons li a:hover {background-color:#333333; } /**/ #ZoneRecherche #Recherche {width:100%; overflow:auto; padding-top:6px; padding-bottom:4px;} #ZoneRecherche #Recherche #Criteres {float: left; width:calc(100% - 200px); overflow:auto;} /*#ZoneRecherche #Recherche #Criteres #Ligne1 { width:100%; float: left;}*/ #ZoneRecherche #Recherche #Criteres #ZoneGauche { width:100%; float: left;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 {width:100%; overflow:auto;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 .Colonne {background-color:#FFFFFF; margin-right:8px; padding:4px; font-size: 11px; height: 270px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col1 {float: left; width:160px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col1 select {height:16px; font-size:11px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 {float: left; width:180px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 input.loca {width:118px; border: solid 1px #666666; font-size:11px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 #rech_proximite {margin-bottom:4px; margin-top:1px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 #result {font-weight:normal;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 #result li {list-style-type:none;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 #NbHabitants .Invite {display: inline-table; width:28px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 select {height:16px; font-size:11px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col3 {float: left; width:150px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col3 .Invite {display: inline-table; width:28px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col3 input {width:72px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col4 {float: left; width:150px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col4 select {height:16px; font-size:11px; width:35px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 .Colonne .Titre {font-weight: bold;font-size: 12px; margin-bottom:1px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 .Colonne li {line-height:19px;list-style-type: none;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 {width:696px; overflow:auto;margin-top:9px; } #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .TitreSection {font-size:14px; color:#dd0000; font-weight: bold; background-color:#ffffff; width:200px; padding:3px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #ChoixC {padding:4px;background-color:#ffffff; overflow:auto; height: 190px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne {margin-right:8px; padding:4px; font-size: 11px; float: left; width:185px; } /*#ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #PlusCol1 {float: left; width:145px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #PlusCol2 {float: left; width:145px;}*/ #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne .Titre {font-weight: bold;font-size: 12px; margin-bottom:1px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne li {line-height:19px;list-style-type: none;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne label {display: inline-table; margin-right:3px;width: 75px;text-align: left;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 select {height:16px; font-size:11px; width:90px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #PlusCol3 {width:215px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #PlusCol3 label {width: 100px;} #ZoneRecherche #Recherche #Go {float: left; width: 200px;} #ZoneRecherche #Recherche #Go a {background-color:#dd0000; color:#ffffff; text-decoration:none; margin:0 auto; display:block; font-size:17px; font-weight:bold; padding:3px; text-align:center; margin-top:100px; width: 150px;} #ZoneRecherche #Recherche #Go a .Gros {font-size:21px;} #ZoneRecherche #Recherche #Go a:hover {background-color:#333333; } /****** CONTENU PRINCIPAL *****/ #content {width:100%; overflow:auto; margin-top:40px; margin-bottom:20px; } #content .Note {font-size:11px;} /****** ZONE GAUCHE *****/ .contenu #content #ZoneGauche{width:620px; float: left; margin-right:30px; overflow:hidden; } .contenu #content #ZoneGauche.Large{width:920px; } .contenu.home #content #ZoneGauche.Large{width:100%; } #content #ZoneGauche h1 {font-size:22px; padding-bottom:2px; border-bottom:solid 1px #dd0000; margin-bottom:10px; line-height: 24px; } #content #ZoneGauche h2 {font-size:16px; padding-bottom:1px; border-bottom:solid 1px #dd0000; margin-bottom:5px; font-weight:bold; } /****** ZONE DROITE *****/ #content #ZoneDroite{width:300px; float: left; overflow:auto; } /******************************************** PAGES CONTENU ******************************/ /* Passer une annonce */ #content #FORM_ANNONCE h2 {font-size:14px; padding:2px; background-color:#F2F2F2; margin-bottom:6px; margin-top:6px; color:#dd0000;} #content .Etapes {margin-top:20px;} #content .Etapes .On {font-weight:bold;} #content .Etapes .Off {color:#999999;} #content .Etapes a {text-decoration: none; color:#FFFFFF;} #content .Etapes .NumEtape {float: left; background-color:#454545; color:#FFFFFF; margin-right:3px; padding:2px;padding-left:7px; padding-right:7px; margin-bottom: 3px;} #content .Etapes .NumEtape.On {background-color:#dd0000; } #content .Etapes .NumEtape.Off {color:#999999; } #content #FORM_ANNONCE #tld {z-index:5; width: 240px; height: 60px; float:right; top:-40px; font-size: 12px; background-color:#FFFDD2; padding:6px; position:relative;} #content #FORM_ANNONCE #tld a {color: #333333;} #content #FORM_ANNONCE .infoImportante{padding:10px; background-color:#F4F4F4; border: dotted 1px #333; margin-bottom:20px;} #content #FORM_ANNONCE .intituleOption {font-weight:bold; padding-bottom: 2px; border-bottom: dotted 1px #333333; margin-bottom: 2px; color:#000; font-size: 14px;} #content #FORM_ANNONCE .prixOption {color:#dd0000;font-weight:bold; font-size: 18px;} #content #FORM_ANNONCE .prixOption.gratuit {font-size: 14px;} #content #FORM_ANNONCE .descriptionOption {font-style:italic; font-size: 12px;} #content #FORM_ANNONCE .li {margin-bottom: 0px;} #content #FORM_ANNONCE ul.descriptionOption {margin-bottom: 16px; } #content #FORM_ANNONCE .descriptionOption li {list-style: disc; margin-left: 20px; } #content #FORM_ANNONCE .intituleOption.total {padding-top: 2px; border-top: dotted 1px #333333; background-color:#F3F3F3;} #content #FORM_ANNONCE input[type=submit] {padding:4px;} #Ariane {font-size:11px; margin-bottom: 7px; padding:2px; background-color:#F8F8F8;} #Ariane.avecDetails {margin-bottom:2px;} #Ariane div { display:inline;} /* Fiche annonce */ #content #FicheAnnonce h2.Type1 { margin-bottom:2px;} #content #FicheAnnonce #Actions {background-color:#eeeeee; padding:5px; padding-top: 3px; font-size:11px; margin-bottom:20px; overflow: auto; width: calc(100% - 10px);} #content #FicheAnnonce #Actions a {color:#333333;} #content #FicheAnnonce #Actions p {line-height:20px;} #content #FicheAnnonce #Actions #Colonne1 {float:left; width:235px; margin-right:15px; } #content #FicheAnnonce #Actions #Colonne2 {float:left; width:180px; margin-right:15px;} #content #FicheAnnonce #Actions #Colonne3 {float:left; width:140px; padding-top:5px; text-align:center;} #content #FicheAnnonce #Actions .Prix {background-color:#dd0000; color:#FFFFFF; font-size:24px; font-weight: bold; padding:4px; padding-left:10px; padding-right: 10px; margin-top:0px; } #content #FicheAnnonce #Actions p.ref {background-image:url(../images/icones/maison.gif); background-position:top left; background-repeat:no-repeat; padding-left:21px; } #content #FicheAnnonce #Actions p.print {background-image:url(../images/icones/print.gif); background-position:top left; background-repeat:no-repeat; padding-left:21px; } #content #FicheAnnonce #Actions p.add {background-image:url(../images/icones/add-annonce.gif); background-position:top left; background-repeat:no-repeat; padding-left:21px; } #content #FicheAnnonce #Actions p.mail {background-image:url(../images/icones/mail.gif); background-position:top left; background-repeat:no-repeat; padding-left:21px; } #content #FicheAnnonce #Actions p.visites {background-image:url(../images/icones/views.gif); background-position:top left; background-repeat:no-repeat; padding-left:21px; } #content #FicheAnnonce #Actions .Social {width:180px; overflow:auto; margin-top:19px;} #content #FicheAnnonce #Actions .Social #plusone {float: left; width:75px;} #content #FicheAnnonce #Actions .Social #facebook {float: left; width:100px;} #content #FicheAnnonce #Actions p.gerer {margin-top:6px; background-image:url(../images/icones/edit.gif); background-position:top left; background-repeat:no-repeat; padding-left:21px; } #content #FicheAnnonce #Actions p.gerer a {color:#dd0000; } #content #FicheAnnonce .log {padding:5px; background-color:#333333; color:#ffffff; margin-bottom:20px;} #content #FicheAnnonce .log p {margin-bottom:5px;} #content #FicheAnnonce .log a {color:#ffffff; font-size:11px;} #content #FicheAnnonce h2 {font-size: 14px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;} #content #FicheAnnonce h3 {font-size:14px; padding-bottom:1px; border-bottom:solid 1px #dd0000; margin-bottom:5px; font-weight:bold; } #content #FicheAnnonce #Diaporama {margin-bottom:20px; width:100%; overflow:auto;} #content #FicheAnnonce #Diaporama #Principale { width:320px; float: left; padding-bottom:12px;} #content #FicheAnnonce #Diaporama #Principale.video {width: 415px;} #content #FicheAnnonce #Diaporama #Principale img {/*padding:2px;*/ margin-top: 2px; /*border: solid 1px #333333;*/ width: 100%;} #content #FicheAnnonce #Diaporama #Secondaire { width:calc(100% - 340px); margin-left: 20px; float: left; overflow:auto; } #content #FicheAnnonce #Diaporama #Secondaire.mini {width: 190px;} #content #FicheAnnonce #Diaporama #Secondaire #ListePhotos {list-style-type: none;margin: 0px;padding: 0px;width: 280px;overflow:hidden;} #content #FicheAnnonce #Diaporama #Secondaire.mini #ListePhotos {width: 185px;} #content #FicheAnnonce #Diaporama #Secondaire #ListePhotos li {float: left;margin: 2px 2px 0px 0px;border-bottom: 1px solid #aaaaaa;border-right: 1px solid #aaaaaa;padding: 1px;} #content #FicheAnnonce #Etiquettes {margin-bottom:20px; margin-top:30px; width:100%; overflow:auto;} #content #FicheAnnonce #Etiquettes .dpe_ges { float:left; width:300px; font-size:10px;} #content #FicheAnnonce #Description2 {margin-bottom:20px; margin-top:30px; width:100%; overflow:auto;} #content #FicheAnnonce #Description2 a {color:#333333;} #content #FicheAnnonce #Description2 #Equipement {float: left; width:calc(50% - 18px); margin-right:35px;} #content #FicheAnnonce #Description2 #Equipement li{margin-left:20px; } #content #FicheAnnonce #Description2 #InfosVille {float: left; width:calc(50% - 18px); } #content #FicheAnnonce #ContactProprio {margin-bottom:20px; margin-top:30px; width:100%; overflow:auto;} #content #FicheAnnonce #FormulaireEmail { width:100%; overflow:auto; } #content #FicheAnnonce #FormulaireEmail #Libelle {float:left; width:100px;} #content #FicheAnnonce #FormulaireEmail #Corps {float:left; width:calc(100% - 100px);} #content #FicheAnnonce #GeoLocalisation {margin-top: 30px;} #content #FicheAnnonce #Proximite{margin-top: 30px;} #content #FicheAnnonce #Proximite section h4 {font-weight:bold;} #content #FicheAnnonce #Proximite section ul {padding-bottom:15px;} #content #FicheAnnonce #Proximite section li {margin-left:37px; padding-left:3px;} /* Liste annonces */ #content #ZoneGauche #ListeAnnoncesInfoVille .Cadre {padding:5px; background-color:#F5F5F5; margin-bottom: 30px; border: dotted 1px #333;} #content #ZoneGauche #ListeAnnoncesInfoVille h2 {margin-bottom:0px; padding-bottom:0px; border-bottom: none; font-size:19px;} #content #ZoneGauche #ListeAnnoncesInfoVille li {margin-left: 35px; padding-left: 6px; list-style:disc;} #content #ZoneGauche #ListeAnnoncesInfoVille .MargeHaute {margin-top: 14px;} #content #ZoneGauche #ListeAnnoncesInfoVille ul {margin-bottom: 10px;} #content #ZoneGauche .detailRecherche {margin-bottom: 25px; font-style:italic;} #content .AccrocheAnnonce h2 {font-size:18px;} #content .AccrocheAnnonce h2 a {color:#333333; text-decoration: none;} #content .AccrocheAnnonce h2 a:hover {color:#dd0000; text-decoration: underline;} #content .AccrocheAnnonce .Zone {width:100%; overflow:hidden; margin-top:8px;} #content .AccrocheAnnonce .Zone .ZonePhoto {float:left; width: 240px; } #content .AccrocheAnnonce .Zone .ZonePhoto .PlusPhotos {font-size:11px;} #content .AccrocheAnnonce .Zone .ZonePhoto img {width: calc(100% - 20px); margin-right:20px; margin-bottom:4px; /*padding:2px; border: solid 1px #000000;*/} #content .AccrocheAnnonce .Zone .ZoneTexteSiPhoto {float:left;width: calc(100% - 240px - 165px); text-align:justify;} #content .AccrocheAnnonce .Zone .ZoneTexteSiPasPhoto {float:left;width: calc(100% - 165px); text-align:justify;} #content .AccrocheAnnonce .Zone .BoutonInfos {margin-top:11px; font-size:12px; padding:2px; border: solid 1px #dd0000; width:120px; overflow:auto; text-align:center;height: 20px;} #content .AccrocheAnnonce .Zone .BoutonInfos a {background-color:#dd0000; color:#ffffff; text-decoration:none; display:block; font-weight:normal; padding-top:1px; padding-bottom:1px } #content .AccrocheAnnonce .Zone .BoutonInfos a:hover {font-weight:bold; } #content .AccrocheAnnonce .Zone .ZonePrix {float:left;width: 165px; text-align:right; } #content .AccrocheAnnonce .Zone .ZonePrix .Prix {background-color:#dd0000; color:#FFFFFF; font-size:24px; font-weight: bold; padding:4px; padding-left:10px; padding-right: 10px; margin-top:0px; line-height: 35px;} #content .AccrocheAnnonce .ZoneBas {background-color:#EEEEEE; font-size:11px; padding:4px; margin-top:13px; margin-bottom:45px;} .NumerosPages {border:#e0e0e0 solid 1px; padding:4px; font-size: 11px; margin-top:15px; margin-bottom: 20px; overflow: auto; width: calc(100% - 8px);} .NumerosPages .Tri {float:left; width: 200px;} .NumerosPages .Tri select {height:18px; font-size:11px;} .NumerosPages .Pagination {float:left; width: calc(100% - 200px);} .NumerosPages .Pagination a { padding-left:4px; padding-right: 4px; border: 1px solid #333333; text-decoration:none; color: #333333; margin-right: 2px;font-weight:normal;} .NumerosPages .Pagination a.On,.NumerosPages .Pagination a:hover { background-color:#7f7f7f; color:#ffffff; } .encartPart9 {} .encartPart9 h4 {font-size: 15px; font-weight:bold; padding-bottom:2px; margin-bottom:4px; border-bottom: solid 1px #C00; background-color:#F5F5F5;} /* HOME */ #content #ZoneGauche #map_canvas {height:427px;} #content #ZoneGauche #PageAccueil.deux {padding-left: 15px; padding-right: 0px; width: calc(100% - 15px); overflow:auto; margin-top: 35px;} #content #ZoneGauche #PageAccueil h2.nombre{font-weight: normal; border-bottom:0px #ffffff solid; } #content #ZoneGauche #PageAccueil li {margin-left:20px;} #content #ZoneGauche #canvas_france {float: left; width: 435px; margin-top: 30px; } #content #ZoneGauche ul#LastAnnonces {/*float: left; width:165px;*/ overflow:auto;margin-top: 35px; /*height:84px;*/ } #content #ZoneGauche ul#LastAnnonces li {float:left; list-style:none; margin:0; padding:0; } #content #ZoneGauche ul#LastAnnonces.CMS {float:inherit; width: 100%; margin-top: 10px;} #content #ZoneGauche ul#LastAnnonces.CMS li {float:left; margin-right: 5px; } #content #ZoneGauche ul#LastAnnonces li img {margin-right:15px; vertical-align:inherit;} #content #ZoneGauche ul#LastAnnonces li .ombrageHome { /*border: 5px solid #fff;*/ -moz-box-shadow: 4px 4px 4px #777; -webkit-box-shadow: 4px 4px 4px #777; box-shadow: 4px 4px 4px #777; } #cadre #searchBox { opacity: 0.9; width: 520px; background:#fafafa; left: 50%; top: 270px; position: absolute; z-index: 900; padding: 10px; padding-left: 20px; margin-left: -270px; -moz-box-shadow: 4px 4px 4px #777; -webkit-box-shadow: 4px 4px 4px #777; box-shadow: 4px 4px 4px #777; overflow: auto;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #cadre.jesuischarlie #searchBox {top: 516px;} #searchBox #bts { list-style:none; margin-top: 10px; width: 100%; overflow:auto;} #searchBox #bts li {float: left; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:#eaeaea; font-size: 16px; color:#333333; font-weight:bold; cursor:pointer;} #searchBox #bts li a {color:#333333; text-decoration:none; display:block; padding: 7px;} #searchBox #bts li a.allume,#searchBox #bts li a:hover {color:#de0e0e;} #searchBox #bts li span {font-size: 13px;} #searchBox .nb {font-size: 11px; margin-top: 7px; font-style:italic;} #searchBox #zoneB {margin-top: 20px; width: 100%; overflow:auto;} #searchBox #champs {float: left; width: 415px;} #searchBox #champs p {margin-bottom: 8px;} #searchBox #champs label {display:inline-table; margin-right: 3px; width: 70px;} #searchBox #champs .champ2 {height: 20px; padding: 2px; width: 250px;} #searchBox #champs .champ3 {height: 20px; padding: 2px; width: 120px;} #searchBox .go {float: left; width: 80px; overflow:auto; padding-top: 20px;} #searchBox .go #goSearch { background: url(../images/contenu/home/bt-search.png) top center no-repeat #de0e0e; height:42px; border:none; padding-top: 2px; width: 55px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; cursor: pointer;} #searchBox .go #goSearch:hover {background: url(../images/contenu/home/bt-search.png) top center no-repeat #333333;} #content #ZoneGauche #PageAccueil #selection li {float: left; margin-right: 13px; margin-bottom: 15px; margin-left: 0px; list-style:none; border: solid 6px #ededeb;} #content #ZoneGauche #PageAccueil #selection li.derniere {margin-right:0px;} #content #ZoneGauche #PageAccueil #selection .infos{ position: absolute; margin-top: -188px; height: 168px; width: 260px; background:#333333; opacity: 0.8; color:#FFFFFF; padding: 10px; font-size: 14px;} #content #ZoneGauche #PageAccueil #selection .infos a {text-decoration:none; color:#fff; display:block; width: 260px; height: 168px;} #content #ZoneGauche #PageAccueil #selection .infos .Ville{font-weight:bold; font-size: 15px; } #content #ZoneGauche #PageAccueil #selection .infos .Quoi{ font-size: 15px; margin-top: 1px;} #content #ZoneGauche #PageAccueil #selection .infos .Prix{font-weight:bold; font-size: 18px; margin-top: 10px;} #content #ZoneGauche #PageAccueil #selection .infos.cache {display:none;} #content #ZoneGauche #PageAccueil #vendues li {margin-bottom: 20px; margin-left: 0px; list-style:none; margin-top: 4px; } #content #ZoneGauche #PageAccueil #vendues .infos{ position: absolute; margin-top: -100px; width: 280px; background:#333333; opacity:0.8; color:#FFFFFF; padding: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 13px;} #content #ZoneGauche #PageAccueil #vendues .lien a {color:#333333;} #content #ZoneGauche #PageAccueil .zone3 {width: 100%; overflow:auto; } #content #ZoneGauche #PageAccueil .zone3 .bloc1 {float: left; width: calc(100% - 320px); margin-right: 20px;} #content #ZoneGauche #PageAccueil .zone3 .bloc2 {float: right; width: 300px;} /* CGU */ #cgu li {padding-left: 5px; margin-left:15px; margin-bottom:12px;} /* A propos */ #content #APropos h2 {border-bottom:0px; font-size:14px; color:#dd0000; margin-top:26px; margin-bottom:0px; padding-bottom:0px;} #content #APropos li {padding-left: 2px; margin-left:25px; margin-bottom:5px;} /* MPA */ #content .partenaireMPA ul.avantages li, #content #APropos .partenaireMPA ul.avantages li {padding-left: 70px; padding-top: 11px; height: 69px; margin:0; list-style:none;} #content .partenaireMPA ul.avantages li.coaching { background:url(../images/contenu/partenaires/mapetiteagence/formation.jpg) top left no-repeat;} #content .partenaireMPA ul.avantages li.photos { background:url(../images/contenu/partenaires/mapetiteagence/photo.jpg) top left no-repeat;} #content .partenaireMPA ul.avantages li.panneau { background:url(../images/contenu/partenaires/mapetiteagence/panneau.jpg) top left no-repeat;} #content .partenaireMPA ul.avantages li.diffusion { background:url(../images/contenu/partenaires/mapetiteagence/diffusion.jpg) top left no-repeat;} #content .partenaireMPA ul.avantages li.google { background:url(../images/contenu/partenaires/mapetiteagence/google.jpg) top left no-repeat;} #content .partenaireMPA ul.avantages li.conseil { background:url(../images/contenu/partenaires/mapetiteagence/standardiste.jpg) top left no-repeat;} #content #ZoneGauche .partenaireMPA ul.avantages li h5 {font-size: 14px; border:none; color:#000; } #content .partenaireMPA .titreFormulaire {background-color:#CC0000; color: #FFF; padding:4px; text-align:center; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } #content .partenaireMPA .titreFormulaire h4 {font-size: 15px;} #content .partenaireMPA .formulaire { border: solid 1px #c00; padding:15px; ; -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } #content .partenaireMPA .formulaire .champ1 {width: 98%;} #content .partenaireMPA .formulaire .devisGratuit {padding: 4px; font-weight:bold; cursor:pointer;} /* Net Acheteur */ #content .partenaireNetAcheteur ul.avantages li, #content #APropos .partenaireNetAcheteur ul.avantages li {padding-left: 53px; padding-top: 1px; height: 69px; margin:0; list-style:none;} #content .partenaireNetAcheteur ul.avantages li.temps { background:url(../images/contenu/partenaires/net-acheteur/gain-temps.png) top left no-repeat;} #content .partenaireNetAcheteur ul.avantages li.offres { background:url(../images/contenu/partenaires/net-acheteur/offres.png) top left no-repeat;} #content .partenaireNetAcheteur ul.avantages li.premier { background:url(../images/contenu/partenaires/net-acheteur/temps-reel.png) top left no-repeat;} #content .partenaireNetAcheteur ul.avantages li.prix { background:url(../images/contenu/partenaires/net-acheteur/meilleur-prix.png) top left no-repeat;} #content .partenaireNetAcheteur ul.avantages li.simple { background:url(../images/contenu/partenaires/net-acheteur/demarches.png) top left no-repeat;} #content #ZoneGauche .partenaireNetAcheteur ul.avantages li h5 {font-size: 14px; border:none; color:#000; } #content .partenaireNetAcheteur .titreFormulaire {background-color:#CC0000; color: #FFF; padding:4px; text-align:center; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } #content .partenaireNetAcheteur .titreFormulaire h4 {font-size: 15px;} #content .partenaireNetAcheteur .formulaire { border: solid 1px #c00; padding:15px; ; -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } #content .partenaireNetAcheteur .formulaire .champ1 {width: 98%;} #content .partenaireNetAcheteur .formulaire .devisGratuit {padding: 4px; font-weight:bold; cursor:pointer;} #content .partenaireNetAcheteur .avantages {margin-top: 35px;} #content .partenaireNetAcheteur .avantages .entete {background-color:#c00; padding: 5px; color:#fff; font-size: 15px; font-weight:bold; text-align:center;} #content .partenaireNetAcheteur .avantages .detail {background-color:#F4F4F4; padding: 5px;} /* CMS */ #content #ZoneGauche .CMS h1 {margin-top:18px; } #content #ZoneGauche .CMS h1.Premier {margin-top:0px; } /*#content #APropos h2 {border-bottom:0px; font-size:14px; color:#dd0000; margin-top:26px; margin-bottom:0px; padding-bottom:0px;} */ #content #ZoneGauche .CMS h2 { margin-top:26px; margin-bottom:10px; padding-bottom:2px; font-size: 22px; border-bottom: solid 1px #dd0000; line-height: 24px;} #content #ZoneGauche .CMS li {padding-left: 2px; margin-left:25px; margin-bottom:5px;} /* Partage et auteur */ .socialActions {margin-top: 45px;} .socialActions .actions2 {margin-bottom: 20px; width:100%; overflow:auto;} .socialActions .note {width: 220px; float: left; margin-right: 35px;} .socialActions .share {float: left; margin-right: 35px; width: 170px;} .socialActions .author {float: left; width: 150px;} .socialActions h4 {margin-bottom: 4px; padding:2px; border-bottom: dotted 1px #c00; background-color:#F7F7F7;} .author li.facebook, #content #ZoneGauche .CMS li.facebook, #content #Comparatif ul li.facebook, #content #APropos li.facebook {margin:0; padding:0; height: 28px; margin-bottom: 4px; background:url(../images/contenu/facebook.jpg) top left no-repeat; padding-left: 28px; padding-top: 2px;font-size: 11px; list-style:none;} .author li.google, #content #ZoneGauche .CMS li.google, #content #Comparatif ul li.google, #content #APropos li.google {margin:0; padding:0; height: 28px; margin-bottom: 4px; background:url(../images/contenu/google-plus.jpg) top left no-repeat; padding-left: 28px; padding-top: 2px; font-size: 11px;list-style:none;} .socialActions #plusone {margin-bottom:4px;} .number-rating {font-weight:bold; font-size: 13px;} .rating {font-size: 12px;} .rating .stats {/*float: left; margin-right:20px; width: 32px;*/} .rating .recency {/*float: left; margin-right:20px;*/ font-style:italic; font-size:11px; } .number-rating .t{font-weight:normal; font-size: 12px;} .star-rating {padding: 3px 0 3px 0;} p.r {background:url(../images/contenu/notes.png); height:21px; overflow:hidden; width:113px; display:inline-block; margin:0; padding:0;} p.r .s5,p.r .s4,p.r .s3,p.r .s2,p.r .s1 { background:url(../images/contenu/notes.png); height: 21px; display:block;} p.r .s1 { background-position:0 121px; width: 21px;} p.r .s2 { background-position:0 96px; width: 44px;} p.r .s3 { background-position:0 71px; width: 67px;} p.r .s4 { background-position:0 46px; width: 90px;} p.r .s5 { background-position:0 21px; width: 113px;} .Commentaire {} .Commentaire .champ1{ width: 250px;} .Commentaire .champ2{ width: 400px; height: 75px;} .Commentaire td {padding-bottom: 4px;} .itemCommentaire {padding-bottom:5px; border-bottom: dotted 1px #BFBFBF; margin-bottom: 20px; margin-top: 7px;} .itemCommentaire .qui {font-weight:bold; color:#C00;} .itemCommentaire .quand {font-weight:normal; color:#333;} .itemCommentaire .quoi { font-size: 12px; line-height: 14px; padding:2px; background:#F3F3F3;} /* Comparatif */ #content #Comparatif li {padding-left: 2px; margin-left:25px; margin-bottom:5px;} #content #Comparatif ul li {margin-bottom: 23px;} #content #Comparatif ul li li {margin-bottom: 3px;} #content #Comparatif ul li ul {margin-top: 3px;} /* Partenariat */ #content #Partenaires li {padding-left: 2px; margin-left:25px; margin-bottom:5px;} /******************************************** FIN PAGES CONTENU ******************************/ /****** ZONE DROITE *****/ #ZoneDroite .Encart {margin-bottom:29px; width:100%; overflow:auto;} #ZoneDroite .Encart .Titre {padding:3px; padding-left: 10px; background-color: #4a4a4a; color: #ededed; font-weight:bold; font-size: 14px; margin-bottom:1px;} #ZoneDroite .Encart.ListeCMS li {padding-left:20; margin-left:20px;padding-top:4px;} #ZoneDroite .Encart.ListeCMS a {color:#333333;} #ZoneDroite .Encart.ListeCMS a.LienOn, #ZoneDroite .Encart.ListeCMS a:hover {color:#dd0000;} #ZoneDroite .Encart.ListeCMS.Petit {font-size:11px;} #ZoneDroite .Encart.NotreSelection a {color:#333333; text-decoration:none;} #ZoneDroite .Encart.NotreSelection a:hover {text-decoration:underline;} #ZoneDroite .Encart.metaMoteurs li {float: left; list-style:none;} #ZoneDroite .Encart.Chiffres p {line-height:23px; font-size: 14px;} #ZoneDroite .Encart .economie {font-weight:bold; font-size: 21px; color:#CF0005;} #ZoneDroite .Encart .total {font-weight:bold; font-size: 17px;} #ZoneDroite .Encart .encadre {margin-top: 2px; background-color:#F5F5F5; border: solid 1px #cecece; padding: 5px; } /****** FOOTER *****/ footer {width:100%; overflow: hidden;color:#999999;font-size:11px;margin-top:7px; line-height: 15px;} footer a{color:#999999; text-decoration:none; } footer a:hover{text-decoration:underline; } footer #Encarts {width:100%; overflow:auto; } footer #Encarts .Encart {background-color:#3a3a3a; border: solid 1px #484848; padding:7px; float:left; width:calc(33.33% - 14px);height:190px;} footer #Encarts .Encart.Marge {margin-right:7px; width:calc(33.33% - 28px)} footer #Encarts .Encart h4{font-size:14px; color:#b9b9b9;margin-bottom:10px; } footer #Encarts .Encart li{list-style-type: none;} footer #about{margin-top:6px;} #popupCookie { position:fixed; bottom:10px; right:40px; background:url(../images/bg-popup-cookies.png) top left no-repeat; height: 276px; width: 203px; color:#ffffff;} #popupCookie .cadre {/*-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; border: solid 1px #666666;box-shadow: 1px 1px 12px #555; padding:10px; font-size: 11px; line-height: 15px; background:#0b4996;*/ padding-top: 52px; padding-left: 20px; padding-right: 20px; font-size: 10px; color: #333333;line-height: 12px; font-family:Arial, Helvetica, sans-serif;} #popupCookie a {color:#dd0000; text-decoration:underline;} #popupCookie .autre {color: #dd0000;} #popupCookie p.texte {text-align:justify; margin-bottom: 6px;} #popupCookie p.lien {margin:0; padding:0; margin-bottom: 3px;} #popupCookie #bouton a { /*background: url(../images/bt-ok-popup.jpg) 0px 0px no-repeat;*/ background:#dd0000; color:#ffffff; text-decoration: none; border-radius: 4px; width: 40px; /*height: 21px;*/ font-size: 14px; text-align:center; padding-top: 4px; padding-bottom: 4px; margin:0 auto; display:block; margin-top: 16px; } #popupCookie #bouton a:hover { background:#333333; } #explicationsCookies li {list-style: image; margin-left: 25px; padding-left:25px;} @media only screen and (max-width: 990px) { body {width: 100%; } #cadre {width:calc(100% - 4px); overflow: auto; border:0; background:#ffffff;} .contenu { overflow: auto;} #navigation li a {font-size:23px;} #ZoneRecherche #Recherche #Criteres {float: none; width:100%; } #ZoneRecherche #Recherche #Go {float: none; width: 100%;} #ZoneRecherche #Recherche #Go a { margin:0 auto; margin-top:30px; width: 150px; margin-bottom: 20px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col1 {width:calc(25% - 16px);} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 {width:calc(25% - 16px);} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 input.loca {width:calc(100% - 2px); border: solid 1px #666666; } #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col3 {width:calc(25% - 16px);} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col4 {width:calc(25% - 16px);} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 {width:calc(100% - 8px); } #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #ChoixC {height: auto;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne {margin-right:8px; padding:4px; width:calc(33.33% - 16px); } /*#ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #PlusCol1 {float: left; width:145px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #PlusCol2 {float: left; width:145px;}*/ #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne .Titre {font-weight: bold;font-size: 12px; margin-bottom:1px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne li {line-height:19px;list-style-type: none;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 .Colonne label {display: inline-table; margin-right:3px;width: 75px;text-align: left;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 select {width:inherit;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne2 #PlusCol3 {width:calc(33.33% - 16px);} .contenu #content #ZoneGauche{width:100%; float: none; margin-right:0px; } .contenu #content #ZoneGauche.Large{width:100%; } #content #ZoneDroite{ display: none; } #content .AccrocheAnnonce .Zone .ZoneTexteSiPhoto {width: calc(100% - 340px - 165px); } #content .AccrocheAnnonce .Zone .ZonePhoto {float:left; width: 340px; } #content #FicheAnnonce #Diaporama #Principale { width:450px;} #content #FicheAnnonce #Diaporama #Secondaire { width:calc(100% - 470px); } } @media only screen and (max-width: 930px) { #navigation ul {line-height:26px;} #navigation li{height:34px; } #navigation li a {font-size:22px; padding: 4px;border-radius: 7px; padding-left: 20px; padding-right: 20px;} #header .slogan {font-size:18px;margin-left:10px; line-height:24px; } #header #logo {width:250px;} #content #ZoneGauche #PageAccueil #selection li.derniere {margin-right:13px;} } @media only screen and (max-width: 840px) { #navigation ul {line-height:24px;} #navigation li{height:34px; } #navigation li a {font-size:19px; padding: 4px;border-radius: 7px; padding-left: 15px; padding-right: 15px;} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col1 {width:calc(50% - 16px);} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 {width:calc(50% - 16px);} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col2 input.loca {width:calc(100% - 2px); border: solid 1px #666666; } #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col3 {width:calc(50% - 16px);} #ZoneRecherche #Recherche #Criteres #ZoneGauche #Ligne1 #Col4 {width:calc(50% - 16px);} #content .AccrocheAnnonce .Zone .ZoneTexteSiPhoto {width: calc(100% - 240px - 165px); } #content .AccrocheAnnonce .Zone .ZonePhoto {float:left; width: 240px; } #content #ZoneGauche #PageAccueil .zone3 .bloc1 {float: none; width: 100%; margin-right: 0px;} #content #ZoneGauche #PageAccueil .zone3 .bloc2 {float: none; width: 100%; margin-top: 30px;} #content #FicheAnnonce #Diaporama #Principale { width:350px;} #content #FicheAnnonce #Diaporama #Secondaire { width:calc(100% - 370px); } footer #Encarts .Encart {height: auto;} } @media only screen and (max-width: 700px) { #iconeMenuMobile {display: block; margin:0 auto;} #navigation ul {line-height:19px; display:none;} #navigation li{height:auto; float :none; display: block; border-bottom: solid 1px #ffffff;} #navigation li.facebook {display: none;} #navigation li a {font-size:16px; padding: 4px;border-radius: 0px; } #header #logo {float: none; margin:0 auto;} #header .slogan {text-align:center; line-height: 19px; margin-top: 10px;} #header .slogan .saut {display: block;} #header .slogan .deuxPoints {display:none;} #content #ZoneGauche #map_canvas {height:335px;} .contenu #content #ZoneGauche.Large{ position: relative; } #cadre #searchBox {opacity: 0.9; width: calc(90% - 30px); left:inherit; top: 50px; position: absolute; z-index: 900; padding: 10px; padding-left: 20px; margin-left: 5%;} #searchBox #champs {width: calc(100% - 100px); margin-right: 20px;} #searchBox #champs label {display:inline-table; margin-right: 3px; width: 50px;} #searchBox #champs .champ2 {height: 20px; padding: 2px; width: calc(100% - 67px);} #searchBox #champs .champ3 {height: 20px; padding: 2px; width: calc((100% - 77px) / 2);} #searchBox .go {float: left; width: 80px; overflow:auto; padding-top: 20px;} .NumerosPages .Tri {float:none; width: 100%; text-align:center;} .NumerosPages .Pagination {float:none; width: 100%; margin-top: 7px; text-align:center;} #content .AccrocheAnnonce .Zone .ZonePhoto {float:none; text-align: center; margin:0 auto ; margin-bottom: 20px; width: 100%;} #content .AccrocheAnnonce .Zone .ZoneTexteSiPhoto {width: calc(100% - 165px); } #content .AccrocheAnnonce .Zone .ZoneTexteSiPasPhoto {width: calc(100% - 165px); } #content #FicheAnnonce #Diaporama #Principale { width:100%; float: none;} #content #FicheAnnonce #Diaporama #Secondaire { width:100%; float: none; margin-left:0;} #content #FicheAnnonce #FormulaireEmail #Libelle {float:none; width:100%;} #content #FicheAnnonce #FormulaireEmail #Corps {float:none; width:100%;} #content #FicheAnnonce #Description2 #Equipement {float: none; width:100%; margin-right:0px;} #content #FicheAnnonce #Description2 #InfosVille {float: none; width:100%; margin-top: 30px;} footer #Encarts #Encart3 {display: none;} footer #Encarts .Encart,footer #Encarts .Encart.Marge { width:calc(50% - 30px); margin-left:7px; margin-right:7px;} footer #about {padding: 5px;} }