/* Déclaration de nos couleurs */ @color1:#3f3f3f; @color2:#fff; @color3:#d0d0d0; @color4:#ffefe1; @color5:#418cd7; @colorHover:#ee7314; /* BLENDED MOD MULTIPLY */ @grayscale:100%; /* Height header dans le cas ou il y a un header fixe */ @height-header:160px; /* Margin des blocs -- Non utilisé ici */ @margin-top-bloc:50px; @margin-bottom-bloc:25px; @padding-top-bloc:20px; @padding-bottom-bloc:20px; /* Grille bootstrap */ @affichegrid:none; /* Btn*/ @radius:0px; @weight-btn:1px; @height-textarea:152px; /*@@ START GLOBAL @@*/ * {margin:0;padding:0} body{font-family:'Oswald', sans-serif;letter-spacing:1px;} a:hover{text-decoration:none;} .row{max-width:100%;margin-left:0px;margin-top:0px;} /* Permet un affichage correct */ //label{text-transform:uppercase;color:@color1;font-weight:lighter;display:block;} //input{width:100%;border :none;margin-bottom:15px;background-color:@color4;color:@color1;padding-left:5px;font-weight:lighter;padding-right:5px;} //textarea{border :none;width:100%;resize:none;height:@height-textarea;background-color:@color4;color:@color1;padding-left:5px;font-weight:lighter;} h1{font-weight:lighter;font-size:25px;color:@color1;text-transform:uppercase;margin-top:0px;} h1 > span{display:block;font-size:16px;text-transform:none;} h2{text-transform:uppercase;font-weight:lighter;margin-bottom:20px;} h3{text-transform:uppercase;font-weight:lighter;font-size:14px;margin-top:36px;} p{font-weight:lighter;font-size:14px;color:@color1;} div.line-dot{background-image:url('../img/dot.png');background-repeat:repeat-x;height:3px;margin-top:30px;margin-bottom:30px;} div.background-bord{background-color:@color4;min-height:100px;margin-top:25px;padding-top:25px;padding-bottom:25px;margin-bottom:25px;} p.texte-colonne{ font-size:14px; font-weight:100; text-align:justify; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;} /* Séparateur site */ .hr-white div{height:1px;background-color:@color2;color:@color2;margin-top:15px;margin-bottom:30px;} .hr-black div{height:1px;background-color:@color1;color:@color1;margin-top:30px;margin-bottom:10px;} /* Line en dessous de H1 */ h1 > span.dot{background-image:url('../img/dot.png');background-repeat:repeat-x;height:3px;width:100%;display:block;color:@color1;margin-top:18px;} div.ligne-pointille:before{content:"- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -"; font-weight:lighter;color:#000;} div.ligne-pointille{height:26px;overflow:hidden;width:100%;letter-spacing:0px;} span.color-custom{color:@colorHover;} div.ligne-ludique{height:2px;background-color:@colorHover; background:#E73127; background:-moz-linear-gradient(left, #E73127 0%, #F39200 100%); background:-webkit-gradient(left top, right top, color-stop(0%, #E73127), color-stop(100%, #F39200)); background:-webkit-linear-gradient(left, #E73127 0%, #F39200 100%); background:-o-linear-gradient(left, #E73127 0%, #F39200 100%); background:-ms-linear-gradient(left, #E73127 0%, #F39200 100%); background:linear-gradient(to right, #E73127 0%, #F39200 100%);} div.ligne-ludique-1px{height:1px;background-color:@colorHover; background:#E73127; background:-moz-linear-gradient(left, #E73127 0%, #F39200 100%); background:-webkit-gradient(left top, right top, color-stop(0%, #E73127), color-stop(100%, #F39200)); background:-webkit-linear-gradient(left, #E73127 0%, #F39200 100%); background:-o-linear-gradient(left, #E73127 0%, #F39200 100%); background:-ms-linear-gradient(left, #E73127 0%, #F39200 100%); background:linear-gradient(to right, #E73127 0%, #F39200 100%); margin-top:20px;} /*@ END GLOBAL @@*/ /*@@ START HEADER @@*/ /*#container-fixed-top{position:fixed;top:0;background-color:@color2;z-index:1000;width:100%;height:@height-header;} #content-begin{margin-top:@height-header;}*/ /* NAVBAR -- SURCLASS BOOTSTRAP */ div#ico-responsive{height:36px;width:26px;font-size:30px;color:#fff;position:absolute;right:15px;bottom:15px;cursor:pointer; } div#content-begin{padding-bottom:30px;} div.navbar{border:none;} div.custom-background{height:100%;} div.background-header, div.background-footer{ width:100%;position:absolute;z-index:0;opacity:0.8; background:#E73127; background:-moz-linear-gradient(left, #E73127 0%, #F39200 100%); background:-webkit-gradient(left top, right top, color-stop(0%, #E73127), color-stop(100%, #F39200)); background:-webkit-linear-gradient(left, #E73127 0%, #F39200 100%); background:-o-linear-gradient(left, #E73127 0%, #F39200 100%); background:-ms-linear-gradient(left, #E73127 0%, #F39200 100%); background:linear-gradient(to right, #E73127 0%, #F39200 100%); } div.background-header{height:120px;} div.background-footer{height:30px;} #container-fixed-top{top:0;z-index:1000;width:100%;height:@height-header;} #logo-big-menu{margin-top:10px;margin-bottom:10px;} #logo-small-menu{margin-bottom:10px;margin-top:10px;margin-left:10px;margin-top:-14px;} /* Barre Top header */ #barre_top_header{background-color:#000;height:40px;line-height:39px;} /* Barre de langue */ #langue-barre{color:#fff;font-weight:lighter;} #langue-barre > a{color:#fff;font-weight:lighter;text-transform:uppercase;} #langue-barre > a.active{color:@colorHover;} #langue-barre > a:hover{color:@colorHover;} /* Barre de connexion */ #barre-connexion{color:#fff;font-weight:lighter;text-transform:uppercase;text-align:right;} #barre-connexion > form > span{color:@colorHover;padding-right:15px;} #barre-connexion > form > label{padding-right:10px;font-weight:lighter;} #barre-connexion > form > input{height:20px;font-weight:lighter;color:#000;width:180px;padding-top:0px;font-size:12px;padding-left:5px;letter-spacing:1px;} /* Menu du site */ .custom-nav{margin-top:45px;letter-spacing:0.5px;} .custom-nav div.titre-menu-custom{color:#fff;text-transform:uppercase;font-weight:lighter;height:19px;} .custom-nav > div > a > div.titre-menu-custom:hover, .custom-nav > div > a.active > div.titre-menu-custom{color:#000;} /* Gestion du triangle */ .custom-nav > div > a > div.titre-menu-custom > div.triangle{width:8px;height:8px;float:left;margin-right:5px;margin-top:7px;} .custom-nav > div > a.active > div.titre-menu-custom > div.triangle{ border-style:solid;border-width:4px 0 4px 8px;border-color:transparent transparent transparent #000000;-webkit-transform:rotate(360deg);border-style:inset;} /*@ END HEADER @@*/ /*@@ START BUTTON SITE @@*/ div.btn, input.btn{border-radius:@radius;text-transform:uppercase;font-weight:lighter;margin-left:0px;margin-right:0px;text-align:center;padding-top:2px;padding-bottom:2px;width:100%;} div.btn-black, input.btn-black{background-color:#000;color:#fff;} div.btn-black:focus, div.btn-black:hover, input.btn-black:focus, input.btn-black:hover{background-color:#fff !important;color:#000 !important;border:solid #000 1px;} /*@ END BUTTON SITE @@*/ /*@@ CLASSE SUCCESS ET INFO POUR LES MAILS @@*/ #mail_success{display:none;border:solid @color3 1px;color:@color3;text-align:center;padding:10px;} #mail_error{display:none;border:solid @color3 1px;color:@color3;text-align:center;padding:10px;} /*@ END CLASSE SUCCESS @@*/ /*@@ START FOOTER @@*/ div.footer{font-weight:lighter;font-size:12px;height:30px;line-height:28px;margin-top:40px;} div.footer div.design-comecom a, div.footer div.design-comecom a:visited, div.footer div.design-comecom a:focus{color:#fff;text-align:left;text-decoration:none;text-transform:uppercase;border:none;} div.footer div.design-comecom a:hover{color:#000;} div.footer div.container-sociaux{text-transform:uppercase;text-align:right;} div.footer div.container-sociaux a, div.footer div.container-sociaux a:visited, div.footer div.container-sociaux a:focus{color:#fff;text-decoration:none;text-transform:uppercase;padding-left:15px;} div.footer div.container-sociaux a:hover{color:#000;} div.footer div.container-sociaux a i{font-size:16px;} /*@ END FOOTER @@*/ /*@@ CONTAINER SITE @@*/ #container-website{padding-top:0px;} /*@@ START MOTEUR RECHERCHE @@*/ div.btn-moteur-responsive{background-color:#fff;font-size:40px;text-transform:uppercase;font-weight:lighter;cursor:pointer;} div.btn-moteur-responsive > div > div.texte-btn-moteur{width:auto;float:left;line-height:46px;margin-top:10px;margin-bottom:10px;} div.btn-moteur-responsive > div > div.ico-btn-moteur{width:auto;float:right;margin-top:53px;font-size:60px;height:54px;line-height:45px;} form#moteur-recherche{margin-top:140px;margin-bottom:30px;} form#moteur-recherche > h1{background-color:#fff;font-size:46px;padding:10px;color:#000;margin-bottom:7px;} form#moteur-recherche > div.container-form{background-color:#fff;padding:10px;padding-top:25px;} /* Bouton affiner */ form#moteur-recherche .affiner > div, form#moteur-recherche-responsive .affiner > div, form#moteur-recherche .affiner > div:focus, form#moteur-recherche-responsive .affiner > div:focus{border:solid @colorHover 1px;text-transform:uppercase;text-align:center;font-weight:lighter;margin-bottom:20px;} form#moteur-recherche .affiner:hover > div, form#moteur-recherche-responsive .affiner:hover > div{/*background-color:@colorHover;color:#fff;*/cursor:pointer;} form#moteur-recherche .affiner > div.selected, form#moteur-recherche-responsive .affiner > div.selected{background-color:@colorHover;color:#fff;cursor:pointer;} form#moteur-recherche-responsive{display:none;} /*@ END MOTEUR RECHERCHE @@*/ /*@@ START CALCUL CREDIT @@*/ form#calcul-credit{margin-top:40px;margin-bottom:30px;} form#calcul-credit > h1{background-color:#fff;font-size:46px;padding:10px;color:#000;margin-bottom:7px;} form#calcul-credit > div.container-form{background-color:#fff;padding:25px 10px 10px 10px;} form#calcul-credit input{border:solid @colorHover 1px;width:100%;margin-right:10px;font-weight:lighter;color:#000;padding:3px 5px 3px 5px;font-size:12px;margin-bottom:22px;letter-spacing:1px;} form#calcul-credit div#resultat-credit{display:none;} form#calcul-credit div.mensualite, form#calcul-credit div.interet{text-transform:uppercase;font-weight:lighter;font-size:16px;} form#calcul-credit div.mensualite > span, form#calcul-credit div.interet > span {font-size:46px;} /*@ END CALCUL CREDIT *@@/ /*@@ START ACCUEIL @@*/ div.container-menu-ludique{margin-top:100px;} div.menu-ludique{color:#000;text-transform:uppercase;height:90px;margin-bottom:22px;} div.menu-ludique div.ico{width:33%;float:left;background-color:#fff;height:100%;text-align:center;font-size:36px;line-height:97px;} div.menu-ludique div.texte{width:65.5%;float:right;background-color:#fff;height:100%;padding-left:10px;} div.menu-ludique div.texte h2{margin-top:5px;margin-bottom:3px;font-size:35px;} div.menu-ludique > div.texte > div{font-weight:lighter;line-height:17px;} /* HOVER MODE */ div.menu-ludique:hover > div.texte > h2, div.menu-ludique:hover > div.ico > i, div.menu-ludique:hover > div.texte > div{color:@colorHover;} ul.menu-custom-hidden{display:none;background-color:#fff;margin:0px;} ul.menu-custom-hidden > li{width:100%;background-color:#fff;} ul.menu-custom-hidden > li.first{padding-top:5px;} ul.menu-custom-hidden > li > a{color:#000;text-transform:uppercase;font-weight:lighter;} ul.menu-custom-hidden > li > a.active{color:@colorHover;} /*@ END ACCUEIL @@*/ /*@@ START PAGE ANNONCE @@*/ /* Fonctionnement normal */ div.resultat-annonces{margin-top:40px;} div.resultat-annonces div.un-bien{width:100%;margin-bottom:10px;} div.resultat-annonces div.un-bien img{position:relative;z-index:5;width:100%;} div.resultat-annonces div.un-bien > h2.emplacement{color:#000;text-transform:uppercase;margin-top:5px;margin-bottom:5px;} div.resultat-annonces div.un-bien > div.type, div.resultat-annonces div.un-bien > div.prix{color:#000;text-transform:uppercase;font-weight:lighter;font-size:16px;} div.resultat-annonces div.un-bien div.background{width:100%;height:100%;position:absolute;top:0px;left:0px;background-color:#fff;z-index:2} div.resultat-annonces div.un-bien div.container-image {position:relative;height:180px;overflow: hidden;} div.resultat-annonces div.un-bien-galerie div.container-image{height:191px;} div.resultat-annonces div.un-bien div.container-image > div.details{text-transform:uppercase;color:#fff;z-index:2;position:absolute;top:8px;left:8px;font-size:36px;font-weight:lighter;} div.resultat-annonces div.un-bien div.container-image > div.details > span{font-size:14px;display:block;} div.resultat-annonces div.un-bien div.container-image > div.agrandir{text-transform:uppercase;color:#fff;z-index:2;position:absolute;top:48%;left:0px;font-size:15px;font-weight:lighter;text-align:center;width:100%;} div.resultat-annonces div.un-bien div.container-image > div.bottom-info{text-transform:uppercase;color:#fff;z-index:2;position:absolute;bottom:0px;left:8px;font-size:14px;font-weight:lighter;} div.resultat-annonces div.un-bien div.container-image > div.bottom-info > span{font-size:36px;} div.resultat-annonces div.un-bien > div.bottom-info{color:#000;font-weight:lighter;text-transform:uppercase;margin-top:5px;padding-bottom:10px;font-size:14px;} div.resultat-annonces div.un-bien > div.bottom-info > span{font-size:18px;} /* Hover */ div.resultat-annonces div.un-bien:hover div.background{width:100%;height:100%;position:absolute;top:0px;left:0px;background-color:@colorHover;background:rgba(0, 0, 0, 0) linear-gradient(to right, #e73127 0%, #f39200 100%) repeat scroll 0 0;z-index:2} div.resultat-annonces div.un-bien:hover img{mix-blend-mode:multiply; filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);} div.resultat-annonces div.un-bien:hover div.background{} div.resultat-annonces div.un-bien:hover div.container-image > div.details, div.resultat-annonces div.un-bien:hover div.container-image > div.bottom-info, div.resultat-annonces div.un-bien:hover div.container-image > div.agrandir{z-index:7;} div.resultat-annonces div.un-bien:hover > h2.emplacement {color:@colorHover;} /* TEXTE SLIDER */ div#jssor_1 span.ico-slider{background-color:#fff;display:block;height:103px;width:93px;font-size:46px;line-height:99px;position:absolute;left:785px;top:20px;z-index:5;text-align:center;color:#000;} //div#jssor_1 span.ico-slider{color:@colorHover;} div#jssor_1 span.texte{background-color:#fff;display:block;height:103px;width:auto;font-size:16px;position:absolute;left:882px;top:20px;z-index:5;color:#000;padding:2px 30px 2px 10px;font-weight:lighter;text-transform:uppercase} //div#jssor_1 span.texte{color:@colorHover;} div#jssor_1 span.texte > h2{margin-top:2px;font-size:46px;margin-bottom:0px;} div#jssor_1 span.info-coup-coeur{font-weight:lighter;text-align:left;background-color:#fff;display:block;height:auto;width:auto;font-size:16px;position:absolute;right:20px;bottom:20px;z-index:5;color:#000;padding:10px 60px 0px 10px;text-transform:uppercase;} div#jssor_1 > div > div > div > div:hover span.info-coup-coeur{color:@colorHover} div#jssor_1 span.info-coup-coeur h2{font-size:46px;margin-top:0px;margin-bottom:0px;} div#jssor_1 span.info-coup-coeur span.prix{display:block;font-size:46px;} div#jssor_1 span.info-coup-coeur span.prix span{font-size:16px;} /*@ END PAGE ANNONCE @@*/ /*@@ START PAGE DETAILS @@*/ div.img-details{max-height:581px;overflow: hidden;} div.img-details > div.ico{position:absolute;top:13px;left:30px;height:93px;width:93px;opacity:1;text-align:center;font-size:36px;line-height:90px;} div.img-details > div.ico > div.background-ico{position:absolute;height:100%;width:100%;background-color:#fff;opacity:0.8;z-index:0;} div.img-details > div.ico > i {position:relative;z-index:4;} div.img-details > div.texte{position:absolute;top:13px;left:130px;height:93px;width:auto;opacity:1;text-align:center;font-size:36px;padding-right:60px;} div.img-details > div.texte > div.background-texte{position:absolute;height:100%;width:100%;background-color:#fff;opacity:0.8;z-index:0;} div.img-details > div.texte > h2, div.img-details > div.texte > div{position:relative;z-index:4;padding-left:10px;} div.img-details > div.texte > h2{text-transform:uppercase;font-weight:normal;font-size:46px;margin-top:8px;margin-bottom:5px;font-weight:lighter;} div.img-details > div.texte > div{text-transform:uppercase;font-weight:lighter;font-size:16px;text-align:left;} div.img-details > div.bottom-info{position:absolute;bottom:15px;left:30px;opacity:1;text-align:center;font-size:36px;} div.img-details > div.bottom-info > div.background-bottom-info{position:absolute;height:100%;width:100%;background-color:#fff;opacity:0.8;z-index:0;} div.img-details > div.bottom-info > div {position:relative;z-index:4;text-transform:uppercase;font-size:16px;font-weight:lighter;padding:8px;} div.img-details > div.bottom-info > div > span {position:relative;z-index:4;font-size:36px;font-weight:lighter;} div.img-details > div.prix{position:absolute;bottom:15px;right:15px;opacity:1;text-align:center;font-size:36px;overflow:hidden;} div.img-details > div.prix > div.background-prix{position:absolute;height:100%;width:100%;background-color:#fff;opacity:0.8;z-index:0;} div.img-details > div.prix > div{position:relative;z-index:4;font-size:36px;font-weight:lighter;margin:auto;padding:8px 12px 8px 12px;} div.img-details > div.prix > div > span{font-size:16px;font-weight:lighter;text-transform:uppercase;} div.infos-texte{font-weight:lighter;letter-spacing:0.5px;font-size:13px;} div.pas-de-resultat{font-weight:lighter;} div.pas-de-resultat > div.ico{margin-top:-10px;} div.pas-de-resultat > div.ico > i{font-size:120px;} div.pas-de-resultat > form{margin-top:20px;} div.pas-de-resultat > form > input{width:300px;} div.pas-de-resultat > form > div.btn{width:300px;} /* Classe energie */ .energie-container{margin-top:28px;} .energie{height:26px;width:28px;background-color:#cccccc;color:#ffffff;text-align:center;line-height:26px;text-transform:uppercase;font-size:22px;float:right;margin-left:5px;} div.energie_a:before{content:"A";} div.energie_a{background-color :#017800 !important;} div.energie_b:before{content:"B";} div.energie_b{background-color :#009736 !important;} div.energie_c:before{content:"C";} div.energie_c{background-color :#68af1e !important;} div.energie_d:before{content:"D";} div.energie_d{background-color :#e3de00 !important;} div.energie_e:before{content:"E"} div.energie_e{background-color :#fbe900 !important;} div.energie_f:before{content:"F"} div.energie_f{background-color :#f9b600 !important;} div.energie_g:before{content:"G"} div.energie_g{background-color :#ee7900 !important;} div.energie_h:before{content:"H"} div.energie_h{background-color :#e94900 !important;} div.energie_i:before{content:"I"} div.energie_i{background-color :#e40004 !important;} div.details-infos h2{font-size:46px;} div.fonctions-details{position:absolute;bottom:0px;right:0px;} div.container-ludique{border:solid 1px @colorHover;padding:6px;font-weight:lighter;text-transform:uppercase;margin-top:12px;letter-spacing:1px;} div.container-ludique i{float:right;margin-top:3px;} div.container-ludique a{float:right;margin-left:8px;color:#000;} div.container-ludique a:hover{color:@colorHover;} div.container-ludique:hover, div.container-ludique:hover a{color:@colorHover;cursor:pointer;} div.container-ludique-imprimer{border:solid 1px @colorHover;color:#000;} div.container-ludique-partager:hover .fa-sign-out{display:none;} div.container-ludique-partager .fa-facebook, div.container-ludique-partager .fa-twitter{display:none;} div.container-ludique-partager:hover .fa-facebook, div.container-ludique-partager:hover .fa-twitter{display:block;} div.container-ludique-partager:hover .fa-facebook:hover, div.container-ludique-partager:hover .fa-twitter:hover{color:#000;} div.details-details{font-weight:lighter;} div.details-details h2, div.responsable h2{margin-top:10px;} div.details-details > ul{padding-left:15px; list-style-image:url('../img/dot.png');} div.details-details > ul > li{margin-bottom:10px;text-transform: uppercase;} div.details-details > ul > li > span{text-transform: lowercase;} div.responsable{padding-bottom:10px;background-color:#f7f7f7;} div.responsable > div > h2 {margin-top:10px;} div.container-img-responsable{position:absolute;bottom:0px;right:0px;} div.responsable > div > img{position:absolute;bottom:0px;} div.prenom-responsable{font-size:35px;font-weight:lighter;margin-top:50px;} div.nom-responsable{text-transform:uppercase;color:@colorHover;font-size:35px;font-weight:lighter;margin-top:-12px;margin-bottom:8px;} div.fonction-responsable{font-weight:lighter;font-size:13px;margin-bottom:8px;} div.email-responsable{font-weight:lighter;font-size:13px;} div.email-responsable a{color:#000;} div.email-responsable a:hover{color:@colorHover;} div.tel-responsable{font-weight:lighter;color:@colorHover;font-size:13px;} div.galerie{} div.galerie > div > a.link-un-bien > div.un-bien{margin-bottom:0px;} div.galerie > div.one-image{} div.galerie > div.one-image > div.hover-galerie{ width:100%;height:197px;text-align:center;color:#fff;text-transform:uppercase;font-size:16px;display:none;cursor:pointer;line-height:199px;font-weight:lighter;position:absolute;top:0px;left:0px; background:#E73127; background:-moz-linear-gradient(left, #E73127 0%, #F39200 100%); background:-webkit-gradient(left top, right top, color-stop(0%, #E73127), color-stop(100%, #F39200)); background:-webkit-linear-gradient(left, #E73127 0%, #F39200 100%); background:-o-linear-gradient(left, #E73127 0%, #F39200 100%); background:-ms-linear-gradient(left, #E73127 0%, #F39200 100%); background:linear-gradient(to right, #E73127 0%, #F39200 100%); } div#googlemap{height:500px;background-color:@colorHover;} div.infos-bien-mobile{margin-bottom:30px;} div.infos-bien-mobile > div > h2{font-size:46px;font-weight:lighter;margin-bottom:5px;margin-top:8px;text-transform:uppercase;margin-bottom:0px;} div.infos-bien-mobile > div > div{font-size:14px;font-weight:lighter;text-align:left;text-transform:uppercase;} div.infos-bien-mobile > div > div.type{font-size:20px} div.infos-bien-mobile > div > div > span{font-size:30px;} /*@ END PAGE DETAILS @@*/ /*@@ START PAGE SERVICES */ h3.services{font-size:35px;margin-top:0px;} div.img-details > div.ico{line-height:100px;} div.infos-texte{margin-bottom:10px;} h3{margin-top:2px;text-transform:uppercase;} div.ludique-services div.infos-texte{padding-left:8px !important;} div.header-details {margin-top:30px;position:relative;} div.header-details > div.ico {font-size:100px;float:left;} div.header-details > div.texte {margin-left:10px;float:left;} div.header-details > div.texte > h2{font-size:65px;margin-bottom:5px;} div.header-details > div.texte > div{font-size:16px;font-weight:lighter;text-transform:uppercase;margin-left:3px;} div.details-infos h2{margin-top:10px;line-height:60px;} div.details-infos h2.title-custom-margin{margin-top:-4px;} div.details-infos div.infos-texte > p{font-size:13px;font-weight:lighter;letter-spacing:0.5px;} div.ludique-services div.infos-texte{margin-bottom:30px;} div.menu-service {margin-top:20px;} div.menu-service > div.menu-deroulant{display:inline-flex;font-weight:lighter;text-transform:uppercase;padding:6px;margin-right:15px;font-size:40px;} div.menu-service > div.menu-deroulant:hover{cursor:pointer;color:@colorHover;} div.menu-service > div.active-menu{color:@colorHover;} div#vendre-block, div#louer-block{display:none;} /*@ END PAGE DETAILS */ /*@@ START PAGE CONTACT */ div#googlemap{height:600px;background-color:#ffece6;margin-bottom: 25px;} form#contact input.border{border:solid @colorHover 1px;width:100%;margin-right:10px;font-weight:lighter;color:#000;padding:3px 5px 3px 5px;font-size:12px;margin-bottom:22px;letter-spacing:1px;} form#contact textarea.border{resize:none;border:solid @colorHover 1px;width:100%;padding:5px;margin-right:10px;font-weight:lighter;color:#000;padding:3px 5px 3px 5px;font-size:12px;margin-bottom:22px;letter-spacing:1px;height:129px;} .recap-submit{margin-top:0px;margin-bottom:25px;} span.contact-horaire, span.contact-adresse, span.contact-cp-ville, span.contact-tel{display:block;font-weight:lighter;text-transform:uppercase;margin-bottom:3px;} span.contact-horaire-last, span.contact-tel{margin-bottom:30px;} /*@ END PAGE CONTACT */ /**@@ START STYLE PLACEHOLDER **/ ::-webkit-input-placeholder{color:#000;opacity:1;font-weight:lighter;text-align:left;text-transform:uppercase;font-size:12px;} // Webkit :-moz-placeholder{color:#000;opacity:1;font-weight:lighter;text-align:left;text-transform:uppercase;font-size:12px;} // Firefox 4 à 18 ::-moz-placeholder{color:#000;opacity:1;font-weight:lighter;text-align:left;text-transform:uppercase;font-size:12px;} // Firefox 19 & + :-ms-input-placeholder{color:#000;opacity:1;font-weight:lighter;text-align:left;text-transform:uppercase;font-size:12px;} // IE 10+ /**@@ END STYLE PLACEHOLDER **/ /* A laisser à la fin */ .no-padding{padding:0px !important;} .no-padding-right{padding-right:0px !important;} .no-padding-left{padding-left:0px !important;} .navbar{min-height:30px;} /* DEV STYLE */ @lg-size:97.5px; .dev-grid-bootstrap{height:1500%;position:absolute;border-left:dashed cyan 1px;top:-@height-header;z-index:10000000;width:@lg-size;display:@affichegrid;} .dev-grid-bootstrap > div{height:100%;border-left:solid deeppink 1px;border-right:solid deeppink 1px;} .dev-grid-bootstrap-0{} .dev-grid-bootstrap-1{margin-left:@lg-size;} .dev-grid-bootstrap-2{margin-left:@lg-size*2;} .dev-grid-bootstrap-3{margin-left:@lg-size*3;} .dev-grid-bootstrap-4{margin-left:@lg-size*4;} .dev-grid-bootstrap-5{margin-left:@lg-size*5;} .dev-grid-bootstrap-6{margin-left:@lg-size*6;} .dev-grid-bootstrap-7{margin-left:@lg-size*7;} .dev-grid-bootstrap-8{margin-left:@lg-size*8;} .dev-grid-bootstrap-9{margin-left:@lg-size*9;} .dev-grid-bootstrap-10{margin-left:@lg-size*10;} .dev-grid-bootstrap-11{margin-left:@lg-size*11;border-right:dashed cyan 1px;} @paddingVignette:0px; .selection-bien-vente{padding:@paddingVignette;}