*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.row:after,
.clearfix:after {
clear: both;
}
.row,
.clearfix {
zoom: 1;
}
/* You can also use a
to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.regularWidth {
width: 1170px;
position: relative;
margin: 15px auto;
}
.regularWidth.full {
width: 100%;
}
footer .regularWidth {
width: 990px;
}
footer .mention {
color: #7a7a7a;
font-size: 12px;
margin-bottom: 20px;
}
.row {
width: 100%;
float: left;
position: relative;
clear: both;
}
.row.grey {
background-color: #EEEDED;
}
.pull-right {
float: right!important;
}
.span50 {
width: 50%;
}
.span45 {
width: 45%;
margin: 0 5% 0 0;
}
.responsiveBorder,
.responsiveBorder:before,
.responsiveBorder:after {
box-sizing: border-box;
}
.nowrap {
white-space: nowrap;
}
header#top {
position: relative;
width: 100%;
height: 20px;
background-color: #e2e2e2;
z-index: 30;
}
header#top ul#sites {
display: block;
float: left;
position: relative;
list-style: none;
height: 20px;
text-transform: uppercase;
font-size: 13px;
}
header#top ul#sites li {
float: left;
line-height: 20px;
padding: 0 18px;
color: #fff;
}
header#top ul#sites li.individual {
background-color: #0ab3df;
}
header#top ul#sites li.luxury {
background-color: #000;
}
header#top ul#sites li.commercial {
background-color: #8e44ad;
}
header#top ul#sites li.on {
background-image: url('../bundles/capiapp/images/top-arrow.png');
background-repeat: no-repeat;
background-position: 10px center;
padding: 0 18px 0 25px;
text-decoration: underline;
}
header#top ul#sites li.rh {
color: #666;
text-transform: none;
padding: 0 18px 0 0;
}
header#top ul#sites li.rh a {
padding: 0 0 0 18px;
}
header#top ul#features {
display: block;
float: right;
position: relative;
list-style: none;
height: 20px;
font-size: 14px;
color: #666666;
}
header#top ul#features li {
float: left;
line-height: 20px;
padding: 0 5px;
}
header#top ul#features li.on a {
text-decoration: underline;
}
header#top ul#features li.account {
text-transform: uppercase;
font-size: 13px;
color: #fff;
margin: 0 0 0 10px;
padding: 0 18px;
}
.loader {
background-image: url('../bundles/capiapp/images/loader.gif');
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
z-index: 200;
background-repeat: no-repeat;
background-color: #fff;
background-position: center;
border-radius: 3px;
}
/* Inscription/Connexion */
#signin {
border: 10px solid #0ab3df;
position: absolute;
top: 20px;
box-sizing: border-box;
opacity: 0;
display: none;
z-index: 2000;
background-color: #FFF;
}
#signin.show {
display: block;
}
#signin.connected {
width: auto;
right: 0;
padding: 5px 50px 5px 5px;
}
#signin.connected a {
padding: 0 0 5px;
display: inline-block;
}
#signin.not-connected {
left: 0px;
width: 100%;
}
#signin .hidden {
display: none;
}
#signin .contain {
margin: 0 auto;
}
#signin .regularWidth {
display: table;
margin: 0 auto;
}
#signin .regularWidth .left {
border-right: 1px solid #0AB3DF;
padding: 0 10px 20px;
text-align: center;
display: table-cell;
}
#signin .regularWidth .left .contain {
min-width: 450px;
}
#signin .regularWidth .left p {
font-size: 18px;
line-height: 25px;
margin-bottom: 20px;
text-align: center;
}
#signin .regularWidth .left span.title {
font-size: 26px;
width: 100%;
display: inline-block;
font-weight: 700;
margin: 15px 0;
text-transform: uppercase;
}
#signin .regularWidth .left a {
color: #FFFFFF;
font-family: 'Lato';
font-size: 22px;
height: 35px;
line-height: 35px;
padding: 0 15px;
text-transform: uppercase;
background-color: #0AB3DF;
display: block;
}
#signin .regularWidth .left ul {
bottom: 20px;
display: inline-block;
width: 80%;
}
#signin .regularWidth .left ul li {
list-style-type: none;
display: inline-block;
}
#signin .regularWidth .left ul li:first-child {
margin: auto;
}
#signin .regularWidth .left ul li:last-child {
margin: auto;
}
#signin .regularWidth .right {
display: table-cell;
width: 50%;
position: relative;
text-align: center;
vertical-align: middle;
}
#signin .regularWidth .right fieldset,
#signin .regularWidth .right form {
width: 100%;
margin-top: 15px;
}
#signin .regularWidth .right label {
display: block;
text-align: center;
}
#signin .regularWidth .right input[type=text],
#signin .regularWidth .right input[type=password] {
display: inline-block;
margin-bottom: 15px;
text-align: center;
width: 280px;
}
#signin .regularWidth .right .fb-button-login {
margin-bottom: 15px;
}
#signin .regularWidth .right .or {
display: block;
color: #7A7A7A;
font-size: 12px;
margin-bottom: 15px;
}
#signin .regularWidth .right .forgot-password {
display: block;
font-size: 12px;
color: #7A7A7A;
text-decoration: underline;
}
#signin .regularWidth .right .forgot-password:hover {
text-decoration: none;
}
#signin .close {
cursor: pointer;
background: url('../bundles/capiapp/images/modal-close.png') 0 -25px no-repeat;
width: 25px;
height: 25px;
display: block;
text-indent: -5000px;
position: absolute;
right: 10px;
top: 10px;
}
#signin .submit-contain {
bottom: 20px;
position: absolute;
width: 100%;
right: 0;
height: 35px;
text-align: center;
}
#signin input[type=submit] {
color: #FFFFFF;
font-family: 'Lato';
font-size: 22px;
height: 35px;
line-height: 35px;
padding: 0 15px;
margin: 15px auto;
text-transform: uppercase;
background-color: #0AB3DF;
display: inline-block;
}
.fb-button-login,
.fb-button-connect {
width: 280px;
height: 47px;
background: url('../bundles/capiapp/images/fb.png') left center no-repeat;
display: inline-block;
text-indent: -5000px;
}
.modal-signin {
padding: 30px;
text-align: center;
}
.modal-signin p {
margin-bottom: 15px;
color: #7A7A7A;
font-size: 16px;
}
.modal-signin .fb-button-login {
margin-bottom: 15px;
}
.modal-signin .or {
display: block;
margin-bottom: 15px;
}
.modal-signin label {
display: block;
margin-bottom: 15px;
}
.modal-signin .forgot-password {
display: block;
font-size: 14px;
color: #7A7A7A;
margin: 15px 0;
text-decoration: underline;
}
.modal-signin .forgot-password:hover {
text-decoration: none;
}
.modal-signin input[type=text],
.modal-signin input[type=password] {
width: 266px;
}
.modal-signin input[type=submit] {
background-color: #0AB3DF;
color: #FFFFFF;
display: inline-block;
font-family: 'Lato';
font-size: 22px;
height: 35px;
line-height: 35px;
padding: 0 15px;
text-transform: uppercase;
}
.modal-signin .advantages {
font-size: 13px;
width: 270px;
text-decoration: underline;
display: block;
text-align: center;
}
.modal-signin .advantages:hover {
text-decoration: none;
}
menu {
position: relative;
display: block;
float: left;
height: 88px;
z-index: 1000;
background-color: #fff;
width: 100%;
text-align: center;
/* min-width: 996px;*/
}
menu h1 {
position: relative;
z-index: 3000;
}
menu #logo {
display: block;
float: left;
margin-left: 10px;
}
menu > ul#main {
list-style: none;
height: 35px;
line-height: 35px;
margin: 27% auto 0 auto;
font-weight: 300;
margin-top: 27px;
display: inline-block;
}
menu > ul#main > li {
float: left;
height: 100%;
padding: 0 5px;
text-transform: uppercase;
font-size: 16px;
text-align: left;
}
menu > ul#main > li > a,
menu > ul#main > li > span {
position: relative;
float: left;
height: 100%;
display: block;
padding: 0 10px;
}
menu > ul#main > li > a.off {
background: none;
color: #000;
}
.submenu {
display: none;
border-bottom: 1px solid #fff;
position: absolute;
width: 100%;
height: 340px;
left: 0;
top: 88px;
z-index: 2000;
}
.submenu.on {
display: block;
}
.submenu .regularWidth {
display: table;
}
.submenu.two .level2 {
width: 48%;
}
.submenu.four .level2 {
width: 23%;
height: auto;
margin: 15px 1% 15px 0;
}
.submenu.three .level2 {
width: 31%;
height: auto;
margin: 15px 1% 15px 0;
}
.submenu .level2 {
display: block;
position: relative;
list-style: none;
float: left;
border-right: 1px solid #fff;
margin: 15px 1% 15px 0;
}
.submenu .level2.last {
border-right: 0;
}
.submenu .level2 > li {
margin-bottom: 0;
float: auto;
text-transform: none;
padding-left: 10px;
width: 95%;
height: 310px;
position: relative;
line-height: 22px;
}
.submenu .level2 > li span.title {
color: #fff;
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
font-weight: 400;
display: block;
margin-bottom: 15px;
}
.submenu .level2 > li a.link {
text-decoration: underline;
font-weight: 700;
color: #fff;
float: right;
margin-top: 20px;
text-transform: uppercase;
font-size: 14px;
z-index: 10;
display: block;
position: absolute;
right: 0;
bottom: 0;
}
.submenu .level3 {
list-style-type: disc;
position: relative;
}
.submenu .level3 > li {
position: relative;
margin-bottom: 5px;
float: auto;
color: #fff;
margin-left: 20px;
}
.submenu .level3 > li a:hover {
text-decoration: underline;
}
.submenu .level3 > li a.highlight {
background: #fff;
/* color: #000; */
padding: 5px;
margin: 0 0 0 -5px;
display: inline-block;
}
section {
display: block;
position: relative;
float: left;
width: 100%;
}
footer {
display: block;
float: left;
width: 100%;
padding: 15px 0 55px;
color: #fff;
}
footer ul#menuFooter {
display: block;
float: left;
width: 61%;
text-align: center;
list-style: none;
text-transform: uppercase;
font-size: 18px;
}
footer ul#menuFooter li {
display: inline-block;
margin: 0 25px 0 0;
}
footer ul#socialFooter {
display: block;
float: right;
width: 39%;
text-align: left;
list-style: none;
text-transform: uppercase;
font-size: 18px;
margin-top: -7px;
}
footer ul#socialFooter li {
float: right;
margin: 0 25px 0 0;
width: 34px;
height: 34px;
overflow: hidden;
margin: 0 0 0 20px;
}
footer ul#socialFooter li a {
display: block;
width: 34px;
height: 34px;
text-indent: -500px;
}
footer ul#socialFooter li a.facebook {
background-image: url('../bundles/capiapp/images/picto-footer-facebook.png');
}
footer ul#socialFooter li a.twitter {
background-image: url('../bundles/capiapp/images/picto-footer-twitter.png');
}
footer ul#socialFooter li a.appstore {
background-image: url('../bundles/capiapp/images/picto-footer-appstore.png');
}
footer ul#socialFooter li a.gplay {
background-image: url('../bundles/capiapp/images/picto-footer-gplay.png');
}
footer .region {
display: block;
width: 100%;
float: left;
clear: both;
margin: 40px 0 0;
}
footer .region .quicklinks {
display: block;
width: 57%;
float: left;
}
footer .region .quicklinks .columns {
display: block;
margin: 15px 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
}
footer .region .quicklinks h2 {
font-size: 36px;
text-transform: uppercase;
}
footer .region .quicklinks a {
display: inline-block;
width: 100%;
font-size: 14px;
padding: 3px 0;
}
footer .region .imac {
position: relative;
display: block;
width: 43%;
float: right;
font-size: 18px;
font-weight: 900;
margin: 30px 0 0;
}
footer .region .imac div {
display: inline-block;
position: absolute;
width: 100%;
left: 0;
text-align: center;
bottom: 30px;
color: #000;
line-height: 22px;
}
footer .world {
display: block;
width: 100%;
float: left;
clear: both;
margin: 40px 0 0;
}
footer .world h2 {
font-size: 36px;
text-transform: uppercase;
display: inline-block;
float: left;
}
footer .world ul.langs {
display: inline-block;
list-style: none;
margin: 0 0 0 30px;
height: 40px;
}
footer .world ul.langs li {
width: 64px;
height: 40px;
float: left;
margin: 0 20px;
}
footer .world ul.langs li a {
display: block;
width: 100%;
height: 100%;
text-indent: -500px;
overflow: hidden;
}
footer .world ul.langs li a.de {
background-image: url('../bundles/capiapp/images/flag-de.png');
}
footer .world ul.langs li a.en {
background-image: url('../bundles/capiapp/images/flag-en.png');
}
footer.partners {
text-align: center;
}
footer.partners a {
display: inline-block;
width: 230px;
font-weight: 900;
color: #000;
line-height: 22px;
vertical-align: top;
}
footer.partners a img {
float: left;
}
footer.partners a.ojd {
width: 200px;
line-height: 22px;
}
footer.partners a.ojd img {
margin: 0 10px 0 0;
}
footer.partners a.sgs img {
margin: 0 10px 0 0;
}
footer.partners a.or {
width: 205px;
margin-right: 10px;
}
footer.partners a.or img {
margin: 0 10px 0 0;
}
footer.partners .logo {
position: relative;
margin: 90px 0 50px 50%;
left: -143px;
float: left;
clear: both;
}
/* default consultant */
.consultant img.avatar {
width: 100%;
display: block;
height: auto;
}
.consultant .details {
position: relative;
padding: 6.25%;
background-color: #aaa;
background-color: #00c0e6;
width: 87.5%;
text-align: center;
color: #fff;
}
.consultant .details.full {
width: 100%;
}
.consultant .details p {
line-height: 22px;
}
.consultant .details p.legal {
position: absolute;
padding: 6.25%;
width: 87.5%;
left: 0;
bottom: 0;
line-height: normal;
font-size: 10px;
}
.consultant .details p.legal-info {
padding: 5.25%;
width: 89.5%;
line-height: normal!important;
font-size: 10px;
}
.consultant .details .who {
font-size: 22px;
line-height: 28px;
font-weight: 900;
}
.consultant .details ul.social {
width: 100%;
height: 29px;
margin: 20px 0 25px 0;
}
.consultant .details ul.social li {
width: 29px;
display: inline-block;
margin: 0 5px;
}
.consultant .details ul.social li a {
display: block;
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-repeat: none;
}
.consultant .details ul.social li a.facebook {
background-position: 0 0;
}
.consultant .details ul.social li a.twitter {
background-position: -44px 0;
}
.consultant .details ul.social li a.contact {
background-position: -89px 0;
}
.consultant .details ul.social li a.phone {
background-position: -134px 0;
}
.consultant .details ul.social li a.email {
background-position: -181px 0;
}
/* BLOCKS */
/**********/
/* SEARCH */
.search {
width: 100%;
margin: 30px 0 0px;
float: left;
clear: both;
}
.search.home {
margin-bottom: 30px;
}
.search .consultant {
width: 20.5%;
margin: 0 4.4% 0 0;
float: left;
}
.search .consultant img.avatar {
max-width: 100%;
display: block;
height: auto;
}
.search .consultant .details {
position: relative;
padding: 6.25%;
background-color: #aaa;
width: 87.5%;
text-align: center;
color: #fff;
}
.search .consultant .details p {
line-height: 22px;
}
.search .consultant .details p.legal {
position: absolute;
padding: 6.25%;
width: 87.5%;
left: 0;
bottom: 0;
line-height: normal;
font-size: 10px;
}
.search .consultant .details .who {
font-size: 22px;
line-height: 28px;
font-weight: 900;
}
.search .consultant .details ul.social {
width: 100%;
height: 29px;
margin: 20px 0 25px 0;
min-width: 0;
}
.search .consultant .details ul.social li {
width: 29px;
display: inline-block;
margin: 0 5px;
}
.search .consultant .details ul.social li a {
display: block;
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-repeat: none;
}
.search .consultant .details ul.social li a.facebook {
background-position: 0 0;
}
.search .consultant .details ul.social li a.twitter {
background-position: -44px 0;
}
.search .consultant .details ul.social li a.contact {
background-position: -89px 0;
}
.search .consultant .details ul.social li a.phone {
background-position: -134px 0;
}
.search .consultant .details ul.social li a.email {
background-position: -181px 0;
}
.search .consultant .details a.consultant-space {
color: #000;
text-transform: uppercase;
font-size: 16px;
text-decoration: underline;
display: inline-block;
text-align: center;
font-weight: 700;
}
.search .consultant .details a.consultant-other {
color: #000;
font-size: 13px;
text-decoration: underline;
}
.search .consultant .details span.title {
display: inline-block;
font-weight: 300;
width: 100%;
font-size: 15px;
line-height: 16px;
margin-top: 10px;
margin-bottom: 0px;
}
.search .forms {
width: 75.1%;
float: right;
}
.control-center .search {
margin: 0;
}
.control-center .search .forms {
width: 100%;
float: left;
}
.control-center .search .forms form#capiDetailledSearch {
background-color: transparent;
padding: 0;
}
.control-center .search .forms #capiDetailledSearch #criteriaBuyWhere > label {
display: inline-block;
}
.control-center .search .forms #capiDetailledSearch #criteriaBuyWhere .inputLocation {
padding-left: 20px;
}
.control-center .search .forms #criteriaBudget > .irs,
.control-center .search .forms #criteriaSurface > .irs,
.control-center .search .forms #criteriaLand > .irs {
width: 30%;
}
.control-center .search .forms .row {
text-align: left;
margin: 15px 0;
}
.control-center .search .forms .row .title {
display: inline-block;
width: 29%;
}
.control-center .search .forms .row .title.group {
width: 30%;
}
.control-center .search .forms .row .group {
width: 70%;
margin-left: 0;
}
.control-center .search .forms .row .grey {
padding: 10px;
background: #dcdcdc;
}
.control-center .search .forms .row #criteriaLand input[type=text],
.control-center .search .forms .row #criteriaBudget input[type=text],
.control-center .search .forms .row #criteriaSurface input[type=text] {
width: 65px!important;
}
.control-center .search .forms .distance {
margin-left: 30%;
margin-top: 5px;
display: inline-block;
}
.control-center .search .forms .select2-container-multi.locations,
.control-center .search .forms .select2-container-multi.activities,
.control-center .search .forms .select2-container-multi.typebien {
width: 65%!important;
margin-left: 0px;
}
.control-center .search .forms .select2-container-multi.locations .select2-choices,
.control-center .search .forms .select2-container-multi.activities .select2-choices,
.control-center .search .forms .select2-container-multi.typebien .select2-choices {
width: 100%;
}
.control-center .search .forms .select2-container-multi.locations li,
.control-center .search .forms .select2-container-multi.activities li,
.control-center .search .forms .select2-container-multi.typebien li {
width: auto;
height: auto!important;
display: inline-block;
float: left;
}
.control-center .search .forms .select2-container-multi.locations li:hover,
.control-center .search .forms .select2-container-multi.activities li:hover,
.control-center .search .forms .select2-container-multi.typebien li:hover {
background-color: transparent;
}
.control-center .search .forms #criteriaPrestation .select2-container-multi.locations {
width: 85%;
}
.control-center .search .forms .searchByRef {
background-color: transparent;
}
.search .forms span.top {
display: block;
font-weight: 300;
float: left;
width: 100%;
background-position: left center;
line-height: 42px;
height: 42px;
color: #333;
font-size: 16px;
text-align: left;
margin: 0 0 5px;
font-weight: bold;
text-transform: uppercase;
}
.search .forms form {
width: 100%;
padding: 0 0 0 2%;
margin: 0 0 30px;
float: left;
box-sizing: border-box;
}
.search .forms form .row {
margin: 15px 0;
}
.search .forms form .row.center {
text-align: center;
}
.search .forms form .row.minheight {
margin: 0!important;
}
.search .forms form .row .title {
font-weight: 900;
}
.search .forms form .row .title.group {
float: left;
width: 15%;
}
.search .forms form .row div.group {
float: left;
width: 75%;
margin-left: 10px;
}
.search .forms form .row div.group label {
display: inline-block;
float: left;
padding-right: 10px;
}
.search .forms form input[type=submit] {
background: none;
border: 0;
font-weight: 900;
text-transform: uppercase;
text-decoration: underline;
float: right;
height: 20px;
margin-top: -2px;
}
.search .forms form input[type=submit].small {
font-weight: 400;
text-transform: none;
text-decoration: none;
float: none;
font-size: 14px;
color: #fff;
height: 30px;
line-height: 30px;
padding: 0;
margin: 0;
}
.search .forms form input[type=text]#youremail {
width: 200px;
margin: 0 0 0 15px;
}
.search .forms form input[type=text].small {
width: 50px;
}
.search .forms form select.activities {
width: 330px;
margin-left: 10px!important;
}
.search .forms form .select2-container-multi.activities,
.search .forms form .select2-container-multi.typebien {
margin-left: 10px;
}
.search .forms form input[type=text].keyword {
width: 70%;
margin-left: 10px!important;
}
.search .forms form .select2-container-multi .select2-choices {
height: auto!important;
min-height: 20px!important;
border: 1px solid #bebebe;
font-size: 14px;
padding: 0px 4px;
border-radius: 4px;
}
.search .forms form .select2-container-multi.parsley-error .select2-choices {
border: 1px solid #ff000a;
}
.search .forms form .select2-container-multi.locations .select2-choices {
height: auto!important;
min-height: 20px!important;
}
.search .forms form .select2-search-choice-close {
top: 1px;
}
.search .forms form .select2-container-multi .select2-choices .select2-search-choice {
min-height: 11px;
padding: 1px 5px 3px 18px;
margin: 2px 0 3px 5px;
font-size: 12px;
}
.search .forms form .select2-container-multi .select2-choices .select2-search-field input {
padding: 0;
font-size: 12px;
}
.search .forms form#capiDetailledSearch {
background: #fff;
padding-bottom: 0;
margin-bottom: 0;
padding-right: 10px;
box-sizing: border-box;
}
.search .forms form.no-padding {
padding-left: 0;
}
.search .forms form#capiIntelliSearch {
height: 250px;
overflow-y: scroll;
padding-bottom: 0;
margin-bottom: 20px;
}
.search .forms form#capiIntelliSearch .bubble:first-child .block {
margin: 0;
}
.search .forms form#capiIntelliSearch .row {
margin-top: 0;
}
.search .forms form#capiIntelliSearch textarea {
width: 590px;
height: 70px;
display: block;
margin-top: 10px;
}
.search .forms form#capiIntelliSearch .button-container {
width: 100%;
margin-top: 10px;
}
.search .forms form#capiIntelliSearch .button-container button {
display: block;
font-size: 20px;
text-decoration: underline;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
float: right;
}
.search .forms form#capiIntelliSearch .search-discuss.hide {
display: none;
}
.bubble {
display: block;
position: relative;
width: 100%;
}
.bubble .call {
cursor: pointer;
}
.bubble .block {
display: inline-block;
width: auto;
margin-left: 0px;
padding: 10px 10px;
border-radius: 27px;
margin-top: 15px;
font-size: 16px;
color: #fff;
font-family: 'Lato Light', Helvetica, Arial, sans-serif;
font-weight: 300;
}
.bubble .tail {
display: block;
background: url('../bundles/capiapp/images/search-tail.png');
width: 19px;
height: 13px;
position: absolute;
bottom: 0;
left: -6px;
}
.bubble.right {
float: right;
}
.bubble.right .block {
float: right;
background: #AAAAAA;
margin-right: 11px;
}
.bubble.right .block ul {
list-style: inside;
}
.bubble.right .block ul li {
margin-bottom: 2px;
}
.bubble.right .tail {
background: url('../bundles/capiapp/images/search-tail-grey.png');
right: 6px;
left: auto;
}
.more-criteria {
display: inline-block;
background: url('../bundles/capiapp/images/more-criteria.png') left center no-repeat;
padding-left: 17px;
margin: 5px 0 0 0;
}
.search .forms #criteriaBuyWhere input[type=text]#city {
width: 300px;
margin: 0 0 0 15px;
}
.search .forms #criteriaBuyWhere input[type=radio]#distance {
margin: 0 2px 0 15px;
}
.search .forms #criteriaType span.title,
.search .forms #criteriaBuyWhere label strong,
.search .forms #criteriaBuyWhere label,
.search .forms #criteriaBuyWhere input {
vertical-align: top;
}
.search .forms #criteriaBuyWhere .select2-container-multi.locations .select2-choices {
min-height: 20px!important;
height: auto!important;
}
.search .forms #criteriaInvestir span.title,
.search .forms #criteriaType span.title {
display: block;
width: 125px;
float: left;
}
.search .forms #criteriaType .group {
display: inline-block;
float: left;
}
.search .forms #criteriaType .group .activities {
margin-left: 0!important;
margin-top: 10px;
}
.search .forms #criteriaType .group .filters {
clear: both;
margin-top: 10px;
}
#criteriaLand input[type=text],
#criteriaBudget input[type=text],
#criteriaSurface input[type=text] {
display: inline-block !important;
}
#criteriaBudget .or,
#criteriaSurface .or,
#criteriaLand .or {
padding: 0 10px;
font-weight: 400;
}
#criteriaBudget > .irs,
#criteriaSurface > .irs,
#criteriaLand > .irs {
width: 40%;
margin-top: 0px;
display: inline-block;
float: left;
}
#capiDetailledSearch .parsley-errors-list {
display: none;
position: absolute;
bottom: -25px;
left: 0;
list-style: none;
padding: 4px;
background: #0ab3df;
color: #fff;
}
#capiDetailledSearch .parsley-errors-list.filled {
display: block;
}
.search .forms .parsley-errors-list,
.createsearch .parsley-errors-list {
display: none;
position: absolute;
bottom: -25px;
left: 0;
list-style: none;
padding: 4px;
background: #0ab3df;
color: #fff;
}
.search .forms .parsley-errors-list.filled,
.createsearch .parsley-errors-list.filled {
display: block;
}
.search .forms .row .grey,
.createsearch .row .grey {
padding: 10px;
background: #dcdcdc;
position: relative;
margin-top: 10px;
}
.search .forms .row .grey label,
.createsearch .row .grey label {
line-height: 20px;
height: 20px;
}
.search .forms .row .or,
.createsearch .row .or {
margin: 10px 0;
font-size: 12px;
}
.search .forms form .searchByRef,
.createsearch form .searchByRef {
position: relative;
display: block;
float: left;
height: 26px;
background-color: #EEEDED;
padding: 10px 10px 10px 0;
width: 205px;
}
.search .forms form .searchByRef input[type=text] {
border: 0;
width: 175px;
padding: 0 10px;
border-radius: 0px;
}
.search .forms form .searchByRef .round {
position: absolute;
right: 5px;
top: 7px;
width: 35px;
height: 35px;
background-color: #888888;
border-radius: 50%;
text-align: center;
z-index: 1000;
}
.searchByRef .select2-chosen {
font-size: 13px;
}
.search .forms span.small {
font-size: 14px;
}
.search .forms span.or {
font-weight: 900;
padding-right: 20px;
}
.search .forms #criteriaBudget span.title,
.search .forms #criteriaSurface span.title,
.search .forms #criteriaSize span.title {
float: left;
}
.search .forms #criteriaLand label,
.search .forms #criteriaBudget label,
.search .forms #criteriaSurface label,
.search .forms #criteriaSize label {
float: left;
margin: 0 5px 0 0;
}
.search .forms #criteriaKeywords span.title {
width: 12%;
float: left;
}
.search .forms #criteriaKeywords label {
width: 86%;
float: right;
text-align: right;
}
.search .forms #criteriaKeywords label input {
width: 98%;
}
.search .forms form .searchOtherGoods {
position: relative;
display: inline-block;
float: right;
height: 26px;
line-height: 26px;
background-color: #EEEDED;
padding: 10px;
font-size: 13px;
color: #333333;
}
.search .forms form .searchOtherGoods .luxury {
padding: 0 5px;
text-transform: uppercase;
background-color: #000;
color: #fff;
}
.search .forms form .searchOtherGoods .commercial {
padding: 0 5px;
text-transform: uppercase;
background-color: #8e44ad;
color: #fff;
}
.search .forms form .searchOtherGoods .individual {
padding: 0 5px;
text-transform: uppercase;
background-color: #0ab3df;
color: #fff;
}
.search .forms form#capiCommercialSearch .title {
width: 14%;
}
.search .forms form#capiCommercialSearch .slider {
width: 40%;
display: inline-block;
}
.search .forms form#capiEnterpriseSearch .block {
width: 48%;
background-color: #f2f2f2;
float: left;
min-height: 190px;
}
.search .forms form#capiEnterpriseSearch .block .head {
width: 10%;
float: left;
position: relative;
height: 190px;
background-color: #666666;
color: #fff;
font-weight: 300;
}
.search .forms form#capiEnterpriseSearch .block .head .rotate {
display: block;
width: 190px;
position: relative;
top: 180px;
left: 10px;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
/* IE */
-moz-transform: rotateZ(-90deg);
/* Firefox */
-webkit-transform: rotateZ(-90deg);
/* Safari and Chrome */
-o-transform: rotateZ(-90deg);
/* Opera */
}
.search .forms form#capiEnterpriseSearch .block .criteria {
float: left;
width: 90%;
font-size: 14px;
}
.search .forms form#capiEnterpriseSearch .block .criteria .title {
display: inline-block;
width: 25%;
padding: 0 5%;
}
.search .forms form#capiEnterpriseSearch .block .criteria .row {
margin: 9px 0;
}
.search .forms form#capiEnterpriseSearch .block .criteria .row label.clear {
display: inline-block;
clear: both;
padding: 0 5%;
}
.search .forms form#capiEnterpriseSearch #sector {
width: 80%;
}
.search .forms form#capiEnterpriseSearch #yearrentMax {
width: 130px;
}
.search .irs-line-mid,
.search .irs-line-left,
.search .irs-line-right,
.search .irs-diapason,
.search .irs-slider {
background-color: #dcdcdc;
background-image: none;
}
.search .irs-slider {
background-color: #fff;
width: 18px;
height: 18px;
top: 20px;
border-radius: 18px;
border: 1px solid #000;
}
.search .irs-single {
background-color: #aaaaaa;
border-radius: 0;
font-size: 16px;
line-height: normal;
top: -6px;
}
.search .irs-from:after,
.irs-to:after,
.irs-single:after {
border-top-color: #aaa;
}
/* REAL ESTATES */
p.newsearch {
float: left;
clear: both;
margin: 10px 0;
cursor: pointer;
text-decoration: underline;
font-size: 18px;
}
.realestates {
width: 96%;
float: left;
clear: both;
margin: 0 2% 55px;
}
.realestates h2 {
font-size: 14px;
color: #888888;
text-transform: uppercase;
padding: 0 5px;
width: 100%;
/*height: 13px;*/
font-weight: 400;
overflow: hidden;
/*line-height: 14px;*/
text-align: center;
margin: 10px auto 12px auto;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.realestates h2:after {
clear: both;
}
.realestates h2 .name {
float: left;
display: block;
margin-right: 5px;
font-weight: 700;
}
.realestates h2 .name .remove {
text-decoration: line-through;
color: #FF0000;
}
.realestates h2 .name .add a {
text-decoration: underline;
}
.realestates h2 .name .add a:hover {
text-decoration: none;
}
.realestates h2 .number {
float: left;
display: block;
margin-right: 5px;
font-weight: 700;
}
.realestates h2.left {
text-align: left;
}
.realestates .goods-list {
display: block;
position: relative;
float: left;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
.realestates .goods-list li:not(.map) {
position: relative;
float: left;
display: block;
border-bottom: 2px solid #d7d7d7;
border-right: 2px solid #d7d7d7;
width: 20%;
max-width: 290px;
height: 300px;
}
.realestates .goods-list li:not(.map) span,
.realestates .goods-list li:not(.map) h2,
.realestates .goods-list li:not(.map) div {
box-sizing: border-box;
}
.realestates .goods-list li:not(.map) .tag {
width: 62px;
height: 61px;
position: absolute;
display: block;
top: 0;
left: 0;
text-indent: -5000px;
}
.realestates .goods-list li:not(.map) .tag.new {
background: url('../bundles/capiapp/images/search-tag-new.png') no-repeat;
}
.realestates .goods-list li:not(.map) .tag.viager {
background: url('../bundles/capiapp/images/ad-label-viager.png') no-repeat;
}
.realestates .goods-list li:not(.map) .tag.les30jours {
background: url('../bundles/capiapp/images/label-ope30jours.png') no-repeat;
}
.realestates .goods-list li:not(.map) .view-good {
display: block;
width: 100%;
background: transparent;
}
.realestates .goods-list li.map {
width: 100%!important;
max-width: 100%!important;
border: 0px!important;
height: 680px!important;
}
.realestates .goods-list li:nth-of-type(-n+5) {
border-top: 2px solid #d7d7d7;
}
.realestates .goods-list li:nth-of-type(5n+1) {
border-left: 2px solid #d7d7d7;
}
.realestates .goods-list li h2.sat {
font-size: 14px;
color: #888888;
text-transform: uppercase;
padding: 0 5px;
width: 100%;
/*height: 13px;*/
font-weight: 400;
overflow: hidden;
/*line-height: 14px;*/
text-align: center;
margin: 10px auto 12px auto;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.realestates .goods-list li .type {
text-transform: uppercase;
text-align: center;
width: 100%;
font-size: 14px;
font-weight: 700;
display: block;
margin-bottom: 12px;
padding: 0 10px;
height: 16px;
line-height: 18px;
overflow: hidden;
}
.realestates .goods-list li .strike {
text-decoration: line-through;
}
.realestates .goods-list li .ope30jours {
background-color: #e76821;
color: #fff;
padding: 0px 3px;
}
.realestates .goods-list li .label.ope30jours {
z-index: 200;
opacity: 0.9;
height: 70px!important;
line-height: 16px!important;
text-transform: none!important;
font-weight: 400!important;
padding: 33px 0 10px 0;
font-size: 14px!important;
background-image: url('../bundles/capiapp/images/label-logo-30jours.png');
background-repeat: no-repeat;
background-position: center 2px;
}
.realestates .goods-list li .label.ope30jours a {
text-decoration: underline;
}
.realestates .goods-list li .price {
display: block;
font-size: 22px;
color: #7a7a7a;
padding: 0 2%;
width: 100%;
text-align: center;
margin: 10px 0 0;
font-weight: 900;
}
.realestates .goods-list li .price .name {
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
}
.realestates .goods-list li .picture {
margin: 5px 0 0;
width: 100%;
height: 170px;
}
.realestates .goods-list li .picture img {
display: block;
width: 100%;
height: 100%;
}
.realestates .goods-list li .picture .label {
position: absolute;
display: block;
width: 100%;
height: 25px;
line-height: 25px;
left: 0;
bottom: 35px;
font-size: 11px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
text-align: center;
}
.realestates .goods-list li .picture .label.exclusiveness {
background-image: url('../bundles/capiapp/images/realestate-label-exclusive.png');
}
.realestates .goods-list li .picture .label.coup-coeur {
background-color: rgba(178, 0, 0, 0.5);
}
.realestates .goods-list li .picture .label .capi {
padding: 0 50px 0 0;
background-image: url('../bundles/capiapp/images/realestate-label-logo.png');
background-repeat: no-repeat;
background-position: right center;
}
.realestates .goods-list li .details {
position: absolute;
bottom: 7px;
left: 0;
font-size: 14px;
color: #7a7a7a;
padding: 0 5%;
width: 100%;
text-align: center;
margin: 0;
font-weight: 400;
height: 25px;
line-height: 29px;
}
.realestates .goods-list li .details .surface {
float: left;
}
.realestates .goods-list li .details .surface sup {
vertical-align: super;
font-size: 0.7em;
line-height: 1em;
}
.realestates .goods-list li .details .pictures {
float: right;
}
.realestates .goods-list li .details .rooms {
display: inline-block;
max-width: 55%;
}
.realestates .goods-list li .details .small {
font-size: 12px;
font-weight: 400;
}
.realestates .goods-list li .details.viager {
bottom: auto;
top: 95px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 14px;
}
.realestates .goods-list li .details.location {
bottom: auto;
top: 91px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 14px;
}
.realestates .goods-list li .details.vente {
bottom: auto;
top: 91px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 14px;
}
.realestates .goods-list li .details.new {
bottom: auto;
top: 88px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 14px;
}
.realestates .goods-list li .details .economy {
background-color: #000;
padding: 1px;
margin-left: 10px;
}
.realestates .link-full {
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
color: #000;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
text-decoration: underline;
display: inline-block;
float: right;
clear: both;
}
.realestates .link-full:hover {
text-decoration: none;
}
.realestates.four-elements {
margin-left: 0;
width: 100%;
}
.realestates.four-elements .goods-list.mode_list li.bottom {
height: 70px;
border: 0px;
margin: 0;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider {
width: 50%;
padding: 0 50px;
float: left;
position: relative;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider .slides {
width: 100%;
height: 70px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider .slides li {
cursor: pointer;
width: auto;
height: 50px;
float: left;
margin-top: 10px;
margin-right: 0;
border: 0;
padding: 0 10px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider .flex-direction-nav li {
margin: 0;
padding: 0;
border: 0;
float: none;
height: auto;
width: auto;
position: static;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider .flex-direction-nav a {
width: 30px;
height: 50px;
display: block;
cursor: pointer;
top: 10px;
z-index: 50;
text-indent: -5000px;
position: absolute;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider .flex-direction-nav a.flex-prev {
background-image: url('../bundles/capiapp/images/picto-mandat-previous.png');
left: 5px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider .flex-direction-nav a.flex-next {
background-image: url('../bundles/capiapp/images/picto-mandat-next.png');
right: 10px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .mandatThumbSlider li .picture img {
display: block;
min-width: 288px;
height: 168px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .pic_nego {
top: 10px !important;
width: 52% !important;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant {
width: 50%;
float: right;
background-color: #d4d4d4;
height: 70px;
padding: 0 0 0 10px;
text-align: center;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant div.phone {
width: 30%;
float: left;
padding: 7px 0;
text-align: left;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant div.phone .number {
padding-top: 5px;
display: inline-block;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant a.phone {
display: inline-block;
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-repeat: none;
background-position: -134px 0;
margin-top: 20px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant a.phone a {
margin: 0;
display: block;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant .email {
display: inline-block;
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-repeat: none;
background-position: -181px 0;
margin-top: 20px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant .email a {
margin: 0;
display: block;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant .picture {
float: right;
display: inline-block;
width: 42%;
height: 70px;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant .picture span.name {
float: left;
height: 70px;
padding: 10px;
display: inline-block;
font-size: 20px;
font-weight: 400;
text-decoration: underline;
width: 70%;
text-align: right;
}
.realestates.four-elements .goods-list.mode_list li.bottom .consultant .picture img {
width: auto;
min-width: 0;
height: 70px;
float: right;
display: block;
}
.realestates.four-elements .pagination {
float: right;
width: auto;
margin-top: 0;
}
.realestates.four-elements #ajaxPreview {
position: fixed;
top: 50%;
margin-top: -233px;
width: 1100px;
left: 50%;
z-index: 5000;
border: 18px solid #d7d7d7;
margin-left: -560px;
box-sizing: border-box;
}
.realestates.four-elements #ajaxPreview li.bottom .consultant a.phone,
.realestates.four-elements #ajaxPreview li.bottom .consultant div.email {
margin-top: 10px;
}
.realestates.four-elements #ajaxPreview p.legal-info {
padding: 5px 0 0;
font-size: 10px;
width: 100%;
text-align: center;
}
.realestates.four-elements #ajaxPreview .close {
position: absolute;
top: 10px;
right: 10px;
display: block;
text-indent: -5000px;
z-index: 5000;
cursor: pointer;
background-image: url('../bundles/capiapp/images/modal-close.png');
background-repeat: no-repeat;
background-position: bottom center;
width: 25px;
height: 25px;
}
.realestates.four-elements #ajaxPreview li.add-item {
border: 0px solid #d7d7d7;
height: 360px;
margin-bottom: 0;
}
.realestates.four-elements #ajaxPreview li.add-item .pictureSlider {
width: 50%;
float: left;
}
.realestates.four-elements #ajaxPreview li.add-item .pictureSlider .slides {
width: 100%;
height: 360px;
}
.realestates.four-elements #ajaxPreview li.add-item .pictureSlider .slides li {
width: 100%;
height: 360px;
float: left;
margin-top: 0;
margin-right: 0;
border: 0;
padding: 0;
}
.realestates.four-elements .goods-list li {
background: white;
max-width: auto;
margin-right: 2%;
margin-bottom: 10px;
width: 23%;
position: relative;
border: 2px solid #d7d7d7;
}
.realestates.four-elements .goods-list li:last-child {
margin-right: 0;
}
.realestates.four-elements .goods-list li .picture {
width: 100%;
margin: 5px 0;
height: 175px;
}
.realestates.four-elements .goods-list.mode_list li {
border: 18px solid #d7d7d7;
width: 100%;
height: 396px;
max-width: 100%!important;
}
.realestates.four-elements .goods-list.mode_list li .picture {
width: 50%;
margin: 0;
float: left;
height: 360px;
overflow: hidden;
}
.realestates.four-elements .goods-list.mode_list li .info {
position: relative;
width: 50%;
float: left;
text-align: center;
padding: 15px 50px;
height: 360px;
box-sizing: border-box;
}
.realestates.four-elements .goods-list.mode_list li .info h2.sat {
font-size: 18px;
}
.realestates.four-elements .goods-list.mode_list li .info .type {
position: relative;
top: 20px;
font-size: 16px;
}
.realestates.four-elements .goods-list.mode_list li .info .price {
position: relative;
top: 20px;
}
.realestates.four-elements .goods-list.mode_list li .info .label.ope30jours {
margin: 5px 0;
opacity: 1!important;
height: 40px!important;
line-height: 33px!important;
position: relative!important;
display: inline-block !important;
padding: 5px 5px 5px 100px!important;
background-position: 5px 1px!important;
}
.realestates.four-elements .goods-list.mode_list li .info .details {
position: relative;
top: 30px;
margin-bottom: 15px;
}
.realestates.four-elements .goods-list.mode_list li .info .details.viager,
.realestates.four-elements .goods-list.mode_list li .info .details.location,
.realestates.four-elements .goods-list.mode_list li .info .details.vente,
.realestates.four-elements .goods-list.mode_list li .info .details.new {
position: absolute;
bottom: 0;
top: auto;
margin-bottom: 0;
}
.realestates.four-elements .goods-list.mode_list li .info .details.ope30jours {
margin-bottom: 0;
background-color: transparent;
}
.realestates.four-elements .goods-list.mode_list li .info .details.ope30jours .economy {
background-color: #000;
padding: 1px 2px;
margin-left: 10px;
color: #fff;
}
.realestates.four-elements .goods-list.mode_list li .info p {
position: relative;
top: 20px;
color: #7a7a7a;
font-size: 14px;
line-height: 17px;
text-align: left;
}
.realestates.four-elements .goods-list.mode_list li .info a.link {
position: relative;
top: 20px;
display: inline-block;
width: 100%;
margin: 15px 0 20px;
text-decoration: underline;
color: #7a7a7a;
font-size: 16px;
}
.realestates.four-elements .goods-list.mode_list li .info a.addtohide {
position: relative;
z-index: 10;
width: 75px;
display: inline-block;
float: left;
color: #7a7a7a;
background-position: center top;
background-repeat: no-repeat;
padding: 30px 0 0 0;
font-size: 12px;
}
.realestates.four-elements .goods-list.mode_list li .info a.addtoselection {
position: relative;
z-index: 10;
display: inline-block;
float: right;
color: #7a7a7a;
width: 75px;
background-position: center top;
background-repeat: no-repeat;
padding: 30px 0 0 0;
font-size: 12px;
}
.realestates.four-elements .goods-list.mode_list li .info span.ref {
position: relative;
top: 20px;
z-index: 21;
display: inline-block;
color: #7a7a7a;
font-size: 16px;
}
.realestates.four-elements.mandat-list a.anchor {
display: block;
position: relative;
}
.realestates.four-elements.mandat-list .goods-list.mode_list li.add-item {
border: 0px solid #d7d7d7;
height: 360px;
margin-bottom: 0;
}
.realestates.four-elements.mandat-list .goods-list.mode_list li.add-item .pictureSlider {
width: 50%;
float: left;
}
.realestates.four-elements.mandat-list .goods-list.mode_list li.add-item .pictureSlider .slides {
width: 100%;
height: 360px;
}
.realestates.four-elements.mandat-list .goods-list.mode_list li.add-item .pictureSlider .slides li {
width: 100%;
height: 360px;
float: left;
margin-top: 0;
margin-right: 0;
border: 0;
padding: 0;
}
.realestates.four-elements.mandat-list ul.inner-links {
margin-bottom: 15px;
}
ul.count-result {
list-style: inside;
margin-bottom: 30px;
}
ul.count-result li {
font-size: 20px;
margin-bottom: 5px;
}
ul.count-result li span {
font-family: 'Lato Light', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #000;
}
.more-result {
cursor: pointer;
display: block;
width: 100%;
line-height: 18px;
font-size: 16px;
height: 69px;
font-weight: 700;
padding-top: 200px;
text-transform: uppercase;
text-align: center;
background: url('../bundles/capiapp/images/search-more-result.png') center center no-repeat !important;
text-decoration: underline;
}
.more-result:hover {
text-decoration: none;
background: url('../bundles/capiapp/images/search-more-result-hover.png') center center no-repeat !important;
}
.moretosee {
display: block;
width: 27px;
height: 27px;
background: url('../bundles/capiapp/images/moretosee.png') center center no-repeat;
float: left;
position: relative;
cursor: pointer;
}
.moretosee .tooltip {
position: absolute;
bottom: 30px;
left: -21px;
padding: 5px;
border: 1px solid #888888;
font-size: 12px;
line-height: 16px;
display: inline-block;
background: #DBDBDB;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
min-width: 340px;
}
.moretosee .tooltip a {
text-decoration: underline;
font-weight: 700;
}
.moretosee .tail {
opacity: 0;
width: 10px;
height: 13px;
background: url('../bundles/capiapp/images/tooltip-tail.png') no-repeat;
position: absolute;
bottom: 21px;
left: 4px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.moretosee.active .tail {
opacity: 1;
bottom: 31px;
}
.moretosee.active .tooltip {
opacity: 1;
bottom: 40px;
}
/* MAP */
.map {
position: relative;
width: 100%;
margin: 0;
float: left;
clear: both;
}
.map h2 {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 900;
height: 40px;
line-height: 40px;
background-color: #dcdcdc;
}
.map .info {
font-size: 20px;
color: #7a7a7a;
display: inline-block;
width: 100%;
text-align: center;
margin: 0 0 20px;
}
.map .gmap {
position: relative;
z-index: 20;
float: left;
width: 100%;
height: 680px;
}
.map .gmapMap {
position: relative;
z-index: 20;
float: left;
width: 100%;
height: 680px;
box-sizing: content-box !important;
}
.map .infowindow {
position: absolute;
z-index: 30;
width: 240px;
background-color: #fff;
top: 80px;
left: 30px;
box-shadow: 0 0 50px -20px #000000;
box-sizing: content-box !important;
}
.map .infowindow .header {
display: block;
width: 220px;
background-color: #cecece;
padding: 0 10px;
height: 25px;
line-height: 25px;
font-size: 13px;
color: #7a7a7a;
}
.map .infowindow .header a.close {
display: block;
width: 12px;
height: 12px;
text-indent: -500px;
overflow: hidden;
float: right;
background-image: url('../bundles/capiapp/images/picto-infowindow-close.png');
margin: 7px 0 0 0;
}
.map .infowindow .details {
display: block;
position: relative!important;
float: left;
padding: 15px!important;
width: 210px!important;
text-align: center;
bottom: auto;
left: auto;
font-size: inherit!important;
color: inherit!important;
margin: 0;
height: auto!important;
line-height: normal!important;
}
.map .infowindow .details .price {
display: inline-block !important;
width: auto!important;
padding: 0!important;
float: left;
font-size: 17px;
font-weight: 900;
color: #7a7a7a;
margin: 0 0 15px;
}
.map .infowindow .details .price .ope30jours {
font-size: 24px!important;
background-color: #e76821;
height: 30px;
line-height: 30px;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.map .infowindow .details .price .ope30jours img {
margin-right: 10px;
}
.map .infowindow .details .price .ope30jours.small {
margin-right: 10px;
}
.map .infowindow .details .price .ope30jours.small img {
margin-right: 0;
}
.map .infowindow .details .pic {
position: relative;
}
.map .infowindow .details .pic .label {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
font-size: 14px;
height: 30px;
line-height: 30px;
padding: 0 10px;
box-sizing: border-box;
text-align: left;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
}
.map .infowindow .details a.save {
display: inline-block;
width: 21px;
height: 23px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-infowindow-save.png');
float: right;
}
.map .infowindow .details .box {
display: inline-block;
width: 50px;
min-height: 40px;
padding: 10px 0;
background-color: #d9d9d9;
margin: 10px 0 15px;
font-size: 18px;
font-weight: 900;
color: #707070;
}
.map .infowindow .details .box.neuf {
width: auto;
padding: 10px 5px 0;
}
.map .infowindow .details .box .small {
display: block;
clear: both;
font-size: 13px;
font-weight: 400;
}
.map .infowindow .details .box.surface {
float: left;
}
.map .infowindow .details .box.surface sup {
vertical-align: super;
font-size: 0.7em;
line-height: 1em;
}
.map .infowindow .details .box.pictures {
float: right;
}
.map .infowindow .details p {
font-size: 13px;
float: left;
color: #707070;
text-align: left;
}
.map .infowindow .details a.more {
display: block;
width: 100%;
text-align: center;
clear: both;
margin: 10px 0 0;
text-decoration: underline;
}
.map .infowindow .consultant {
padding: 0 0 0 60px;
width: 180px;
height: 70px;
line-height: 45px;
float: left;
position: relative;
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.map .infowindow .consultant .legal-info {
line-height: normal;
font-size: 10px;
font-weight: 300;
position: absolute;
bottom: 5px;
}
.map .infowindow .consultant img {
position: absolute;
left: 0;
top: 0;
}
.map .infowindow .bottom {
display: block;
text-align: center;
float: left;
position: relative;
font-size: 12px;
color: #707070;
background-color: #cecece;
height: 25px;
line-height: 25px;
padding: 0 0 0 15px;
width: 225px;
}
.map .legend {
box-sizing: border-box;
background: #fff;
box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.4);
position: absolute;
right: 30px;
bottom: 30px;
z-index: 3000;
padding: 18px 20px 15px 20px;
}
.map .legend span {
display: block;
margin-bottom: 7px;
font-size: 16px;
}
.map .legend img {
margin-right: 10px;
}
.newsletter-push {
text-align: center;
padding: 10px 0 ;
}
.newsletter-push .parsley-errors-list {
display: none;
}
.newsletter-push form {
display: inline-block;
}
.newsletter-push label {
color: #000;
font-size: 18px;
font-weight: 700;
height: 19px;
display: inline-block;
padding-top: 5px;
}
.newsletter-push input[type=text] {
width: 219px;
vertical-align: top;
}
.newsletter-push input[type=submit] {
border-radius: 50%;
width: 25px;
height: 25px;
background-color: #EC1C23;
color: #fff;
}
#newsletterForm > input {
vertical-align: baseline;
}
/* NEWS */
.news {
position: relative;
width: 100%;
margin: 0 0 55px;
float: left;
clear: both;
}
.light .newsSlider {
margin: 0;
}
.newsSlider {
height: 480px;
margin: 0 0 20px;
position: relative;
}
.newsSlider ul.slides {
display: block;
width: 100%;
height: 480px;
position: relative;
}
.newsSlider ul.slides li {
width: 100%;
height: 100%;
position: relative;
background-position: center center;
background-size: cover;
}
.newsSlider ul.slides li .content {
position: absolute;
right: 5%;
top: 20%;
width: 40%;
text-align: right;
font-size: 16px;
font-weight: bold;
background: #FFF;
padding: 5px 10px 8px 10px;
opacity: 0.8;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
}
.newsSlider ul.slides li .content.left {
left: 65px;
right: auto;
text-align: left;
}
.newsSlider ul.slides li .content.right {
right: 65px;
left: auto;
text-align: right;
}
.newsSlider ul.slides li .content .captions {
background-color: #fff;
display: inline;
padding: 2px 6px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.newsSlider ul.slides li .content .date {
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
.newsSlider ul.slides li .content h2 {
font-size: 36px;
text-transform: uppercase;
padding: 0 0 15px;
font-weight: 900;
line-height: 40px;
}
.newsSlider ul.slides li .content p {
position: relative;
top: 5px;
line-height: 22px;
}
.newsSlider ul.slides li .content a {
font-size: 15px;
font-style: italic;
text-decoration: underline;
font-weight: normal;
}
.newsSlider .flex-control-nav {
position: absolute;
width: 100%;
height: 33px;
left: 0;
bottom: 25px;
text-align: center;
z-index: 10;
font-size: 24px;
font-weight: 900;
}
.newsSlider .flex-control-nav li {
display: inline-block;
width: 20px;
height: 19px;
margin: 0 0 0 15px;
}
.newsSlider .flex-control-nav li:first-child {
margin: 0 0 0 0;
}
.newsSlider .flex-control-nav li a {
display: block;
width: 100%;
height: 100%;
line-height: 33px;
}
.newsSlider .flex-control-nav li a {
display: block;
width: 100%;
height: 100%;
background-image: url('../bundles/capiapp/images/slide-bullet.png');
background-color: transparent;
background-position: -35px 0;
box-shadow: none;
}
.newsSlider .flex-control-nav li a.flex-active {
background-position: 0 0;
}
.news .title {
display: block;
float: left;
text-align: center;
width: 100%;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
}
.news .title input[type=text] {
margin: 0 5px 3px;
width: 200px;
}
.news input[type=submit] {
font-weight: 400;
text-transform: none;
border: 0;
text-decoration: none;
float: none;
font-size: 14px;
color: #fff;
height: 30px;
line-height: 30px;
padding: 0;
margin: 0;
}
.news .title .round {
width: 30px;
height: 30px;
border-radius: 30px;
text-align: center;
}
.news .items {
float: left;
width: 72%;
position: relative;
list-style: none;
margin: 20px 0 0;
}
.news .items li {
position: relative;
width: 31%;
margin: 0 2.3333% 0 0;
float: left;
color: #454545;
}
.news .items li img {
max-width: 100%;
height: auto;
display: block;
}
.news .items li .date {
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 10px 0;
}
.news .items li h3 {
font-size: 18px;
font-weight: 900;
line-height: 23px;
}
.news .items li p {
line-height: 20px;
margin: 10px 0 0;
}
.news ul.items {
width: 100%;
}
.news .tags {
float: right;
width: 28%;
position: relative;
text-align: center;
margin: 40px 0 0;
}
.news .tags .cloud {
display: inline-block;
text-transform: uppercase;
line-height: 22px;
word-spacing: 10px;
margin: 0 0 20px;
}
.news .tags .searchNews {
position: relative;
display: block;
float: left;
height: 26px;
background-color: #dcdcdc;
padding: 15px 4.5%;
width: 91%;
}
.news .tags .searchNews input[type=text] {
border: 0;
width: 91%;
margin: 0 auto;
padding: 0 10px;
border-radius: 0px;
}
.news .tags .searchNews input[type=submit] {
background: none;
}
.news .tags .searchNews .round {
position: absolute;
right: 10px;
top: 14px;
width: 30px;
height: 30px;
background-color: #888888;
border-radius: 30px;
text-align: center;
}
.news .allNews {
display: inline-block;
float: right;
text-align: right;
margin: 30px 25px 30px 0;
text-transform: uppercase;
font-weight: 900;
color: #333333;
text-decoration: underline;
}
.news.neuf .allNews {
text-align: right;
}
/* Galery */
.galerySlider {
height: auto;
margin: 0 auto 20px;
position: relative;
/*padding-bottom: 100px;*/
min-height: 760px;
}
.galerySlider .flexslider .slides li {
height: 600px;
}
.galerySlider .flexslider .slides img {
width: auto!important;
}
.flexslider {
border-radius: 0;
box-shadow: none;
border: 0;
background-color: transparent!important;
}
.galerySlider #slider .flex-direction-nav a {
width: 30px;
height: 54px;
display: block;
cursor: pointer;
top: 50%;
z-index: 50;
position: absolute;
}
.galerySlider #slider .flex-direction-nav a.flex-prev {
background-image: url('../bundles/capiapp/images/picto-galery-previous.png');
left: -60px;
}
.galerySlider #slider .flex-direction-nav a.flex-next {
background-image: url('../bundles/capiapp/images/picto-galery-next.png');
right: -60px;
}
.galerySlider #carousel {
width: 85%;
height: 100px;
margin: 0 auto;
}
.galerySlider #carousel ul.slides li {
height: 65px;
background-size: auto 100%;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
}
.galerySlider #carousel ul.slides li.flex-active-slide img {
border: 2px solid #0ab3df;
padding: 0;
}
.galerySlider #carousel ul.slides li img {
display: inline-block;
width: 80px;
height: 60px;
padding-top: 2px;
}
.galerySlider #carousel .flex-direction-nav a {
width: 30px;
height: 54px;
display: block;
cursor: pointer;
top: 6px;
z-index: 50;
position: absolute;
opacity: 1;
}
.galerySlider #carousel .flex-direction-nav a.flex-next {
background-image: url('../bundles/capiapp/images/picto-galery-next.png');
right: -60px;
}
.galerySlider #carousel .flex-direction-nav a.flex-prev {
background-image: url('../bundles/capiapp/images/picto-galery-previous.png');
left: -60px;
}
.toolbar {
width: 55px;
position: absolute;
text-align: center;
height: 355px;
z-index: 30;
top: 50%;
margin: -150px 0 0;
padding: 20px 0;
}
.toolbar a {
display: inline-block;
width: 34px;
height: 32px;
background-repeat: no-repeat;
background-image: url('../bundles/capiapp/images/galery-toolbar.png');
text-indent: -500px;
overflow: hidden;
margin: 0 0 13px;
}
.toolbar a.email {
background-position: 0 0;
}
.toolbar a.phone {
background-position: 0 -41px;
}
.toolbar a.addtoselection {
background-position: 0 -87px;
}
.toolbar a.print {
background-position: 0 -131px;
}
.toolbar a.share {
background-position: 0 -178px;
}
.toolbar a.facebook {
background-position: 0 -227px;
}
.toolbar a.twitter {
background-position: 0 -280px;
}
.toolbar a.stats {
background-position: 0 -326px;
}
.galerySlider .consultant {
position: absolute;
z-index: 12;
width: 240px;
top: 15%;
right: 5%;
}
.galerySlider .consultant .close {
position: absolute;
display: block;
z-index: 13;
width: 24px;
height: 25px;
top: 10px;
right: 10px;
background-image: url('../bundles/capiapp/images/picto-consultant-close.png');
text-indent: -500px;
overflow: hidden;
}
.galerySlider .consultant img.avatar {
max-width: 100%;
display: block;
height: auto;
}
.galerySlider .consultant .details {
position: relative;
height: 260px;
padding: 6.25%;
background-color: #aaa;
width: 87.5%;
text-align: center;
color: #fff;
}
.galerySlider .consultant .details p {
line-height: 22px;
}
.galerySlider .consultant .details p.legal {
position: absolute;
padding: 6.25%;
width: 87.5%;
left: 0;
bottom: 0;
line-height: normal;
font-size: 10px;
}
.galerySlider .consultant .details .who {
font-size: 22px;
line-height: 28px;
font-weight: 900;
}
.galerySlider .consultant .details ul.social {
width: 100%;
height: 29px;
margin: 20px 0 25px 0;
}
.galerySlider .consultant .details ul.social li {
width: 29px;
display: inline-block;
margin: 0 5px;
}
.galerySlider .consultant .details ul.social li a {
display: block;
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-repeat: none;
}
.galerySlider .consultant .details ul.social li a.facebook {
background-position: 0 0;
}
.galerySlider .consultant .details ul.social li a.twitter {
background-position: -44px 0;
}
.galerySlider .consultant .details ul.social li a.contact {
background-position: -89px 0;
}
.galerySlider .consultant .details ul.social li a.phone {
background-position: -134px 0;
}
.galerySlider .consultant .details ul.social li a.email {
background-position: -181px 0;
}
/* SIMULATOR */
.simulator {
width: 100%;
margin: 0 0 55px;
float: left;
clear: both;
}
.simulator .consultant {
width: 20.5%;
margin: 0 4.4% 0 0;
float: left;
}
.simulator .consultant img.avatar {
width: 100%;
display: block;
height: auto;
border: 1px solid #aaa;
}
.simulator .consultant .details {
position: relative;
padding: 6.25%;
background-color: #aaa;
width: 87.5%;
text-align: center;
color: #fff;
}
.simulator .consultant .details p {
line-height: 22px;
font-size: 18px;
}
.simulator .consultant .details p.legal {
position: absolute;
padding: 6.25%;
width: 87.5%;
left: 0;
bottom: 0;
line-height: normal;
font-size: 10px;
}
.simulator .consultant .details .who {
font-size: 22px;
line-height: 28px;
font-weight: 900;
text-transform: uppercase;
}
.simulator .consultant .details ul.social {
width: 100%;
height: 29px;
margin: 20px 0 25px 0;
}
.simulator .consultant .details ul.social li {
width: 29px;
display: inline-block;
margin: 0 5px;
}
.simulator .consultant .details ul.social li a {
display: block;
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-repeat: none;
}
.simulator .consultant .details ul.social li a.facebook {
background-position: 0 0;
}
.simulator .consultant .details ul.social li a.twitter {
background-position: -44px 0;
}
.simulator .consultant .details ul.social li a.contact {
background-position: -89px 0;
}
.simulator .consultant .details ul.social li a.phone {
background-position: -134px 0;
}
.simulator .consultant .details ul.social li a.email {
background-position: -181px 0;
}
.simulator .consultant .details ul.social li a.screen {
background-position: -217px 0;
}
.simulator .forms {
width: 75.1%;
float: right;
position: relative;
}
.simulator .forms form {
display: block;
float: left;
width: 45%;
margin: 0 0 0 5%;
}
.simulator .forms form:first-child {
margin: 0 5% 0 0;
}
.simulator .forms .round {
display: inline-block;
width: 30px;
height: 30px;
background-color: #888888;
border-radius: 30px;
text-align: center;
}
.simulator .forms .or {
position: absolute;
top: 0;
left: 50%;
height: 100%;
margin-left: -15px;
display: block;
float: left;
line-height: 30px;
width: 30px;
text-align: center;
color: #fff;
font-size: 16px;
text-transform: uppercase;
background-image: url('../bundles/capiapp/images/realstate-simulator-separator.png');
background-repeat: no-repeat;
background-position: center 40px;
}
.simulator .forms span.top {
display: block;
font-weight: 900;
float: left;
width: 100%;
color: #7a7a7a;
font-size: 20px;
margin: 0 0 30px;
}
.simulator .forms span.top.half {
width: 45%;
}
.simulator .forms span.top.center {
text-align: center;
}
.simulator .forms span.top.new {
margin-bottom: 0;
}
.simulator .forms span.subtitle {
display: block;
float: left;
width: 100%;
color: #333333;
font-size: 16px;
line-height: 20px;
text-align: center;
margin: 0 0 15px;
}
.simulator .forms form .row {
margin: 10px 0;
}
.simulator .forms form .row.center {
text-align: center;
}
.simulator .forms form .row.minheight {
margin: 0!important;
}
.simulator .forms form .row .title {
display: inline-block;
font-weight: 900;
width: 50%;
}
.simulator .forms form input[type=submit] {
width: 100%;
text-align: center;
background: none;
border: 0;
font-weight: 900;
text-transform: uppercase;
text-decoration: underline;
height: 20px;
margin: 20px 0;
font-size: 16px;
}
.simulator .forms form input[type=submit].small {
font-weight: 400;
text-transform: none;
text-decoration: none;
float: none;
font-size: 14px;
color: #fff;
height: 30px;
line-height: 30px;
padding: 0;
margin: 0;
}
.simulator .forms form input[type=text].small {
width: 50px;
}
.simulator .forms form .result {
float: left;
padding: 15px 0;
background-color: #aaaaaa;
width: 100%;
text-align: center;
color: #fff;
}
.simulator .forms form .result .ajax {
display: inline-block;
margin-left: 10px;
background-color: #fff;
padding: 5px 10px;
font-weight: 900;
box-sizing: border-box;
height: 27px;
}
/* SOCIAL */
.social {
width: 100%;
margin: 0 0 55px;
float: left;
clear: both;
}
.social .fb-like-box {
float: left;
width: 25%;
}
.social .share {
float: right;
width: 75%;
font-size: 20px;
color: #7a7a7a;
line-height: 26px;
}
.social form {
display: inline-block;
width: 100%;
text-align: center;
margin: 20px 0 0;
}
.social form label {
display: inline-block;
color: #7a7a7a;
margin: 0 0 10px;
font-weight: 900;
}
.social form#capiSocialShare textarea {
width: 97.73%;
padding: 1%;
height: 80px;
margin: 0 0 10px;
}
.social form#capiSocialShare input[type=submit] {
display: inline-block;
height: 30px;
line-height: 26px;
padding: 0 120px;
border: 0;
background-color: #2980b9;
color: #fff;
border-radius: 4px;
font-weight: 900;
background-image: url('../bundles/capiapp/images/picto-but-share-facebook.png');
background-position: right 30% center;
background-repeat: no-repeat;
}
/* HOME */
section.homeSlider {
height: 567px;
overflow: hidden;
visibility: hidden;
}
@media screen and (max-width: 1180px) {
section.homeSlider {
height: 250px;
}
}
@media screen and (max-width: 767px) {
section.homeSlider {
height: 150px;
}
}
section.homeSlider ul.slides {
display: block;
width: 100%;
height: 567px;
position: relative;
}
@media screen and (max-width: 1180px) {
section.homeSlider ul.slides {
height: 250px;
}
}
@media screen and (max-width: 767px) {
section.homeSlider ul.slides {
height: 150px;
}
}
section.homeSlider ul.slides li {
width: 100%;
height: 100%;
position: relative;
background-position: center center;
background-size: cover;
}
section.homeSlider ul.slides li .content {
display: none;
position: absolute;
width: auto;
right: 5%;
top: 30%;
text-align: right;
font-size: 16px;
font-weight: bold;
background: #fff;
padding: 5px 10px 15px 10px;
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
}
section.homeSlider ul.slides li .content.left {
left: 65px;
right: auto;
text-align: left;
}
section.homeSlider ul.slides li .content .captions {
background-color: #fff;
display: inline;
padding: 2px 6px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
section.homeSlider ul.slides li .content h2 {
font-size: 36px;
text-transform: uppercase;
padding: 0 0 15px;
font-weight: 900;
line-height: 40px;
}
section.homeSlider ul.slides li .content p {
position: relative;
top: 5px;
line-height: 22px;
padding: 2px 6px;
}
section.homeSlider ul.slides li .content a {
font-size: 15px;
font-style: italic;
text-decoration: underline;
font-weight: normal;
}
section.homeSlider .flex-control-nav {
position: absolute;
width: 100%;
height: 35px;
line-height: 35px;
left: 0;
bottom: 25px;
text-align: center;
z-index: 10;
font-size: 24px;
font-weight: 900;
}
section.homeSlider .flex-control-nav li {
display: inline-block;
width: 20px;
height: 19px;
text-indent: -5000px;
overflow: hidden;
margin: 0 0 0 15px;
}
section.homeSlider .flex-control-nav li:first-child {
margin: 0 0 0 0;
}
section.homeSlider .flex-control-nav li a {
display: block;
width: 100%;
height: 100%;
background-image: url('../bundles/capiapp/images/slide-bullet.png');
background-color: transparent;
background-position: -35px 0;
box-shadow: none;
}
section.homeSlider .flex-control-nav li a.flex-active {
background-position: 0 0;
}
section.page {
display: block;
position: relative;
float: left;
width: 100%;
clear: both;
}
section.page .mention {
font-size: 12px;
color: #7a7a7a;
margin-bottom: 20px;
float: left;
}
section #tabs .anchor {
position: relative;
display: block;
clear: both;
}
section #tabs ul.tabs {
display: block;
width: 100%;
float: left;
text-align: center;
height: 105px;
font-size: 18px;
text-transform: uppercase;
font-weight: 900;
}
section #tabs ul.tabs li {
margin-top: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
padding: 0 30px;
}
section #tabs ul.tabs li.on {
color: #fff;
}
section #tabs .tab {
float: left;
width: 100%;
clear: both;
}
section #tabs .tab.grey {
background: #eeeded;
}
section .anchor {
position: relative;
display: block;
clear: both;
}
section ul.tabs {
display: block;
width: 100%;
float: left;
text-align: center;
height: 105px;
font-size: 18px;
text-transform: uppercase;
font-weight: 900;
}
section ul.tabs li {
margin-top: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
padding: 0 30px;
}
section ul.tabs li.on {
color: #fff;
}
section .tab {
float: left;
width: 100%;
clear: both;
}
section .tab.grey {
background: #eeeded;
}
section #tabs .president {
color: #cccccc;
margin-bottom: 50px;
}
section #tabs .president img {
display: inline-block;
float: left;
width: 20.51%;
height: auto;
}
section #tabs .president .testimonial {
float: left;
margin-left: 2.9%;
width: 76.59%;
}
section #tabs .president .testimonial h2 {
font-size: 22px;
font-weight: 900;
margin: 0 0 20px;
}
section #tabs .president .testimonial h2 span {
display: block;
padding: 5px 0 0;
clear: both;
font-size: 16px;
font-weight: 400;
}
section #tabs .president .testimonial .apostrophe {
position: relative;
float: left;
}
section #tabs .president .testimonial .apostrophe span.apostrophe {
display: block;
position: absolute;
width: 24px;
height: 18px;
background-image: url('../bundles/capiapp/images/apostrophe.png');
}
section #tabs .president .testimonial .apostrophe span.apostrophe.begin {
top: 10px;
left: 0px;
}
section #tabs .president .testimonial .apostrophe span.apostrophe.end {
right: 0px;
bottom: 0px;
background-position: -23px 0;
}
section #tabs .president .testimonial p {
font-size: 18px;
margin: 20px 0 20px 65px;
line-height: 22px;
font-style: italic;
}
section #tabs .mapFrance {
color: #cccccc;
margin-bottom: 50px;
}
section #tabs .mapFrance #mapFrance {
width: 270px;
height: 252px;
margin-left: 20px;
float: left;
}
section #tabs .mapFrance #canvas_france a title {
color: #fff;
background-color: transparent;
}
section #tabs .mapFrance .quicklinks {
display: block;
width: 57%;
float: right;
}
section #tabs .mapFrance .quicklinks .columns {
display: block;
margin: 15px 0;
}
section #tabs .mapFrance .quicklinks h2 {
font-size: 18px;
text-transform: uppercase;
}
section #tabs .mapFrance .quicklinks a {
display: inline-block;
width: 100%;
font-size: 14px;
padding: 3px 0;
}
/* AGENT */
section.agentHeader {
display: block;
width: 100%;
float: left;
margin: 20px 0;
font-size: 13px;
}
section.agentHeader.search-engine {
padding-bottom: 0!important;
}
section.agentHeader h1 {
font-size: 30px;
text-align: center;
text-transform: uppercase;
padding-top: 50px;
}
section.agentHeader.search-engine h1.color {
font-size: 35px;
line-height: 35px;
font-weight: 700;
width: 70%;
}
@media screen and (max-width: 667px) {
section.agentHeader.search-engine h1.color {
font-size: 28px;
padding-top: 0;
}
}
section.agentHeader img {
float: left;
display: inline-block;
width: 24.61%;
max-width: 240px;
height: auto;
}
section.agentHeader .details {
position: relative;
float: left;
width: 73.39%;
min-height: 270px;
margin-left: 2%;
}
section.agentHeader .details h1 {
text-align: left;
display: block;
position: relative;
margin-top: 0px;
width: 100%;
float: left;
clear: both;
font-size: 28px;
}
section.agentHeader .details h2 {
display: block;
position: relative;
width: 100%;
margin-top: 5px;
float: left;
clear: both;
font-size: 24px;
font-weight: 400;
}
section.agentHeader .details .legal-info {
font-size: 11px;
margin-top: 5px;
width: 100%;
float: left;
}
section.agentHeader .details .num_ads {
font-size: 18px;
float: left;
clear: both;
margin-top: 50px;
}
section.agentHeader .details .num_ads.sold {
margin-top: 5px;
}
section.agentHeader .details .num_ads span {
font-weight: 700;
}
section.agentHeader .details .contact {
position: absolute;
bottom: 0;
left: 0;
font-size: 18px;
}
section.agentHeader .details .contact ul.social {
width: 100%;
height: 29px;
margin: 10px 0 0 0;
}
section.agentHeader .details .contact ul.social li {
width: 29px;
display: inline-block;
margin: 0 10px 0 0;
}
section.agentHeader .details .contact ul.social li a {
display: block;
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-repeat: none;
}
section.agentHeader .details .contact ul.social li a.facebook {
background-position: 0 0;
}
section.agentHeader .details .contact ul.social li a.twitter {
background-position: -44px 0;
}
section.agentHeader .details .contact ul.social li a.contact {
background-position: -89px 0;
}
section.agentHeader .details .contact ul.social li a.phone {
background-position: -134px 0;
}
section.agentHeader .details .contact ul.social li a.email {
background-position: -181px 0;
}
section.page.agent #tabs .infos p.MsoNormal {
margin-bottom: 10px!important;
}
section.page.agent #tabs .infos p.Paragraphedeliste {
margin-bottom: 10px!important;
margin-left: 20px!important;
text-indent: 0!important;
}
section.page.agent #tabs .infos font,
section.page.agent #tabs .infos span {
font-family: "Lato", sans-serif !important;
font-weight: 400!important;
font-size: 16px!important;
}
section.page.agent ul.testimonials li h3 {
text-transform: uppercase;
font-size: 17px;
line-height: 20px;
margin-bottom: 15px;
}
section.page.agent ul.testimonials li p {
position: relative;
line-height: 22px;
padding: 15px;
background-color: #e6e6e6;
border-radius: 10px;
background-clip: padding-box;
}
section.page.agent ul.testimonials li p .bullet {
display: block;
width: 25px;
height: 30px;
position: absolute;
background-image: url('../bundles/capiapp/images/testimonial-bullet.png');
background-repeat: no-repeat;
background-position: top left;
left: 0;
top: -12px;
}
section.page.agents .center {
text-align: center;
}
.agents-search-form {
border: 1px solid #e2e2e2;
background: #fbfbfb;
padding: 20px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 980px) {
.agents-search-form {
display: block;
}
}
section.page.agents form {
padding: 10px 0;
text-align: center;
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.page.agents form:first-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
}
section.page.agents form:last-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
}
section.page.agents form[name="capi_name_negotiator"],
section.page.agents form[name="capi_attribute_negotiator"] {
position: relative;
}
section.page.agents form[name="capi_name_negotiator"] .select2-container .select2-choice > .select2-chosen,
section.page.agents form[name="capi_attribute_negotiator"] .select2-container .select2-choice > .select2-chosen {
margin-left: 30px;
margin-right: 30px;
}
section.page.agents form[name="capi_name_negotiator"] > a,
section.page.agents form[name="capi_attribute_negotiator"] > a {
display: none;
position: absolute;
left: 10px;
top: 15px;
font-size: 40px;
color: #00c0e6;
}
section.page.agents form[name="capi_name_negotiator"].active > a,
section.page.agents form[name="capi_attribute_negotiator"].active > a {
display: block;
}
section.page.agents form[name="capi_attribute_negotiator"] > a {
left: 30px;
}
@media screen and (max-width: 980px) {
section.page.agents form[name="capi_attribute_negotiator"] > a {
left: 10px;
}
}
@media screen and (max-width: 980px) {
section.page.agents form {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media screen and (max-width: 667px) {
section.page.agents form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.page.agents form:first-child {
padding-bottom: 0;
}
}
section.page.agents form label {
color: #000;
font-size: 18px;
font-weight: 700;
}
section.page.agents form input[type=text] {
width: 219px;
margin-left: 20px;
font-weight: 400;
}
@media screen and (max-width: 667px) {
section.page.agents form input[type=text] {
font-size: 16px;
}
}
section.page.agents form input[type=submit] {
width: 50px;
height: 50px;
background-color: #00c0e6;
color: #fff;
margin-left: 5px;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
}
section.page.agents form .select2-container {
margin-left: 20px;
height: 50px;
font-weight: 400;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media screen and (max-width: 980px) {
section.page.agents form .select2-container:first-child {
margin-left: 0;
}
}
section.page.agents form .select2-container.agents {
margin-left: 0;
}
section.page.agents form .select2-container.specialite,
section.page.agents form .select2-container.locations {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
@media screen and (max-width: 667px) {
section.page.agents form .select2-container.specialite,
section.page.agents form .select2-container.locations {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
section.page.agents form .select2-container-multi .select2-choices {
min-height: 50px;
border-radius: 0;
}
section.page.agents form .select2-container .select2-choice {
background-image: none;
border-radius: 0;
height: 50px;
line-height: 50px;
color: #000 !important;
}
section.page.agents form .select2-container .select2-choice .select2-arrow {
background: #fff;
border: 0;
}
section.page.agents form .select2-container .select2-choice .select2-arrow b {
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
width: 0;
height: 0;
top: 50%;
right: 10px;
position: absolute;
margin-top: -4px;
}
section.page.agents form .select2-container .select2-choice {
border: 1px solid #e2e2e2;
}
section.page.agents form .select2-container-active .select2-choice,
section.page.agents form .select2-container-active .select2-choices {
border: none;
}
section.page.agents form .select2-dropdown-open .select2-choice {
background: #fff;
}
section.page.agents form .select2-container-multi .select2-choices input[type=text] {
font-size: 14px;
padding: 0;
margin-left: 5px;
}
section.page.agents .pagination {
text-align: right;
}
section.page.agents .tabs {
width: 90%;
margin: 40px auto 20px;
text-align: center;
}
section.page.agents .tabs .title {
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 20px;
}
section.page.agents .tabs ul {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.page.agents .tabs ul li {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px;
font-size: 14px;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: .3s;
transition: .3s;
}
section.page.agents .tabs ul li + li {
border-left: 1px solid #fff;
}
section.page.agents .tabs ul li.noresult {
color: #7a7a7a;
}
section.page.agents .tabs ul li.current {
background: #00c0e6;
color: #fff;
position: relative;
}
section.page.agents .tabs ul li.current:after {
content: '';
height: 0;
width: 0;
border: solid transparent;
border-width: 15px 10px 0 10px;
border-top-color: #00c0e6;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
section.page.agents .tabs ul li.color {
padding: 0;
background: #fbfbfb;
}
section.page.agents .tabs ul li.color a {
display: block;
padding: 20px;
cursor: pointer;
color: #000;
width: 100%;
}
section.page.agents .tabs ul li.color:hover {
background: #00c0e6;
color: #fff;
}
section.page.agents .tabs ul li.color:hover a {
color: #fff;
}
.pagination {
display: inline-block;
width: 100%;
float: left;
text-align: center;
color: #7a7a7a;
margin-top: 30px;
}
.pagination a {
display: inline-block;
}
.pagination a.current {
font-weight: 700;
}
.pagination a.next {
padding-left: 20px;
}
.pagination a.previous {
padding-right: 20px;
}
.pagination div {
display: inline-block;
}
section.page.agents {
margin-bottom: 30px;
}
section.page.agents .consultant {
position: relative;
width: 100%;
float: left;
margin: 30px 0 0;
background-size: 100% 100%;
background-position: left 16% top 0;
}
section.page.agents .consultant .left {
float: left;
width: 12%;
height: 144px;
}
section.page.agents .consultant .left img.avatar {
max-width: 100%;
max-height: 100%;
width: auto;
}
section.page.agents .consultant .right {
float: right;
width: 88%;
}
section.page.agents .consultant .details {
width: 100%;
height: 144px;
overflow: hidden;
background: transparent;
padding: 0;
text-align: center;
float: left;
}
section.page.agents .consultant .details h2 {
font-size: 22px;
margin: 10px 0 5px 20px;
width: 40%;
float: left;
height: 90px;
}
section.page.agents .consultant .details h2 .upper {
text-transform: uppercase;
}
section.page.agents .consultant .details .subtitle {
font-size: 13px;
font-weight: 300;
width: 80%;
line-height: 16px;
margin: 10px 0 0;
display: inline-block;
}
section.page.agents .consultant .details .link {
display: inline-block;
width: 56%;
text-transform: uppercase;
text-align: center;
font-weight: 900;
color: #000;
text-decoration: underline;
}
section.page.agents .consultant .details .social {
margin: 15px 0 15px;
width: 56%;
float: left;
clear: none;
}
section.page.agents .consultant .details p.legal-info {
padding: 5px 0 0;
margin-top: 0!important;
width: 100%;
}
section.page.agents .consultant .gmap {
float: left;
width: 30%;
height: 144px;
}
section.page.agents .consultant .details .container {
display: inline-block;
color: #fff;
text-align: center;
width: 100%;
height: 144px;
margin: 0 0 0 0;
background-image: url('../bundles/capiapp/images/realestate-bgconsultant1.png');
}
section.page.agents .consultant .details .container .title {
display: inline-block;
width: 100%;
font-size: 16px;
margin: 10px 0 25px 0;
font-weight: 300;
}
section.page.agents .consultant .details .container .name {
display: inline-block;
width: 100%;
font-size: 24px;
font-weight: 900;
clear: both;
}
section.page.agents .consultant .details .container .name a {
margin: 0;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 25px 0 45px;
text-transform: uppercase;
}
section.page.agents .consultant .details .container .name a.phone {
margin: 0 15px 0;
background-image: url('../bundles/capiapp/images/picto-phone.png');
background-repeat: no-repeat;
background-position: 10px center;
background-color: #2fd819;
}
section.page.agents .consultant .details .container .name a.email {
margin: 0 10px 0 0;
background-image: url('../bundles/capiapp/images/picto-email.png');
background-repeat: no-repeat;
background-position: 10px center;
background-color: #d35400;
}
section.page.agents .consultant .details .container p.legal-info {
font-size: 11px;
display: inline-block;
line-height: 13px;
margin-top: 15px;
font-weight: 300;
margin-left: 0;
}
/* AD */
section.annonceHeader {
display: block;
width: 100%;
float: left;
text-align: center;
margin: 20px 0;
font-size: 13px;
}
section.annonceHeader span.label {
display: inline-block;
font-size: 11px;
color: #fff;
margin-top: 6px;
text-transform: uppercase;
vertical-align: middle;
font-weight: 900;
text-align: center;
}
section.annonceHeader span.label.exclusiveness {
background-image: url('../bundles/capiapp/images/realestate-label-exclusive.png');
display: inline-block;
line-height: 40px;
margin-left: 7px;
padding: 0 10px;
}
section.annonceHeader span.label.coup-coeur {
background-color: rgba(178, 0, 0, 0.5);
display: inline-block;
line-height: 40px;
margin-left: 7px;
padding: 0 10px;
}
section.annonceHeader span.label .capi {
padding: 0 50px 0 0;
background-image: url('../bundles/capiapp/images/realestate-label-logo.png');
background-repeat: no-repeat;
background-position: right center;
}
section.annonceHeader .features {
position: relative;
height: 120px;
line-height: 55px;
left: 0;
z-index: 20;
float: left;
width: 100%;
}
section.annonceHeader a.backtolist {
font-size: 14px;
position: relative;
bottom: 90px;
color: #fff;
z-index: 500;
width: 12%;
text-align: left;
display: inline-block;
float: left;
margin: 0 0 0 50px;
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 0 20px;
text-decoration: underline;
}
section.annonceHeader .backtolist:hover {
color: #7A7A7A;
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 0 20px;
text-decoration: underline;
}
section.annonceHeader .backtolist:hover {
color: #7A7A7A;
}
section.annonceHeader a.addtohide {
position: relative;
top: 100%;
z-index: 10;
display: inline-block;
float: left;
color: #7a7a7a;
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 0 40px;
text-decoration: underline;
}
section.annonceHeader a.backtolist {
position: relative;
z-index: 10;
display: inline-block;
float: left;
}
section.annonceHeader a.addtoselection {
position: relative;
top: 100%;
z-index: 10;
display: inline-block;
float: right;
color: #7a7a7a;
width: 20%;
text-align: left;
text-decoration: underline;
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 0 40px;
}
section.annonceHeader span.ref {
position: relative;
bottom: 45px;
z-index: 21;
display: inline-block;
float: right;
}
section.annonceHeader span.ref span.bg {
background-color: #e8e3e3;
padding: 5px;
color: #7a7a7a;
}
section.annonceHeader span.title,
section.annonceHeader h1.title {
position: relative;
z-index: 0;
display: inline-block;
position: absolute;
width: 100%;
font-size: 30px;
text-transform: uppercase;
font-weight: 900;
left: 0;
}
section.annonceHeader h1 {
display: block;
position: relative;
margin-top: -5px;
width: 100%;
text-align: center;
float: left;
clear: both;
font-size: 24px;
padding-top: 50px;
}
section.annonceHeader h1.big {
text-transform: uppercase;
font-size: 26px;
}
section.annonceHeader span.location {
display: block;
position: relative;
margin-top: 10px;
width: 100%;
text-align: center;
float: left;
clear: both;
color: #333333;
font-size: 24px;
text-transform: uppercase;
}
section.annonceHeader span.location.small {
text-transform: none;
}
section.annonceHeader span.price {
display: block;
position: relative;
margin-top: 10px;
width: 100%;
text-align: center;
float: left;
clear: both;
font-size: 36px;
}
section.annonceHeader span.price .per {
font-size: 24px;
color: #999999;
}
section.annonceHeader span.livraison {
display: block;
position: relative;
margin-top: 10px;
width: 100%;
text-align: center;
float: left;
clear: both;
font-size: 18px;
}
section.annonceHeader span.push {
display: block;
color: #333333;
position: relative;
margin-top: 10px;
width: 100%;
text-align: center;
float: left;
clear: both;
font-size: 16px;
}
section.annonceHeader sup {
font-size: 0.6em;
}
section.annonceHeader .ope30jours {
background-color: #e76821;
color: #fff;
padding: 0px 3px;
}
section.annonceHeader .label.ope30jours {
text-transform: none!important;
font-weight: 400!important;
display: inline-block;
line-height: 40px!important;
font-size: 18px!important;
padding: 0 10px 0 100px;
margin-top: 10px;
background-image: url('../bundles/capiapp/images/label-logo-30jours.png');
background-repeat: no-repeat;
background-position: 10px 1px;
}
section.annonceHeader .label.ope30jours.big {
font-size: 35px!important;
height: 52px!important;
line-height: 40px!important;
background-position: 10px 7px;
padding: 0 10px 0 110px;
}
section.annonceHeader .label.ope30jours a {
text-decoration: underline;
}
section.annonceHeader .label.ope30jourseco {
font-size: 18px;
color: #333333;
display: inline-block;
margin: 10px 0 0;
}
section.annonceHeader .label.ope30jourseco .economy {
background-color: #000;
color: #fff;
padding: 1px;
margin-left: 10px;
}
section.annonceHeader div.more {
display: inline-block;
margin: 20px 0 0;
font-size: 18px;
}
section.annonceHeader div.more .separator {
display: inline-block;
padding: 0 10px;
}
table.lots {
width: 100%;
border: 1px solid #d7d7d7;
margin: 20px 0;
box-sizing: border-box;
}
table.lots th,
table.lots td {
border: 1px solid #d7d7d7;
}
table.lots thead {
background: #aaa;
}
table.lots thead th {
font-size: 16px;
color: #fff;
padding: 10px 0;
font-weight: 700;
}
table.lots th {
width: 20%;
text-align: center;
}
table.lots td {
text-align: center;
padding: 10px 0;
}
.adDetails {
color: #7a7a7a;
line-height: 20px;
}
.adDetails .caracteristics {
margin: 20px 0 0;
}
.adDetails .othercaracteristics {
clear: both;
}
.adDetails .caracteristics .color {
font-weight: 900;
}
.adDetails .caracteristics .col {
float: left;
}
.adDetails .caracteristics .col h2 {
font-weight: 900;
margin: 20px 0 0;
}
.adDetails .caracteristics .col h2:first-child {
margin: 0;
}
.adDetails .caracteristics .col .description {
display: inline-block;
width: 100%;
font-size: 11px;
margin: 5px 0 0;
}
.adDetails .caracteristics .col legend {
display: inline-block;
width: 100%;
font-size: 11px;
margin: 0;
}
.adDetails .caracteristics .col img {
display: block;
width: 100%;
height: auto;
}
.adDetails .caracteristics .col p {
font-size: 14px;
margin: 20px 0 0;
}
.adDetails .caracteristics .col p .small {
display: inline-block;
font-size: 11px;
line-height: 13px;
}
.adDetails .caracteristics .col.col1 {
width: 30%;
}
.adDetails .caracteristics .col.col2 {
border-left: 1px solid #d7d7d7;
padding: 0 0 0 1%;
width: 30%;
}
.adDetails .caracteristics .col.col3 {
float: right;
width: 30%;
}
.goodDetails .energy_label {
float: left;
position: relative;
width: 100%;
}
.adDetails .consultant {
position: relative;
width: 100%;
float: left;
margin: 30px 0 0;
background-size: 100% 100%;
background-position: left 16% top 0;
}
.adDetails .consultant .left {
float: left;
width: 12%;
}
.adDetails .consultant .right {
float: right;
width: 88%;
}
.adDetails .consultant .details {
width: 100%;
height: 144px;
overflow: hidden;
background: transparent;
padding: 0;
text-align: center;
}
.adDetails .consultant .details .container {
display: inline-block;
color: #fff;
text-align: center;
width: 100%;
height: 144px;
margin: 0 0 0 0;
background-image: url('../bundles/capiapp/images/realestate-bgconsultant1.png');
}
.adDetails .consultant .details .container .title {
display: inline-block;
width: 100%;
font-size: 20px;
margin: 10px 0 15px 0;
}
.adDetails .consultant .details .container .link {
text-decoration: underline;
}
.adDetails .consultant .details .container .name {
display: inline-block;
width: 100%;
font-size: 24px;
font-weight: 900;
clear: both;
margin-bottom: 10px;
}
.adDetails .consultant .details .container .name a {
margin: 0;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 25px 0 45px;
text-transform: uppercase;
}
.adDetails .consultant .details .container .name a.phone {
margin: 0 15px 0;
background-image: url('../bundles/capiapp/images/picto-phone.png');
background-repeat: no-repeat;
background-position: 10px center;
background-color: #2fd819;
}
.adDetails .consultant .details .container .name a.email {
margin: 0 10px 0 0;
background-image: url('../bundles/capiapp/images/picto-email.png');
background-repeat: no-repeat;
background-position: 10px center;
background-color: #d35400;
}
.adDetails .consultant .details .container p.legal-info {
font-size: 11px;
display: inline-block;
line-height: 13px;
margin-top: 10px;
padding: 0;
font-weight: 300;
margin-left: 0;
}
.picto-toggle {
top: 5px;
height: 30px;
line-height: 30px;
padding: 5px;
border-radius: 10px 10px 10px 10px;
background-color: #04739D;
padding: 5px 30px 5px 5px;
background-image: url(../bundles/capiapp/images/picto-toggle.png);
background-repeat: no-repeat;
background-position: 97% center;
}
a.hover {
text-decoration: underline;
}
section {
position: relative;
}
section.control-center {
position: relative;
padding-top: 50px;
margin-bottom: 20px;
}
section.control-center .cc.info {
display: block;
width: 100%;
height: 62px;
overflow: hidden;
}
section.control-center .cc.info img {
float: left;
width: 5%;
}
section.control-center .cc.info .message {
display: inline-block;
float: right;
height: 62px;
width: 92%;
margin-left: 3%;
background-image: url('../bundles/capiapp/images/cc-info.png');
position: relative;
}
section.control-center .cc.info .message span {
display: inline-block;
width: 80%;
height: 52px;
padding: 8px 0 0 40px;
text-align: center;
font-size: 18px;
line-height: 22px;
}
section.control-center .cc.info .message img {
width: auto;
float: right;
display: block;
}
section.control-center .toggle {
cursor: pointer;
position: absolute;
right: 20px;
display: block;
vertical-align: middle;
color: #fff;
text-transform: uppercase;
background-position: 100% center ;
background-color: red;
top: 5px;
height: 30px;
line-height: 30px;
padding: 5px;
border-radius: 10px 10px 10px 10px;
background-color: #04739D;
padding: 5px 30px 5px 5px;
background-image: url(../bundles/capiapp/images/picto-toggle.png);
background-repeat: no-repeat;
background-position: 97% center;
}
section.control-center .container {
position: relative;
display: none;
margin-bottom: 30px;
}
section.control-center .container.open {
display: block;
}
section.control-center .consultant {
width: 20.5%;
margin: 0 4.4% 0 0;
float: left;
box-sizing: border-box;
}
section.control-center .consultant .details {
overflow: hidden;
width: 100%;
height: 305px!important;
/*height: 500px!important;*/
box-sizing: border-box;
}
section.control-center .consultant .details .legal {
display: none;
}
section.control-center .center {
width: 75%;
float: right;
background-color: #f4f4f4;
height: 615px;
}
section.control-center .center ul {
width: 31%;
float: left;
display: block;
list-style: none;
background-color: #dcdcdc;
height: 615px;
}
section.control-center .center ul li {
display: block;
width: 100%;
padding: 10px;
font-size: 16px;
margin-top: 10px;
box-sizing: border-box;
}
section.control-center .center ul li:hover,
section.control-center .center ul li.active {
background-color: #888888;
}
section.control-center .center ul li:hover a,
section.control-center .center ul li.active a {
color: #fff;
}
section.control-center .center ul li a {
color: #333333;
}
section.control-center .center .content {
position: relative;
color: #333333;
text-align: center;
height: 615px;
width: 69%;
float: right;
}
section.control-center .center .content .padding {
padding: 10px;
box-sizing: border-box;
}
section.control-center .center .content p {
line-height: 20px;
}
section.control-center .center .content .num {
display: inline-block;
font-weight: 900;
}
section.control-center .center .content .headline {
width: 100%;
margin: 30px 0;
}
section.control-center .center .content .headline.scroll {
height: 420px;
overflow-y: scroll;
margin: 0;
padding: 30px 0;
}
section.control-center .center .content .headline .title {
display: inline-block;
width: 100%;
height: 1px;
background-color: #333;
font-weight: 900;
}
section.control-center .center .content .headline .title span {
padding: 0 8px;
display: inline-block;
top: -7px;
width: auto;
background-color: #f4f4f4;
position: relative;
}
section.control-center .center .content .headline form {
margin: 20px 0;
display: inline-block;
position: relative;
}
section.control-center .center .content .headline form input[type=text] {
border: 0;
width: 175px;
padding: 0 10px;
border-radius: 0px;
}
section.control-center .center .content .headline form .round {
border-radius: 50%;
width: 25px;
height: 25px;
background-color: #EC1C23;
color: #fff;
}
section.control-center .center .content .headline a.preview {
display: inline-block;
background-image: url('../bundles/capiapp/images/picto-centrecontrol-preview.png');
background-repeat: no-repeat;
background-position: 0 0;
height: 23px;
line-height: 23px;
padding: 0 0 0 28px;
margin: 15px 60px 0 0;
cursor: pointer;
}
section.control-center .center .content .headline a.preview:hover,
section.control-center .center .content .headline a.preview.active {
background-position: 0 -76px;
}
section.control-center .center .content .headline a.preview.map {
float: none;
width: auto;
padding: 0 0 0 20px;
background-position: 0 -23px;
}
section.control-center .center .content .headline a.preview.map:hover,
section.control-center .center .content .headline a.preview.map.active {
background-position: 0 -99px;
}
section.control-center .center .content .headline a.preview.list {
background-position: 0 -46px;
}
section.control-center .center .content .headline a.preview.list:hover,
section.control-center .center .content .headline a.preview.list.active {
background-position: 0 -122px;
}
section.control-center .center .content .headline .filter {
width: 100%;
}
section.control-center .center .content .headline .filter label {
display: block;
text-align: left;
width: 100%;
clear: both;
float: left;
margin: 0 0 5px;
}
section.control-center .center .content .headline .searches {
width: 100%;
background-color: transparent;
height: auto;
text-align: left;
}
section.control-center .center .content .headline .searches li {
padding: 10px 0 20px 0;
font-size: 14px;
color: #7a7a7a;
border-bottom: 1px solid #dcdcdc;
}
section.control-center .center .content .headline .searches li:hover,
section.control-center .center .content .headline .searches li.active {
background-color: transparent;
}
section.control-center .center .content .headline .searches li:hover a,
section.control-center .center .content .headline .searches li.active a {
color: inherit;
}
section.control-center .center .content .headline .searches li a {
display: inline-block;
cursor: pointer;
text-indent: -500px;
overflow: hidden;
width: 20px;
height: 20px;
background-image: url('../bundles/capiapp/images/picto-centrecontrol-searchhistory.png');
margin-right: 5px;
}
section.control-center .center .content .headline .searches li a.save {
background-position: -30px 0;
}
section.control-center .center .content .headline .searches li a.remove {
background-position: -58px 0;
}
section.control-center .center .content .headline .searches li span.date {
display: inline-block;
float: left;
margin-right: 15px;
width: 21.5%;
}
section.control-center .center .content .headline .searches li span.criteria {
display: inline-block;
float: right;
margin-left: 10px;
width: 59%;
}
section.control-center .center .content .headline .goods-list {
width: 100%;
background-color: transparent;
height: auto;
text-align: left;
}
section.control-center .center .content .headline .goods-list li {
padding: 0 0 7px 0;
font-size: 14px;
color: #7a7a7a;
border-bottom: 1px solid #dcdcdc;
float: left;
}
section.control-center .center .content .headline .goods-list li:hover,
section.control-center .center .content .headline .goods-list li.active {
background-color: transparent;
}
section.control-center .center .content .headline .goods-list li:hover a,
section.control-center .center .content .headline .goods-list li.active a {
color: inherit;
}
section.control-center .center .content .headline .goods-list li a {
display: inline-block;
cursor: pointer;
text-indent: -500px;
overflow: hidden;
width: 20px;
height: 20px;
background-image: url('../bundles/capiapp/images/picto-centrecontrol-searchhistory.png');
margin-right: 5px;
}
section.control-center .center .content .headline .goods-list li a.save {
background-position: -30px 0;
}
section.control-center .center .content .headline .goods-list li a.remove {
background-position: -58px 0;
}
section.control-center .center .content .headline .goods-list li span.media {
width: 21%;
float: left;
}
section.control-center .center .content .headline .goods-list li span.actions {
width: 19%;
float: right;
text-align: center;
}
section.control-center .center .content .headline .goods-list li span.date {
display: inline-block;
float: left;
line-height: 20px;
margin-bottom: 15px;
width: 100%;
}
section.control-center .center .content .headline .goods-list li span.criteria {
display: inline-block;
float: left;
margin-left: 10px;
width: 57%;
}
section.control-center .center .content .infowindow {
position: absolute;
z-index: 30;
width: 240px;
background-color: #fff;
top: 15px;
right: 15px;
box-shadow: 0 0 50px -20px #000000;
}
section.control-center .center .content .infowindow .header {
display: block;
width: 220px;
background-color: #cecece;
padding: 0 10px;
height: 25px;
line-height: 25px;
font-size: 13px;
color: #7a7a7a;
}
section.control-center .center .content .infowindow .header a.close {
display: block;
width: 12px;
height: 12px;
text-indent: -500px;
overflow: hidden;
float: right;
background-image: url('../bundles/capiapp/images/picto-infowindow-close.png');
margin: 7px 0 0 0;
}
section.control-center .center .content .infowindow .details {
display: block;
position: relative;
float: left;
padding: 15px;
width: 210px;
text-align: center;
}
section.control-center .center .content .infowindow .details .price {
display: inline-block;
float: left;
font-size: 24px;
font-weight: 900;
color: #7a7a7a;
margin: 0 0 15px;
}
section.control-center .center .content .infowindow .details a.save {
display: inline-block;
width: 21px;
height: 23px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-infowindow-save.png');
float: right;
}
section.control-center .center .content .infowindow .details .box {
display: inline-block;
width: 50px;
height: 40px;
padding: 10px 0 0;
background-color: #d9d9d9;
margin: 10px 0 15px;
font-size: 18px;
font-weight: 900;
color: #707070;
}
section.control-center .center .content .infowindow .details .box .small {
display: block;
clear: both;
font-size: 13px;
font-weight: 400;
}
section.control-center .center .content .infowindow .details .box.surface {
float: left;
}
section.control-center .center .content .infowindow .details .box.pictures {
float: right;
}
section.control-center .center .content .infowindow .details p {
font-size: 13px;
float: left;
color: #707070;
text-align: left;
}
section.control-center .center .content .infowindow .details a.more {
display: block;
width: 100%;
text-align: center;
clear: both;
margin: 10px 0 0;
text-decoration: underline;
}
section.control-center .center .content .infowindow .consultant {
padding: 0 0 0 60px;
width: 100%;
height: 70px;
line-height: 40px;
float: left;
position: relative;
color: #fff;
font-size: 13px;
font-weight: bold;
}
section.control-center .center .content .infowindow .consultant .legal-info {
line-height: normal;
font-size: 10px;
font-weight: 300;
position: absolute;
bottom: 5px;
}
section.control-center .center .content .infowindow .consultant img {
position: absolute;
left: 0;
top: 0;
}
section.control-center .center .content .infowindow .bottom {
display: block;
float: left;
position: relative;
font-size: 12px;
color: #707070;
background-color: #cecece;
height: 25px;
line-height: 25px;
padding: 0 0 0 15px;
width: 225px;
}
section.control-center .center .content .infowindow .bottom .update {
float: right;
background-color: #b1b1b1;
display: inline-block;
height: 25px;
line-height: 25px;
color: #fff;
padding: 0 15px;
}
section.control-center .center .content .infowindowNego {
position: absolute;
z-index: 30;
width: 80%;
top: 50%;
left: 10%;
margin: -80px 0 0 0;
box-shadow: 0 0 50px -20px #000000;
}
section.control-center .center .content .infowindowNego .consultant {
width: 100%;
}
section.control-center .center .content .infowindowNego .consultant img {
float: left;
max-width: 30%;
height: auto;
}
section.control-center .center .content .infowindowNego .consultant .details {
height: 100%!important;
min-height: 145px;
left: 30%;
top: 0;
width: 70%;
background-color: #3598db;
padding: 15px;
position: absolute;
}
section.control-center .center .content .infowindowNego .consultant .details .who {
display: inline-block;
width: 100%;
font-weight: 700;
font-size: 18px;
}
section.control-center .center .content .infowindowNego .consultant .details .title {
display: inline-block;
width: 100%;
}
section.control-center .center .content .infowindowNego .consultant .details .count {
display: inline-block;
width: 100%;
padding: 5px 0 5px;
}
section.control-center .center .content .infowindowNego .consultant .details a.consultant-space {
text-decoration: underline;
text-transform: uppercase;
}
section.control-center .center .content .infowindowNego .consultant .close {
position: absolute;
display: block;
z-index: 13;
width: 20px;
height: 20px;
top: -20px;
right: 0px;
background-image: url('../bundles/capiapp/images/picto-infowindow-nego-close.png');
text-indent: -500px;
overflow: hidden;
}
section.control-center .center .content #gmapControlCenter {
position: absolute;
width: 100%;
height: 615px;
top: 0;
left: 0;
}
section .tags.filters {
margin: 30px 20px;
text-align: center;
}
section .tags.filters p.title {
text-align: center;
margin-bottom: 20px;
}
section .tags.filters a {
cursor: pointer;
display: inline-block;
color: #fff;
border-radius: 4px;
padding: 4px;
margin-right: 5px;
margin-bottom: 5px;
}
section .tags.filters a:not(.bgcolor) {
background-color: #adadad;
}
section .tags.filters a.off {
background-color: #d6d6d6;
cursor: default;
}
#controlcenterAjax #alertEmailForm div {
display: inline-block;
}
.toolbar {
width: 55px;
position: fixed;
text-align: center;
height: auto;
z-index: 30;
top: 50%;
margin: -150px 0 0;
padding: 20px 0 0;
}
.toolbar a {
display: inline-block;
width: 34px;
height: 32px;
background-repeat: no-repeat;
background-image: url('../bundles/capiapp/images/galery-toolbar.png');
text-indent: -500px;
overflow: hidden;
margin: 0 0 13px;
}
.toolbar a.email {
background-position: 0 0;
}
.toolbar a.phone {
background-position: 0 -41px;
}
.toolbar a.addtoselection {
background-position: 0 -87px;
}
.toolbar a.print {
background-position: 0 -131px;
}
.toolbar a.share {
background-position: 0 -178px;
}
.toolbar a.facebook {
background-position: 0 -227px;
}
.toolbar a.twitter {
background-position: 0 -280px;
margin: 0 0 10px;
}
.toolbar a.stats {
background-position: 0 -326px;
}
nav.breadcrumb {
margin-left: 10px;
padding: 0 0 20px;
float: left;
width: 90%;
}
nav.breadcrumb ul {
margin: 0;
}
nav.breadcrumb ul li {
display: inline-block;
font-size: 12px;
/*&:not(:last-child):after{
content:"\0020\003E\0020";
}*/
}
nav.breadcrumb ul li a,
nav.breadcrumb ul li span {
font-size: 12px;
}
.user-main-info-view {
margin: 20px 0 0;
}
.user-main-info-view div {
margin: 5px 0;
color: #7a7a7a;
font-weight: 300;
line-height: 20px;
}
.user-main-info-view div.credentials {
margin-bottom: 15px;
}
.user-main-info-view div.credentials .label {
font-weight: 700;
color: #000;
}
.user-main-info-view div a {
text-decoration: underline;
text-transform: uppercase;
font-size: 18px;
color: #000;
font-weight: 700;
}
.user-main-info-form .locations {
margin-top: 0!important;
}
.user-main-info-form .locations .select2-choice {
height: 20px;
line-height: 20px;
}
section.account {
font-family: 'Lato';
padding-bottom: 30px;
}
section.account h1 {
width: 100%;
text-align: left;
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
padding-top: 50px;
}
section.account .account-type {
font-size: 30px;
color: #000;
font-weight: 400;
margin-bottom: 20px;
}
section.account input[type=submit],
section.account input[type=reset] {
color: #000;
text-transform: uppercase;
text-decoration: underline;
background: none;
font-size: 16px;
border: 0;
}
section.account input[type=submit]:hover,
section.account input[type=reset]:hover {
text-decoration: none;
}
section.account .user-main-info-form {
margin-top: 20px;
}
section.account .user-main-info-form fieldset {
padding-left: 0;
padding-top: 0px;
}
section.account .user-main-info-form .control-group {
margin-bottom: 10px;
}
section.account .user-main-info-form .control-group.space {
margin-bottom: 25px;
}
section.account .user-main-info-form .control-group label {
font-weight: 700;
}
.score-ecusson {
width: 178px;
height: 218px;
position: absolute;
right: 0;
top: 0;
}
.score-ecusson.gold {
background: url('../bundles/capiapp/images/score.png') center center no-repeat;
background-size: cover;
}
.score-ecusson .title {
width: 100%;
text-align: center;
color: #fff;
font-size: 17px;
padding-top: 50px;
float: left;
text-transform: uppercase;
font-weight: 700;
}
.score-ecusson .grade {
width: 100%;
text-align: center;
color: #fff;
font-size: 36px;
padding-top: 9px;
float: left;
text-transform: uppercase;
font-weight: 900;
}
section.score {
color: #656565;
}
section.score .title {
font-size: 18px;
display: block;
margin-bottom: 25px;
}
section.score .title .points {
font-size: 18px;
}
section.score h2 {
font-size: 18px;
margin-bottom: 15px;
font-weight: 400;
}
section.score h2 a {
text-decoration: underline;
}
section.score h2 a:hover {
text-decoration: none;
}
section.score ul {
margin: 0 0 30px 0;
list-style-position: inside;
}
section.score ul li {
margin-bottom: 11px;
}
section.score ul li a {
color: #000000;
text-decoration: underline;
}
section.score ul li a:hover {
text-decoration: none;
}
section.score ul li span.points {
font-weight: 900;
}
.account-form-buttons input.big[type="submit"],
.account-form-buttons button[type="submit"],
.account-form-buttons a,
.account-form-buttons button {
color: #000;
font-size: 14px;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
margin-top: 15px;
font-weight: 700;
}
.account-form-buttons input.big[type="submit"]:hover,
.account-form-buttons button[type="submit"]:hover,
.account-form-buttons a:hover,
.account-form-buttons button:hover {
text-decoration: none;
}
#capi_appbundle_useraccount_userPassword div {
margin-right: 20px;
}
#capi_appbundle_useraccount_userPassword label {
margin-right: 5px;
}
span.alert {
background: #D00001;
border-radius: 5px;
background-clip: padding-box;
display: inline-block;
padding: 3px 10px;
box-sizing: border-box;
text-transform: uppercase;
color: #fff;
font-size: 11px;
margin-left: 10px;
font-weight: 700;
}
section.account-favorite-ads {
color: #656565;
}
section.account-favorite-ads .title {
font-size: 18px;
display: block;
margin-bottom: 25px;
}
section.account-favorite-ads .title .points {
font-size: 18px;
}
section.account-favorite-ads ul.view {
margin: 0 0 30px 0;
list-style-position: inside;
}
section.account-favorite-ads ul.view li {
margin-bottom: 11px;
}
section.account-favorite-ads ul.view li a {
color: #000000;
text-decoration: underline;
}
section.account-favorite-ads ul.view li a:hover {
text-decoration: none;
}
section.account-favorite-ads ul.view li span.points {
font-weight: 900;
}
section.account-favorite-ads .favorite-search-alert {
margin: 0 auto;
width: 90%;
}
section.account-favorite-ads .favorite-search-alert .control-group {
border-bottom: 1px solid #797979;
width: 100%;
box-sizing: border-box;
padding: 10px 5px;
}
section.account-favorite-ads .favorite-search-alert .control-group label {
margin-right: 15px;
}
section.account-favorite-ads .favorite-search-alert .control-group .desc {
color: #9F9F9F;
display: inline;
}
section.account-favorite-ads .favorite-search-alert .control-group:last-child {
border-bottom: 0;
}
.mandat-list {
margin-bottom: 20px;
}
.mandat-list .mandat-element {
cursor: pointer;
display: block;
width: 100%;
height: 30px;
line-height: 30px;
box-sizing: border-box;
color: #333333;
font-weight: 900;
padding: 0 0 0 35px;
background: url('../bundles/capiapp/images/mandat-arrow.png') 10px center no-repeat #d4d4d4;
}
.mandat-list .mandat-element.open {
background-image: url('../bundles/capiapp/images/mandat-arrow-open.png');
}
.mandat-list .opened {
background: #EAEAEA;
box-sizing: border-box;
padding: 10px 20px;
display: none;
}
.mandat-list section.stats {
background-color: #fff;
margin-bottom: 20px;
}
.mandat-list table.stats {
margin: 20px 5%;
width: 90%;
box-sizing: border-box;
}
.mandat-list table.stats tbody td {
border: 2px solid #d4d4d4;
}
.mandat-list table.stats thead {
background: #aaa;
}
.mandat-list table.stats thead th {
font-size: 16px;
padding: 10px 0;
font-weight: 400;
text-align: center;
}
.mandat-list table.stats thead th:first-child {
background-color: #fff;
}
.mandat-list table.stats th {
width: 20%;
}
.mandat-list table.stats th:first-child {
width: 60%;
}
.mandat-list table.stats td {
padding: 10px 0;
text-align: center;
font-size: 18px;
font-weight: 700;
}
.mandat-list table.stats td:first-child {
color: #7a7a7a!important;
text-align: left;
background-image: url('../bundles/capiapp/images/bullet.png');
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 30px;
font-size: 17px;
font-weight: 400;
}
.mandat-list section.similary {
background-color: #fff;
margin-bottom: 20px;
padding: 10px;
box-sizing: border-box;
}
.mandat-list section.similary .desc {
line-height: 20px;
}
.mandat-list section.similary .desc span {
font-weight: 700;
}
.mandat-list section.similary .desc span.result {
color: #cc0000;
}
.mandat-list section.similary .gmap {
width: 100%;
height: 600px;
margin-top: 20px;
}
.mandat-list section.reject {
background-color: #fff;
margin-bottom: 20px;
padding: 10px;
box-sizing: border-box;
}
.mandat-list section.reject .desc {
line-height: 20px;
}
.mandat-list section.reject .desc span {
font-weight: 700;
}
.mandat-list section.reject .desc span.result {
color: #cc0000;
}
.mandat-list section.reject .desc span.small {
font-size: 12px;
}
.mandat-list section.reject .desc ul {
margin: 15px 0 30px 0;
list-style-position: inside;
}
.mandat-list section.reject .desc ul li {
padding: 5px 0;
}
.mandat-list section.reject .desc ul li.other {
list-style: none;
}
.mandat-list section.reject .desc ul li.other label {
padding: 5px 7px;
margin-right: 10px;
display: inline-block;
background-color: #d4d4d4;
font-size: 14px;
}
.mandat-add {
height: 45px;
line-height: 45px;
box-sizing: border-box;
color: #333333;
font-weight: 900;
padding: 0 0 0 10px;
background: #D4D4D4;
position: relative;
}
.mandat-add .mandat-element {
float: left;
width: 20%;
}
.mandat-add form {
float: left;
height: 45px;
line-height: 45px;
padding-left: 20px;
width: 80%;
box-sizing: border-box;
}
.mandat-add form input[type=text] {
text-align: center;
width: 200px;
}
.mandat-add form input[type=submit] {
height: 25px;
text-align: center;
width: 200px;
float: right;
margin-top: 10px;
}
ul.inner-links {
display: block;
width: 100%;
float: left;
text-align: right;
font-size: 14px;
text-transform: uppercase;
font-weight: 900;
}
ul.inner-links li {
height: 20px;
line-height: 20px;
display: inline-block;
padding: 3px 10px;
box-sizing: border-box;
}
ul.inner-links li a {
color: #343434;
font-weight: 14px;
display: inline-block;
padding: 0px 10px;
height: 20px;
box-sizing: border-box;
}
ul.inner-links li.on a {
color: #fff;
background: #666666;
}
section.account-finance .half {
float: left;
width: 45%;
position: relative;
}
section.account-finance .half.ptz {
border-left: 1px solid #ccc;
box-sizing: border-box;
padding-left: 30px;
}
section.account-finance .half .or-cont {
background-color: #fff;
position: absolute;
left: -16px;
padding-top: 10px;
top: 0;
}
section.account-finance .half .or-cont .or {
background: #666666;
color: #FFF;
padding: 7px;
font-size: 16px;
border-radius: 50%;
background-clip: padding-box;
display: block;
}
section.account-finance .middle {
position: relative;
height: 85px;
width: 20px;
float: left;
border-left: 1px solid #ccc;
text-align: center;
}
section.account-finance fieldset.main h2 {
color: #7A7A7A;
font-size: 21px;
}
section.article {
font-family: 'Lato';
padding-bottom: 30px;
}
section.article h1 {
width: 50%;
text-align: center;
text-transform: uppercase;
font-size: 30px;
margin: 0 auto 25px auto;
font-weight: 900;
padding-top: 50px;
}
section.article mark {
width: 100%;
margin-bottom: 25px;
float: left;
background: none;
color: #323333;
font-size: 26px;
line-height: 34px;
font-weight: 400;
font-style: normal;
}
section.article mark.center {
text-align: center;
width: 100%;
float: center;
display: block;
}
section.article main {
float: left;
width: 70%;
font-size: 20px;
}
section.article main.full {
width: 100%;
}
section.article main.right {
float: right;
}
section.article main img {
margin-bottom: 30px;
max-width: 100%;
height: auto;
}
section.article main p {
font-size: 20px;
font-weight: 300;
line-height: 28px;
color: #333333;
margin-bottom: 30px;
}
section.article main p img {
width: auto;
height: auto;
}
section.article main p img[align~=left] {
margin: 0 30px 25px 0;
}
section.article main p img[align~=right] {
margin: 0 0 25px 30px;
}
section.article main p a {
text-decoration: underline;
color: #0ab3df;
font-weight: 700;
}
section.article main h2 {
font-size: 20px;
font-weight: 900;
margin-bottom: 10px;
}
section.article main ul {
margin: 0 0 30px 0;
list-style: none;
}
section.article main ul li {
margin-bottom: 10px;
line-height: 25px;
font-weight: 300;
background-image: url('../bundles/capiapp/images/li-bullet-color.png');
background-position: 0% 10px;
background-repeat: no-repeat;
padding-left: 20px;
}
section.article main ul li a {
color: #0ab3df;
text-decoration: underline;
font-size: 20px;
font-weight: 700;
}
section.article main span.source {
display: block;
width: 100%;
font-size: 14px;
font-weight: 300;
color: #333;
margin-bottom: 30px;
}
section.article main .previous,
section.article main .next {
display: block;
width: 100%;
font-weight: 300;
margin-bottom: 20px;
font-size: 14px;
}
section.article main .previous a:hover,
section.article main .next a:hover {
text-decoration: underline;
}
section.article main .next {
float: right;
text-align: right;
}
aside {
float: right;
width: 22%;
}
aside.left {
float: left;
}
aside > div {
padding: 10px 10px;
margin-bottom: 25px;
}
aside h2 {
font-size: 18px;
color: #FFF;
margin-bottom: 15px;
}
aside ul {
width: 80%;
min-width: 240px;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
margin: 0;
list-style: inside;
color: #fff;
}
aside ul li {
margin-bottom: 10px;
}
aside ul li a {
font-size: 16px;
text-decoration: none;
}
aside ul li a:hover {
text-decoration: underline;
}
.article .info {
width: 100%;
margin-bottom: 25px;
float: left;
background: none;
color: #323333;
font-size: 26px;
line-height: 34px;
font-weight: 400;
font-style: normal;
font-size: 14px;
font-family: 'Lato';
font-weight: 900;
margin-bottom: 10px;
}
aside .same-category {
color: #FFF;
}
aside .same-category h2 {
text-transform: uppercase;
}
aside .folder {
background-color: #e2e2e2;
}
aside .folder h2 {
color: #333;
text-transform: none;
}
aside .folder ul {
list-style-type: none;
}
aside .folder ul li a {
color: #333;
font-weight: 300;
}
aside .category {
background: #f8f8f8;
}
aside .category h2 {
text-transform: none;
}
aside .category ul {
color: #333;
margin: 0 0 5px 0;
}
aside .category ul > li {
color: #333;
list-style-type: none;
margin-bottom: 5px;
}
aside .category ul > li > a {
color: #333;
font-weight: 300;
font-size: 16px;
display: inline-block;
margin-bottom: 5px;
}
aside .category ul > li ul {
margin: 0 0 0 10px;
}
aside .category ul > li ul li {
list-style-type: none;
}
aside .category ul > li ul li:before {
content: "\0020\003E\0020";
}
aside .consultant {
background-color: #AAAAAA;
background-color: #00c0e6;
padding: 0;
}
form.grey {
background-color: #EEEDED;
}
section.article main form.main h2 {
font-size: 16px;
margin-bottom: 20px;
}
form.main {
padding: 15px 0 0 0 ;
}
form.main h2 {
font-size: 16px;
color: #000;
text-align: center;
background: url('../bundles/capiapp/images/form-h2-dot.jpg') center center repeat-x;
text-transform: uppercase;
}
form.main h2 span {
display: inline-block;
background-color: #EEEDED;
padding: 0 20px;
}
form.main fieldset {
display: block;
padding: 0 2% 10px 2%;
width: 98%;
}
form.main fieldset.white {
background-color: #fff;
}
form.main fieldset.submit {
padding: 20px 0;
text-align: center;
width: 100%;
}
form.main .line {
margin: 0 0 20px;
}
form.main .line.hide {
display: none;
}
form.main .line .group {
color: #333333;
margin-right: 5px;
}
form.main .line .group.checkbox label,
form.main .line .group.radio label {
margin-left: 5px;
margin-right: 3px;
}
form.main .line .group label {
font-weight: bold;
display: inline-block;
margin-left: 0;
margin-right: 5px;
}
form.main .line .group label.normal {
font-weight: normal;
}
form.main .line.inline .group {
display: inline-block;
margin-right: 20px;
}
form.main .left,
form.main .right {
width: 50%;
float: left;
}
.more-choice {
display: inline-block;
background: url('../bundles/capiapp/images/form-more-criteria.png') left center no-repeat;
padding: 0 0 0 20px;
color: #333;
text-decoration: underline;
cursor: pointer;
}
textarea.size-100 {
width: 95%;
}
input[type=submit] {
border: 0;
background-color: none;
font: -moz-button;
line-height: normal !important;
white-space: pre;
-moz-box-sizing: border-box;
-moz-user-select: none;
-moz-binding: none;
text-align: center;
display: inline-block;
}
input.big[type=submit],
button[type=submit] {
height: 41px;
line-height: 35px;
margin-top: 35px;
padding: 0 12px;
color: #Fff;
font-family: 'Lato';
font-size: 900;
font-size: 22px;
text-transform: uppercase;
cursor: pointer;
}
input.ok[type=submit] {
border-radius: 50%;
width: 30px;
height: 30px;
color: #878787;
}
/* Search result */
.search-result {
font-size: 36px;
font-weight: 300;
text-align: center;
width: 100%;
}
.save-search {
margin: 20px 0;
text-align: center;
}
#alertEmailForm input.ok[type=submit] {
color: #fff;
}
#alertEmailForm .group.checkbox * {
display: inline-block;
}
nav#pagination {
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}
nav#pagination a {
font-family: 'Lato';
display: inline-block;
margin: 0 10px 0 0;
color: #7A7A7A;
font-weight: 400;
}
.related-articles.grey {
background: #EBEBEB;
padding-top: 20px;
padding-bottom: 30px;
}
.related-articles .items {
float: left;
width: 100%;
position: relative;
list-style: none;
margin: 20px 0 0;
}
.related-articles .items li {
position: relative;
width: 24%;
margin: 0 1% 0 0;
float: left;
color: #454545;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
}
.related-articles .items li:last-child {
margin: 0;
}
.related-articles .items li img {
max-width: 100%;
height: auto;
display: block;
}
.related-articles .items li .date {
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 10px 0;
}
.related-articles .items li h3 {
font-size: 18px;
font-weight: 900;
line-height: 23px;
}
.related-articles .items li p {
line-height: 20px;
margin: 10px 0 0;
}
.related-articles .close {
cursor: pointer;
background: url('../bundles/capiapp/images/hide-block.png');
width: 20px;
height: 20px;
display: inline-block;
text-indent: -5000px;
margin-right: 10px;
}
.editorial-related-articles.grey {
background: #F3F3F3;
padding-top: 20px;
padding-bottom: 30px;
}
.editorial-related-articles .items {
float: left;
width: 100%;
position: relative;
list-style: none;
margin: 20px 0 0;
}
.editorial-related-articles .items li {
position: relative;
width: 30%;
margin: 0 3% 0 0;
float: left;
color: #454545;
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
}
.editorial-related-articles .items li:last-child {
margin: 0;
}
.editorial-related-articles .items li img {
max-width: 100%;
height: auto;
display: block;
}
.editorial-related-articles .items li .date {
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 10px 0;
}
.editorial-related-articles .items li h3 {
font-size: 18px;
font-weight: 900;
line-height: 23px;
}
.editorial-related-articles .items li p {
line-height: 20px;
margin: 10px 0 0;
}
.editorial-related-articles .close {
cursor: pointer;
background: url('../bundles/capiapp/images/hide-block.png');
width: 20px;
height: 20px;
display: inline-block;
text-indent: -5000px;
margin-right: 10px;
}
section.search-engine {
font-family: 'Lato';
padding-bottom: 30px;
}
section.search-engine h1 {
width: 60%;
text-align: center;
text-transform: uppercase;
font-size: 30px;
margin: 0 auto 25px auto;
font-weight: 900;
padding-top: 50px;
}
section.search-engine mark {
display: block;
margin: 0 auto 25px;
text-align: center;
width: 70%;
float: auto;
background: none;
color: #323333;
font-size: 26px;
line-height: 34px;
font-weight: 400;
font-style: normal;
}
section.search-engine mark.center {
text-align: center;
display: block;
}
section.search-engine mark .remove {
color: #FF0000;
text-decoration: line-through;
}
.modal-content.hidden {
display: none;
}
.modal-content .modal-head {
width: 100%;
height: 50px;
line-height: 56px;
font-size: 29px;
color: #fff;
font-size: 900;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding-left: 30px;
box-sizing: border-box;
}
.modal-content .modal-wrapper.overflow {
overflow-y: auto;
}
.modal-content.ptz-rules .modal-head {
font-size: 24px;
margin-bottom: 20px;
}
.modal-content.ptz-rules .modal-wrapper {
width: 680px;
box-sizing: border-box;
padding: 0 20px;
}
.modal-content.ptz-rules .modal-wrapper h3 {
margin-bottom: 15px;
}
.modal-content.ptz-rules .modal-wrapper p {
margin-bottom: 10px;
}
/* MODAL GEOLOCATION
========================================================================== */
.modal-content.geolocation {
width: 570px;
}
.modal-content.geolocation .modal-head {
line-height: 56px;
background-image: url('../bundles/capiapp/images/modal-phone.png');
background-position: 20px center;
background-repeat: no-repeat;
font-size: 29px;
color: #fff;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding-left: 60px;
box-sizing: border-box;
margin-bottom: 20px;
}
.modal-content.geolocation .modal-head.no-icon {
background-image: none;
padding-left: 20px;
}
.modal-content.geolocation .modal-wrapper {
width: 570px;
padding: 30px 0;
text-align: center;
}
.modal-content.geolocation .modal-wrapper .name {
color: #7A7A7A;
display: block;
font-size: 18px;
margin-bottom: 25px;
box-sizing: border-box;
padding: 0 20px;
}
.modal-content.geolocation .modal-wrapper .number {
display: block;
color: #000;
font-size: 30px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
margin-bottom: 60px;
}
.modal-content.geolocation .modal-wrapper .submit-geo {
display: inline-block;
color: #fff;
margin-top: 30px;
cursor: pointer;
text-transform: uppercase;
padding: 10px 15px 5px;
font-size: 24px;
min-height: 24px;
line-height: 24px;
margin-right: 20px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
}
.modal-content .grey {
background: #7A7A7A;
}
/* MODAL PHONE
========================================================================== */
.modal-content.phone {
width: 570px;
}
.modal-content.phone a.close-modal-button {
width: 35px;
height: 35px;
right: 0;
top: 0;
background-color: #00c0e6;
border: 5px solid #00c0e6;
}
.modal-content.phone .modal-head {
line-height: 1;
color: #00c0e6;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding: 30px 30px 0;
text-align: center;
font-weight: bold;
font-size: 27px;
height: auto;
}
.modal-content.phone .modal-wrapper {
width: 570px;
padding: 30px 0;
text-align: center;
}
.modal-content.phone .modal-wrapper .name {
color: #7A7A7A;
display: block;
font-size: 18px;
margin-bottom: 25px;
}
.modal-content.phone .modal-wrapper .number {
display: block;
color: #000;
font-size: 30px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
margin-bottom: 60px;
}
.modal-content.phone .modal-wrapper span.close-it {
width: auto;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
display: inline-block;
font-weight: 400;
text-align: center;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
color: #fff;
background: #00c0e6;
padding: 13px 20px;
border: 1px solid #00c0e6;
height: auto;
margin: 0;
cursor: pointer;
}
/* MODAL EMAIL (CONSEILLERS)
========================================================================== */
.modal-content.email {
width: 690px;
}
.modal-content.email a.close-modal-button {
width: 35px;
height: 35px;
right: 0;
top: 0;
background-color: #00c0e6;
border: 5px solid #00c0e6;
}
.modal-content.email .modal-head {
line-height: 1;
color: #00c0e6;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding: 30px 30px 0;
text-align: center;
font-weight: bold;
font-size: 27px;
height: auto;
}
.modal-content.email .modal-wrapper {
padding: 30px 30px;
text-align: left;
}
.modal-content.email .modal-wrapper .appart {
color: #333;
display: block;
font-size: 16px;
margin-bottom: 30px;
}
.modal-content.email .modal-wrapper .ref {
display: block;
color: #333;
font-size: 14px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
margin-bottom: 30px;
}
.modal-content.email .modal-wrapper .element,
.modal-content.email .modal-wrapper .control-group {
margin-bottom: 10px;
float: left;
clear: both;
width: 100%;
}
.modal-content.email .modal-wrapper .element label,
.modal-content.email .modal-wrapper .control-group label {
display: block;
margin-bottom: 5px;
}
.modal-content.email .modal-wrapper .element textarea,
.modal-content.email .modal-wrapper .control-group textarea {
margin-top: 5px;
display: block;
width: 100%;
height: 150px;
border: 1px solid #00c0e6;
}
.modal-content.email .modal-wrapper #contactForm .element .controls,
.modal-content.email .modal-wrapper #contactForm .control-group .controls {
display: block;
}
.modal-content.email .modal-wrapper #contactForm .element .controls input[type=text],
.modal-content.email .modal-wrapper #contactForm .control-group .controls input[type=text],
.modal-content.email .modal-wrapper #contactForm .element .controls input[type=email],
.modal-content.email .modal-wrapper #contactForm .control-group .controls input[type=email],
.modal-content.email .modal-wrapper #contactForm .element .controls input[type=password],
.modal-content.email .modal-wrapper #contactForm .control-group .controls input[type=password],
.modal-content.email .modal-wrapper #contactForm .element .controls input[type=number],
.modal-content.email .modal-wrapper #contactForm .control-group .controls input[type=number],
.modal-content.email .modal-wrapper #contactForm .element .controls input[type=date],
.modal-content.email .modal-wrapper #contactForm .control-group .controls input[type=date] {
border: 1px solid #00c0e6;
height: 40px;
font-size: 14px;
padding: 0 5px;
border-radius: 0;
width: 100%;
}
.modal-content.email .modal-wrapper .element .controls.textarea,
.modal-content.email .modal-wrapper .control-group .controls.textarea {
width: 100%;
}
.modal-content.email .modal-wrapper .center {
margin-bottom: 15px;
text-align: center;
}
.modal-content.email .modal-wrapper button,
.modal-content.email .modal-wrapper input[type=submit] {
display: inline-block;
color: #fff;
cursor: pointer;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
width: auto;
font-weight: 400;
text-align: center;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
background: #00c0e6;
padding: 13px 20px;
border: 1px solid #00c0e6;
height: auto;
margin: 0;
}
.modal-content.email .modal-wrapper .legal {
font-size: 12px;
color: #666;
}
.modal-content.email .modal-wrapper .legal p {
margin-bottom: 15px;
}
/* MODAL ADDHIDE
========================================================================== */
.modal-content.addHide {
width: 690px;
}
.modal-content.addHide .modal-head {
line-height: 56px;
font-size: 29px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding-left: 60px;
box-sizing: border-box;
background-image: url('../bundles/capiapp/images/picto-ad-hide.png');
background-position: 10px center;
background-repeat: no-repeat;
}
.modal-content.addHide .close-modal-button {
background-image: url('../bundles/capiapp/images/modal-close.png');
background-repeat: no-repeat;
background-position: bottom center;
}
.modal-content.addHide .modal-wrapper {
width: 570px;
padding: 30px 30px;
text-align: left;
color: #7a7a7a;
}
.modal-content.addHide .modal-wrapper .intro {
font-size: 18px;
line-height: 22px;
}
.modal-content.addHide .modal-wrapper .center {
margin-bottom: 15px;
text-align: center;
}
.modal-content.addHide .modal-wrapper .checkbox {
margin-top: 30px;
}
.modal-content.addHide .modal-wrapper .checkbox label {
width: 100%;
display: inline-block;
color: #7a7a7a;
padding: 0 0 10px;
}
.modal-content.addHide .modal-wrapper .checkbox label input[type=text] {
width: 350px;
}
.modal-content.addHide .modal-wrapper button,
.modal-content.addHide .modal-wrapper input[type=submit] {
display: inline-block;
color: #fff;
padding: 5px 13px 5px;
cursor: pointer;
font-size: 24px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
}
.modal-content.addHide .modal-wrapper button.cancel,
.modal-content.addHide .modal-wrapper input[type=submit].cancel {
background-color: #7a7a7a;
color: #fff;
margin-left: 15px;
}
.modal-content.addHide .modal-wrapper .legal {
font-size: 12px;
color: #666;
}
.modal-content.addHide .modal-wrapper .legal p {
margin-bottom: 15px;
}
/* MODAL ALERTE
========================================================================== */
.modal-content.alertEmail {
width: 450px;
}
.modal-content.alertEmail .modal-head {
line-height: 56px;
font-size: 29px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding-left: 60px;
box-sizing: border-box;
background-image: url('../bundles/capiapp/images/picto-modal-alert.png');
background-position: 10px center;
background-repeat: no-repeat;
}
.modal-content.alertEmail .close-modal-button {
background-image: url('../bundles/capiapp/images/modal-close.png');
background-repeat: no-repeat;
background-position: bottom center;
}
.modal-content.alertEmail .modal-wrapper {
width: 390px;
padding: 30px 30px;
text-align: left;
color: #7a7a7a;
}
.modal-content.alertEmail .modal-wrapper .intro {
font-size: 18px;
line-height: 22px;
}
.modal-content.alertEmail .modal-wrapper .center {
margin-bottom: 15px;
text-align: center;
}
/* MODAL SOCIAL
========================================================================== */
.modal-content.social {
width: 800px;
}
.modal-content.social .modal-head {
line-height: 56px;
font-size: 29px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding-left: 60px;
box-sizing: border-box;
background-image: url('../bundles/capiapp/images/picto-social-modal.png');
background-position: 10px center;
background-repeat: no-repeat;
}
.modal-content.social .close-modal-button {
background-image: url('../bundles/capiapp/images/modal-close.png');
background-repeat: no-repeat;
background-position: bottom center;
}
.modal-content.social .modal-wrapper {
width: 740px;
padding: 30px 30px;
text-align: left;
color: #7a7a7a;
}
.modal-content.social .modal-wrapper .intro {
font-size: 18px;
line-height: 22px;
}
.modal-content.social .modal-wrapper .center {
margin-bottom: 15px;
text-align: center;
}
.modal-content.social .modal-wrapper ul {
margin: 0 0 30px;
list-style-position: inside;
}
.modal-content.social .modal-wrapper ul li {
font-size: 16px;
margin-bottom: 10px;
}
.modal-content.social .modal-wrapper ul li span {
font-weight: 700;
}
.modal-content.social .modal-wrapper label {
font-weight: 700;
text-decoration: underline;
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0 0 0 30px;
margin: 0 0 10px;
background-repeat: no-repeat;
background-position: left center;
}
.modal-content.social .modal-wrapper label span {
text-decoration: none;
font-weight: 400;
}
.modal-content.social .modal-wrapper label.bronze {
background-image: url('../bundles/capiapp/images/social-bronze.png');
}
.modal-content.social .modal-wrapper label.argent {
background-image: url('../bundles/capiapp/images/social-argent.png');
}
.modal-content.social .modal-wrapper label.or {
background-image: url('../bundles/capiapp/images/social-or.png');
}
/* MODAL STATS
========================================================================== */
.modal-content.stats {
width: 800px;
}
.modal-content.stats .modal-head {
line-height: 56px;
font-size: 29px;
font-family: 'Lato Regular', Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
padding-left: 60px;
box-sizing: border-box;
background-image: url('../bundles/capiapp/images/picto-stats-modal.png');
background-position: 10px center;
background-repeat: no-repeat;
}
.modal-content.stats .close-modal-button {
background-image: url('../bundles/capiapp/images/modal-close.png');
background-repeat: no-repeat;
background-position: bottom center;
}
.modal-content.stats .modal-wrapper {
width: 740px;
padding: 30px 30px;
text-align: left;
color: #7a7a7a;
}
.modal-content.stats .modal-wrapper .intro {
font-size: 18px;
line-height: 22px;
}
.modal-content.stats .modal-wrapper .center {
margin-bottom: 15px;
text-align: center;
}
.modal-content.stats .modal-wrapper ul {
margin: 0 0 30px;
list-style-position: inside;
}
.modal-content.stats .modal-wrapper ul li {
font-size: 16px;
margin-bottom: 10px;
}
.modal-content.stats .modal-wrapper ul li span {
font-weight: 700;
}
.modal-content.stats table.stats {
margin: 20px 0;
width: 100%;
box-sizing: border-box;
}
.modal-content.stats table.stats tbody td {
border: 2px solid #d4d4d4;
width: 33%;
}
.modal-content.stats table.stats td {
padding: 10px 0;
text-align: center;
font-size: 18px;
vertical-align: middle;
}
.modal-content.stats table.stats td.adDetails {
position: relative;
}
.modal-content.stats table.stats td.adDetails .location {
font-size: 14px;
display: inline-block;
width: 100%;
}
.modal-content.stats table.stats td.adDetails .price {
font-size: 30px;
display: inline-block;
width: 100%;
font-weight: 700;
padding: 5px 0;
}
.modal-content.stats table.stats td.adDetails .picture {
position: relative;
width: 90%;
margin: 5px 5% 20px 5%;
}
.modal-content.stats table.stats td.adDetails .picture img {
display: block;
}
.modal-content.stats table.stats td.adDetails .picture .label {
position: absolute;
display: block;
width: 100%;
height: 20px;
line-height: 20px;
left: 0;
bottom: 0;
font-size: 11px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
text-align: center;
}
.modal-content.stats table.stats td.adDetails .picture .label.exclusiveness {
background-image: url('../bundles/capiapp/images/realestate-label-exclusive.png');
}
.modal-content.stats table.stats td.adDetails .picture .label.coup-coeur {
background-color: rgba(178, 0, 0, 0.5);
}
.modal-content.stats table.stats td.adDetails .picture .label.libre-vente {
bottom: auto;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content.stats table.stats td.adDetails .details {
position: absolute;
bottom: 0px;
left: 0;
font-size: 14px;
color: #7a7a7a;
padding: 0 5%;
width: 100%;
text-align: center;
margin: 0;
font-weight: 400;
height: 25px;
line-height: 25px;
box-sizing: border-box;
}
.modal-content.stats table.stats td.adDetails .details .surface {
float: left;
}
.modal-content.stats table.stats td.adDetails .details .surface sup {
vertical-align: super;
font-size: 0.7em;
line-height: 1em;
}
.modal-content.stats table.stats td.adDetails .details .pictures {
float: right;
}
.modal-content.stats table.stats td.adDetails .details .rooms {
display: inline-block;
max-width: 55%;
}
/* PTZ RESULT ??
========================================================================== */
.ptz-result .tab1 {
border: solid #355B95 1px;
}
.ptz-result .put1 {
font-family: Arial;
font-size: 10pt;
border-width: 1px;
border-style: solid;
border-color: #7F9DB9;
}
.ptz-result .td0 {
font-family: Arial;
font-size: 11pt;
color: #FFFFFF;
background-color: #355B95;
font-weight: bold;
}
.ptz-result .td1 {
font-family: Arial;
font-size: 10pt;
color: #000044;
background-color: #E0E2F9;
}
.ptz-result .td1s {
font-family: Arial;
font-size: 10pt;
color: #000044;
}
.ptz-result .td1f {
font-family: Arial;
font-size: 10pt;
color: #000044;
background-color: #C0C0C0;
}
.ptz-result .td1t {
font-family: Arial;
font-size: 10pt;
color: #FFFFFF;
background-color: #80B0D0;
}
.ptz-result .td1p {
font-family: Arial;
font-size: 10pt;
color: #000000;
background-color: #E0E2F9;
}
.ptz-result .td2 {
font-family: Arial;
font-size: 10pt;
color: #FFFFFF;
background-color: #355B95;
}
.ptz-result .tdg {
background-color: #E0E2F9;
}
.ptz-result .titre1 {
font-family: Arial;
font-size: 12pt;
font-weight: bold;
color: #000080;
}
.ptz-result .titre2 {
font-family: Arial;
font-size: 12pt;
font-weight: bold;
color: #000040;
}
.ptz-result .note0 {
font-family: Arial;
font-size: 8pt;
}
.ptz-result .note1 {
font-family: Arial;
font-size: 8pt;
font-style: italic;
color: #909090;
}
.ptz-result a.note1 {
font-family: Arial;
font-size: 8pt;
font-style: italic;
color: #909090;
text-decoration: none;
}
.ptz-result a.note1:visited {
font-family: Arial;
font-size: 8pt;
font-style: italic;
color: #909090;
text-decoration: none;
}
.ptz-result a.note1:hover {
font-family: Arial;
font-size: 8pt;
font-style: italic;
color: #909090;
text-decoration: underline;
background-color: #FFFFFF;
}
.result-form-ptz {
display: none;
}
.ptz-action {
text-align: center;
margin: 20px 0;
}
.ptz-action.left-align {
text-align: left;
}
.show-ptz-form {
display: inline-block;
font-family: 'Lato';
font-size: 16px;
font-weight: 700;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
cursor: pointer;
}
.show-ptz-condition {
font-family: 'Lato';
font-size: 16px;
font-weight: 700;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
}
#result_S_Pret,
#result_S_NbMois {
font-size: 17px;
}
#result_S_EchTotal,
#result_S_DureePeriode1,
#result_S_DureePeriode2,
#result_S_EchPeriode1,
#result_S_EchPeriode2 {
font-size: 14px;
color: #999999;
}
fieldset.main .control-group.big .controls span.label {
width: 50%;
}
.ptz-italic {
font-family: 'Lato';
font-style: italic;
font-weight: 300;
}
#myModal .modal-content.hidden {
display: block;
}
.reveal-modal {
width: auto;
padding: 0;
position: fixed;
margin: 0 auto;
background: #fff;
z-index: 5001;
border-radius: 0;
}
.reveal-modal-bg {
z-index: 5000;
}
.lightbox-container {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.lightbox-content {
position: relative;
margin: 0 auto;
}
.reveal-modal .close-modal-button {
position: absolute;
cursor: pointer;
width: 25px;
height: 25px;
background: url('../bundles/capiapp/images/modal-close.png') no-repeat;
right: 12px;
top: 13px;
}
.previous-article,
.next-article {
font-family: 'Lato Light', Helvetica, Arial, sans-serif;
font-size: 14px;
}
.previous-article {
float: left;
}
.next-article {
float: right;
}
.summary-carousel {
height: 480px;
margin: 0 0 20px;
position: relative;
}
.summary-carousel ul.slides {
display: block;
width: 100%;
height: 480px;
position: relative;
}
.summary-carousel ul.slides li {
width: 100%;
height: 100%;
position: relative;
background-position: center center;
background-size: cover;
}
.summary-carousel ul.slides li .content {
position: absolute;
left: 65px;
top: 65px;
width: 40%;
text-align: left;
font-size: 16px;
font-weight: bold;
}
.summary-carousel ul.slides li .content.left {
left: 65px;
right: auto;
text-align: left;
}
.summary-carousel ul.slides li .content.right {
right: 65px;
left: auto;
text-align: right;
}
.summary-carousel ul.slides li .content .captions {
background-color: #fff;
display: inline;
padding: 2px 6px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.summary-carousel ul.slides li .content .date {
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
.summary-carousel ul.slides li .content h2 {
font-size: 36px;
text-transform: uppercase;
padding: 0 0 15px;
font-weight: 900;
line-height: 40px;
}
.summary-carousel ul.slides li .content p {
position: relative;
top: 5px;
line-height: 22px;
}
.summary-carousel ul.slides li .content a {
font-size: 15px;
font-style: italic;
text-decoration: underline;
font-weight: normal;
}
section.summary-news main {
padding: 30px 0 0 ;
}
section.summary-news main ul li {
list-style: none;
position: relative;
display: block;
background-image: none!important;
padding-left: 0;
line-height: normal;
margin-bottom: 0;
}
section.summary-news main ul li .left {
width: 140px;
float: left;
}
section.summary-news main ul li .left img {
width: 140px;
}
section.summary-news main ul li .right {
width: 70%;
float: left;
margin-left: 20px;
}
section.summary-news main ul li .sum-info {
color: #000;
font-size: 13px;
font-family: 'Lato Light', Helvetica, Arial, sans-serif;
font-weight: 300;
display: block;
margin-bottom: 10px;
}
section.summary-news main ul li h1 {
font-size: 20px;
}
section.summary-news main ul li p {
font-size: 16px;
line-height: 18px;
}
section.summary-news main ul li a {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
text-indent: -5000px;
}
section.summary-news aside {
padding: 30px 0 0 ;
}
section.summary-news aside .main-cat {
width: 100%;
background: #F8F8F8;
display: block;
font-size: 24px;
padding: 5px 15px;
text-transform: uppercase;
box-sizing: border-box;
font-weight: 900;
}
section.summary-news aside .category {
margin-bottom: 0;
}
section.summary-news aside .category h2 {
font-size: 24px;
text-transform: uppercase;
}
section.summary-news aside .category ul > li {
color: #fff;
}
section.summary-news aside .category ul > li > a {
color: #fff;
font-weight: 700;
font-size: 14px;
}
section.summary-news aside .category ul > li > ul > li {
margin-bottom: 3px;
}
section.summary-news aside .category ul > li > ul > li > a {
font-weight: 300;
margin-bottom: 0;
}
section.summary-news aside .category.archive ul > li {
margin-bottom: 5px;
margin-left: 0;
}
section.summary-news aside .category.archive ul > li a {
color: #333;
margin-bottom: 0;
font-weight: 300;
font-size: 16px;
}
section.summary-news aside .tags {
width: 100%;
position: relative;
text-align: center;
margin: 0px 0 0;
}
section.summary-news aside .tags .cloud {
display: inline-block;
text-transform: uppercase;
line-height: 22px;
word-spacing: 10px;
margin: 0 0 20px;
}
.error-field {
color: #ff000a;
display: none;
margin-top: 5px;
font-size: 14px;
}
.error-message {
font-size: 13px;
color: red;
padding-top: 10px;
}
.error-message > ul {
list-style: none;
}
.parsley-error .error-field {
display: block;
}
.parsley-error {
color: #ff000a;
}
section.registration {
font-family: 'Lato';
padding-bottom: 30px;
}
section.registration h1 {
width: 50%;
text-align: center;
text-transform: uppercase;
font-size: 30px;
margin: 0 auto 25px auto;
font-weight: 900;
padding-top: 50px;
}
section.registration mark {
width: 100%;
margin-bottom: 25px;
float: left;
background: none;
color: #323333;
font-size: 26px;
line-height: 34px;
font-weight: 400;
font-style: normal;
}
section.registration mark.center {
text-align: center;
width: 100%;
float: center;
display: block;
}
section.registration mark a {
text-decoration: underline;
}
section.registration mark a:hover {
text-decoration: none;
}
section.registration div.main {
float: left;
width: 76%;
}
section.registration div.main.right {
float: right;
}
section.registration div.main img {
margin-bottom: 30px;
width: 100%;
height: auto;
}
section.registration div.main p {
font-size: 20px;
font-weight: 300;
line-height: 28px;
color: #333333;
margin-bottom: 30px;
}
section.registration div.main p img {
width: auto;
height: auto;
}
section.registration div.main p img[align~=left] {
margin: 0 30px 25px 0;
}
section.registration div.main p img[align~=right] {
margin: 0 0 25px 30px;
}
section.registration div.main p a {
text-decoration: underline;
}
section.registration div.main h2 {
font-size: 20px;
font-weight: 900;
margin-bottom: 10px;
}
section.registration div.main form {
padding: 20px 20px;
position: relative;
margin-bottom: 71px;
}
section.registration div.main form .submit {
position: absolute;
bottom: -71px;
left: 0;
width: 100%;
}
section.registration div.main form button[type=submit] {
margin-top: 0;
cursor: pointer;
border: 1px solid #fff;
float: right;
}
section.registration div.main form button[type=submit].disabled {
background-color: #ccc;
}
section.registration div.main form button[type=submit].disabled:hover {
background-color: #cccccc;
}
section.registration div.main form button.hidden {
display: none;
}
section.registration div.main form button[type=submit].verified {
background-color: #8AC544;
border-color: 1px solid #ABAAA8;
border-radius: 4px;
font-size: 14px;
color: #000;
text-transform: none;
height: 27px;
line-height: 27px;
font-weight: bold;
float: none;
}
section.registration div.main fieldset.you-are {
width: 100%;
margin-bottom: 20px;
background: #fff;
padding: 15px;
}
section.registration div.main fieldset.you-are.half {
width: 45%;
float: left;
min-height: 450px;
margin-bottom: 0;
}
section.registration div.main fieldset.you-are.right {
float: right;
}
section.registration div.main fieldset.you-are .control-group {
text-align: center;
color: #000000;
margin-bottom: 15px;
}
section.registration div.main fieldset.you-are .control-group .parsley-errors-list {
display: none;
}
section.registration div.main fieldset.you-are .control-group span.title {
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
display: block;
font-weight: 700;
width: 50%;
margin: 0px auto 10px auto ;
}
section.registration div.main fieldset.you-are .control-group span.title.mandat {
width: 70%;
}
section.registration div.main fieldset.you-are .control-group span.title.uppercase {
text-transform: uppercase;
}
section.registration div.main fieldset.you-are .control-group p {
font-size: 18px;
line-height: 18px;
margin: 30px;
}
section.registration div.main fieldset.you-are .control-group .controls.parsley-error {
color: #ff000a;
}
section.registration div.main fieldset.you-are .control-group .controls.parsley-error label,
section.registration div.main fieldset.you-are .control-group .controls.parsley-error span.label {
color: #ff000a;
}
section.registration div.main fieldset.you-are .control-group .controls.parsley-error input[type=text],
section.registration div.main fieldset.you-are .control-group .controls.parsley-error input[type=email],
section.registration div.main fieldset.you-are .control-group .controls.parsley-error input[type=password],
section.registration div.main fieldset.you-are .control-group .controls.parsley-error textarea,
section.registration div.main fieldset.you-are .control-group .controls.parsley-error input[type=date] {
border-color: #ff000a;
}
section.registration div.main fieldset.you-are .control-group .controls input[type=text].parsley-error,
section.registration div.main fieldset.you-are .control-group .controls input[type=email].parsley-error,
section.registration div.main fieldset.you-are .control-group .controls input[type=password].parsley-error,
section.registration div.main fieldset.you-are .control-group .controls textarea.parsley-error,
section.registration div.main fieldset.you-are .control-group .controls input[type=date].parsley-error {
border-color: #ff000a;
}
section.registration div.main fieldset.you-are .control-group .controls .parsley-error label {
color: #ff000a;
}
section.registration div.main fieldset.you-are .control-group .controls span.label {
display: block;
margin: 0 auto 7px auto;
width: 180px;
}
section.registration div.main fieldset.you-are .control-group .controls .left {
float: left;
}
section.registration div.main fieldset.you-are .control-group .controls input[type=text] {
width: 60%;
text-align: center;
}
section.registration div.main fieldset.you-are .mandatResult .success {
display: none;
}
section.registration div.main fieldset.you-are .mandatResult .failed {
color: #ff000a;
display: block;
margin: 15px auto 0 auto;
width: 70%;
text-align: center;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .name,
section.registration div.main fieldset.you-are .mandatResult .realestates .numero-mandat {
display: block;
width: 100%;
text-align: center;
font-size: 14px;
margin-bottom: 5px;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .numero-mandat {
margin-bottom: 10px;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .link {
width: 100%;
text-align: center;
margin-top: 20px;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .link a {
font-size: 13px;
text-decoration: underline;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .link a:hover {
text-decoration: none;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .goods-list {
text-align: center;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .goods-list li {
display: inline-block;
width: 242px;
float: none;
}
section.registration div.main fieldset.you-are .mandatResult .realestates .goods-list li img {
margin-bottom: 0;
}
section.registration div.main fieldset.login {
padding: 15px 0 0 0;
}
section.registration div.main fieldset.login p {
text-align: left;
}
section.registration div.main fieldset.login p a {
font-weight: bold;
}
section.registration div.main fieldset.login span.title {
margin-top: 20px;
}
section.registration div.main fieldset.login .info {
height: 85px;
margin-bottom: 25px;
}
section.registration div.main fieldset.login .info .left {
float: left;
width: 50%;
height: 85px;
text-align: center;
}
section.registration div.main fieldset.login .info .left .fb-button-connect {
margin-top: 19px;
}
section.registration div.main fieldset.login .info .middle {
position: relative;
height: 85px;
width: 20px;
float: left;
border-left: 1px solid #ccc;
text-align: center;
}
section.registration div.main fieldset.login .info .middle span {
position: absolute;
top: 32px;
background: #fff;
color: #8E8E8E;
padding: 3px;
font-size: 12px;
left: -10px;
}
section.registration div.main fieldset.login .info .right {
width: 45%;
float: left;
padding-top: 11px;
}
section.registration div.main fieldset.login .info .right input {
height: 25px;
width: 60%;
text-align: center;
}
section.registration div.main fieldset.login.about-you {
padding: 15px;
box-sizing: border-box;
}
section.registration div.main fieldset.login.about-you .controls {
text-align: left;
}
section.registration div.main fieldset.login.about-you .controls span.title {
text-align: center;
}
section.registration div.main fieldset.login.about-you .controls.line label {
displayl: inline;
}
section.registration div.main fieldset.login.about-you .controls.line div {
display: inline;
}
section.registration div.main fieldset.login.about-you .controls.line div.select2-display-none.select2-drop.select2-with-searchbox {
display: none;
}
section.registration div.main fieldset.login.about-you .controls.input-container label {
display: inline;
}
section.registration div.main fieldset.login.about-you .controls.input-container .input {
display: inline;
}
section.registration div.main fieldset.login.about-you .controls input[type=text] {
text-align: left;
width: 225px;
}
section.registration div.main fieldset.login.about-you .controls input[type=text].small {
width: 150px;
}
section.registration div.main fieldset.login.about-you .controls.parsley-error {
color: #ff000a;
}
section.registration div.main fieldset.login.about-you .controls.parsley-error label,
section.registration div.main fieldset.login.about-you .controls.parsley-error span.label {
color: #ff000a;
}
section.registration div.main fieldset.login.about-you .controls.parsley-error input[type=text],
section.registration div.main fieldset.login.about-you .controls.parsley-error input[type=email],
section.registration div.main fieldset.login.about-you .controls.parsley-error input[type=password],
section.registration div.main fieldset.login.about-you .controls.parsley-error textarea,
section.registration div.main fieldset.login.about-you .controls.parsley-error input[type=date] {
border-color: #ff000a;
}
section.registration div.main fieldset.login.about-you .controls input[type=text].parsley-error,
section.registration div.main fieldset.login.about-you .controls input[type=email].parsley-error,
section.registration div.main fieldset.login.about-you .controls input[type=password].parsley-error,
section.registration div.main fieldset.login.about-you .controls textarea.parsley-error,
section.registration div.main fieldset.login.about-you .controls input[type=date].parsley-error {
border-color: #ff000a;
}
section.registration div.main fieldset.login.about-you .controls .parsley-error label {
color: #ff000a;
}
section.registration div.main fieldset.login.about-you .controls.checkbox label {
margin-right: 10px;
}
section.registration div.main fieldset.secondary {
padding: 15px 0 0 0;
}
section.registration div.main fieldset.secondary p {
text-align: left;
}
section.registration div.main fieldset.secondary p a {
font-weight: bold;
}
section.registration div.main fieldset.secondary span.title {
margin-top: 20px;
}
section.registration div.main fieldset.secondary h2 {
text-align: center;
text-transform: uppercase;
font-size: 18px;
}
section.registration div.main fieldset.secondary .info {
height: 85px;
margin-bottom: 25px;
}
section.registration div.main fieldset.secondary .info .left {
float: left;
width: 50%;
height: 85px;
text-align: center;
}
section.registration div.main fieldset.secondary .info .left .fb-button-connect {
margin-top: 19px;
}
section.registration div.main fieldset.secondary .info .middle {
position: relative;
height: 85px;
width: 20px;
float: left;
border-left: 1px solid #ccc;
text-align: center;
}
section.registration div.main fieldset.secondary .info .middle span {
position: absolute;
top: 32px;
background: #fff;
color: #8E8E8E;
padding: 3px;
font-size: 12px;
left: -10px;
}
section.registration div.main fieldset.secondary .info .right {
width: 45%;
float: left;
padding-top: 11px;
}
section.registration div.main fieldset.secondary .info .right input {
height: 25px;
width: 60%;
text-align: center;
}
section.registration div.main fieldset.secondary.about-you {
padding: 15px;
box-sizing: border-box;
}
section.registration div.main fieldset.secondary.about-you .controls {
text-align: left;
}
section.registration div.main fieldset.secondary.about-you .controls span.title {
text-align: center;
}
section.registration div.main fieldset.secondary.about-you .controls.line label {
display: inline-block;
width: 15%;
}
section.registration div.main fieldset.secondary.about-you .controls.line div {
display: inline-block;
}
section.registration div.main fieldset.secondary.about-you .controls input[type=text] {
text-align: left;
width: 225px;
}
section.registration div.main fieldset.secondary.about-you .controls input[type=text].small {
width: 150px;
}
section.registration div.main fieldset.secondary.about-you .controls input[type=text].address {
width: 70%;
}
section.registration div.main fieldset.secondary.about-you .controls.parsley-error {
color: #ff000a;
}
section.registration div.main fieldset.secondary.about-you .controls.parsley-error label,
section.registration div.main fieldset.secondary.about-you .controls.parsley-error span.label {
color: #ff000a;
}
section.registration div.main fieldset.secondary.about-you .controls.parsley-error input[type=text],
section.registration div.main fieldset.secondary.about-you .controls.parsley-error input[type=email],
section.registration div.main fieldset.secondary.about-you .controls.parsley-error input[type=password],
section.registration div.main fieldset.secondary.about-you .controls.parsley-error textarea,
section.registration div.main fieldset.secondary.about-you .controls.parsley-error input[type=date] {
border-color: #ff000a;
}
section.registration div.main fieldset.secondary.about-you .controls input[type=text].parsley-error,
section.registration div.main fieldset.secondary.about-you .controls input[type=email].parsley-error,
section.registration div.main fieldset.secondary.about-you .controls input[type=password].parsley-error,
section.registration div.main fieldset.secondary.about-you .controls textarea.parsley-error,
section.registration div.main fieldset.secondary.about-you .controls input[type=date].parsley-error {
border-color: #ff000a;
}
section.registration div.main fieldset.secondary.about-you .controls .parsley-error label {
color: #ff000a;
}
section.registration div.main fieldset.secondary.about-you .controls.checkbox label {
margin-right: 10px;
width: auto;
}
section.registration div.main fieldset.secondary.about-you .control-group.left {
width: 40%;
float: left;
}
section.registration div.main fieldset.secondary.about-you .control-group.left:first-child {
margin-right: 10%;
}
section.registration div.main fieldset.secondary.about-you .control-group.left .controls label {
width: auto;
}
section.registration div.main fieldset.main p {
font-size: 18px;
line-height: 18px;
}
section.registration div.main fieldset.main h2 {
font-size: 18px;
}
fieldset.main {
padding: 15px 20px ;
box-sizing: border-box;
background-color: #fff;
margin-bottom: 20px;
}
fieldset.main h2 {
font-size: 14px;
text-align: center;
text-transform: uppercase;
margin-bottom: 25px;
}
fieldset.main .ignore {
width: 100%;
margin-bottom: 15px;
text-align: right;
}
fieldset.main .left,
fieldset.main .right {
width: 50%;
float: left;
}
fieldset.main p {
font-size: 18px;
line-height: 20px;
}
fieldset.main .control-group {
text-align: left;
margin-bottom: 20px;
}
fieldset.main .control-group.left {
float: left;
width: auto;
}
fieldset.main .control-group.left:first-child {
margin-right: 30px;
}
fieldset.main .control-group.no-margin {
margin: 0;
}
fieldset.main .control-group.loan-result-bloc {
background: #AAA;
padding: 9px;
min-height: 28px;
line-height: 28px;
width: 80%;
margin: 0 auto;
}
fieldset.main .control-group.loan-result-bloc .controls span.label {
color: #fff;
}
fieldset.main .control-group.loan-result-bloc .loan-result {
display: block;
background: #fff;
font-size: 22px;
float: right;
min-width: 105px;
padding: 0px 4px 6px 4px;
text-align: center;
min-height: 21px;
}
fieldset.main .control-group .loan {
width: 100%;
text-align: center;
display: block;
text-decoration: underline;
font-family: 'Lato';
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
fieldset.main .control-group .loan:hover {
text-decoration: none;
}
fieldset.main .control-group.big .controls span.label,
fieldset.main .control-group.big .controls span.info {
font-weight: bold;
width: 40%;
display: block;
float: left;
}
fieldset.main .control-group.big .controls span.label.long,
fieldset.main .control-group.big .controls span.info.long {
width: 50%;
}
fieldset.main .control-group.big .controls .color {
font-size: 22px;
}
fieldset.main .control-group .controls {
clear: both;
}
fieldset.main .control-group .controls div {
float: left;
}
fieldset.main .control-group .controls div#capi_search_create_searchAncien {
margin-left: 20px;
}
fieldset.main .control-group .controls.parsley-error {
color: #ff000a;
}
fieldset.main .control-group .controls.parsley-error label,
fieldset.main .control-group .controls.parsley-error span.label {
color: #ff000a;
}
fieldset.main .control-group .controls.parsley-error input[type=text],
fieldset.main .control-group .controls.parsley-error input[type=email],
fieldset.main .control-group .controls.parsley-error input[type=password],
fieldset.main .control-group .controls.parsley-error textarea,
fieldset.main .control-group .controls.parsley-error input[type=date] {
border-color: #ff000a;
}
fieldset.main .control-group .controls input[type=text].parsley-error,
fieldset.main .control-group .controls input[type=email].parsley-error,
fieldset.main .control-group .controls input[type=password].parsley-error,
fieldset.main .control-group .controls textarea.parsley-error,
fieldset.main .control-group .controls input[type=date].parsley-error {
border-color: #ff000a;
}
fieldset.main .control-group .controls .parsley-error label {
color: #ff000a;
}
fieldset.main .control-group .controls.hide {
display: none;
}
fieldset.main .control-group .controls span.label {
display: block;
}
fieldset.main .control-group .controls label,
fieldset.main .control-group .controls span.label {
color: #333333;
width: auto;
float: left;
margin: 0;
}
fieldset.main .control-group .controls label input[type="text"],
fieldset.main .control-group .controls span.label input[type="text"] {
float: left;
}
fieldset.main .control-group .controls label.location-label,
fieldset.main .control-group .controls span.label.location-label {
height: 43px;
line-height: 43px;
}
fieldset.main .control-group .controls span.info {
color: #999999;
font-size: 15px;
font-style: italic;
}
fieldset.main .control-group .controls span.info.lien {
text-decoration: underline;
cursor: pointer;
}
fieldset.main .control-group .controls span.info.lien:hover {
text-decoration: none;
}
fieldset.main .control-group .controls.checkbox label,
fieldset.main .control-group .controls.radio label {
float: none;
padding: 0 10px 0 2px;
}
fieldset.main .control-group .controls select {
margin-left: 10px;
}
fieldset.main .control-group .controls textarea {
width: 100%;
height: 100px;
}
fieldset.main .control-group .controls .list {
display: block;
float: left;
margin-left: 10px;
width: 80%;
}
fieldset.main .control-group .controls .list.short {
width: 40%;
}
fieldset.main .control-group .controls .list .parsley-errors-list {
display: none;
}
fieldset.main .control-group .controls .list label {
margin-right: 1px;
}
fieldset.main .control-group .controls span.currency {
display: block;
float: left;
margin-left: 5px;
}
fieldset.main .control-group .controls input.left,
fieldset.main .control-group .controls input[type=email],
fieldset.main .control-group .controls input[type=text],
fieldset.main .control-group .controls input[type=number] {
float: left;
margin-left: 5px;
width: auto;
}
fieldset.main .control-group .controls .parsley-errors-list {
display: none;
}
fieldset.main .select2-container-multi .select2-choices {
border-radius: 4px;
border: 1px solid #bebebe;
font-size: 14px;
margin: 7px 0 6px 5px;
}
fieldset.main .select2-container-multi .select2-choices input[type=text],
fieldset.main .select2-container-multi .select2-choices input[type=email],
fieldset.main .select2-container-multi .select2-choices input[type=password],
fieldset.main .select2-container-multi .select2-choices input[type=number],
fieldset.main .select2-container-multi .select2-choices input[type=date] {
height: auto;
}
fieldset.main .select2-container.locations {
margin-top: 8px;
margin-left: 10px;
}
input[type=text].error {
border-color: #ff000a;
}
#capi_search_create_searchLivingSize,
#capi_search_create_searchLandSize,
#capi_search_create_searchBudgetMax,
#capi_search_create_searchContribution {
width: 80px;
}
form .sbold {
font-weight: bold;
}
.estimate {
font-size: 20px;
line-height: 24px;
}
.estimate .left {
float: left;
width: 10%;
}
.estimate .right {
float: left;
width: 90%;
}
.estimate .tab {
margin-bottom: 30px;
margin-top: 30px;
}
#estimateResultChoice h1 {
width: 100%;
}
#estimateResultChoice mark {
text-align: center;
}
#estimateFormResultChoice .fb-button-login {
margin-bottom: 15px;
}
#estimateFormResultChoice .hidden {
display: none;
}
#estimateFormResultChoice .contain {
width: 36%;
margin: 0 auto;
}
#estimateFormResultChoice .or {
display: block;
color: #7A7A7A;
font-size: 12px;
margin-bottom: 15px;
text-align: center;
}
#estimateFormResultChoice .regularWidth input[type=text],
#estimateFormResultChoice .regularWidth input[type=password] {
display: inline-block;
margin-bottom: 15px;
text-align: center;
width: 280px;
}
.simulator-form input[type=number],
.simulator-form input[type=text] {
text-align: right;
box-sizing: border-box;
padding-right: 5px;
}
.simulator-form .errors {
width: 100%;
text-align: center;
}
.simulator-form .errors div {
display: none;
font-size: 14px;
color: #ff000a;
margin-top: 10px;
margin-bottom: 10px;
}
.simulator-form .parsley-errors-list {
display: none;
}
section.registration div.main fieldset.secondary.about-you .controls.line div.select2-drop.select2-display-none.select2-with-searchbox {
display: none;
}
#IsShowBrm1 {
display: none !important;
}
/** A ranger **/
.realestates .goods-list li .price .bymonth {
display: inline;
font-weight: 400;
font-size: 17px;
}
.realestates .goods-list li .details .small.bold {
font-weight: 700;
font-size: 14px;
}
.realestates .goods-list li .picture .label.libre-vente {
bottom: auto;
top: 0;
background: rgba(0, 0, 0, 0.5);
}
#contactForm input[type=text],
#contactForm input[type=email] {
width: 300px;
}
#contactForm .parsley-errors-list {
display: none;
}
.isotope {
width: 100%;
list-style: none;
padding: 0;
}
.isotope .grid-sizer {
width: 23.5%;
}
.isotope .gutter-sizer {
width: 2%;
}
.isotope > li {
width: 23.5%;
position: relative;
display: block;
float: left;
margin-bottom: 20px;
}
.isotope > li img {
outline: none;
border: none;
display: block;
width: 100%;
}
section.page .edit_infos {
color: #0ab3df;
text-align: center;
}
section.page .edit_infos a {
font-size: 18px !important;
text-decoration: underline;
}
section.page .edit_infos p {
float: none;
display: inline-block;
}
section.page.ville h1 {
width: 75%;
}
section.page.ville h2 {
text-align: center;
}
section.page.ville h3 {
margin-bottom: 20px;
}
section.page.ville .edit_infos {
color: #0ab3df;
text-align: center;
}
section.page.ville .edit_infos a {
font-size: 18px !important;
text-decoration: underline;
}
section.page.ville .edit_infos p {
float: none;
display: inline-block;
}
section.page.ville.edito {
margin-bottom: 20px;
}
section.page.ville .avg_prices {
margin-top: 25px;
width: 100%;
border: 1px solid #d7d7d7;
}
section.page.ville .avg_prices thead {
background: #0ab3df;
}
section.page.ville .avg_prices thead th {
padding: 4px;
color: #FFF;
}
section.page.ville .avg_prices tbody th {
vertical-align: middle;
background: #FFF;
border-bottom: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}
section.page.ville .avg_prices tbody tr:nth-child(even) {
background: #d7d7d7;
}
section.page.ville .avg_prices tbody tr:nth-child(odd) {
background: #ffffff;
}
section.page.ville .avg_prices tbody td {
padding: 4px;
}
section.page.ville .more_cities {
display: none;
}
section.page.ville .tags.filters .departements,
section.page.ville .tags.filters .villes {
margin-bottom: 20px;
}
section.page.ville .types_biens {
margin-bottom: 20px;
}
#controlcenterAjax .annonces-carte .carte-departements {
width: 50%;
height: 50%;
}
#controlcenterAjax .annonces-carte ul {
background: none;
list-style-type: circle;
height: auto;
width: auto;
}
#controlcenterAjax .annonces-carte ul li {
padding: 2px;
text-align: left;
background: #FFF;
margin-bottom: 2px;
margin-top: 0;
}
#controlcenterAjax .annonces-carte ul li:hover {
background: none;
color: auto;
}
#controlcenterAjax .annonces-carte ul li a:hover {
background: none;
}
.prix_baisse {
color: #01c412;
background: url(../bundles/capiapp/images/baisse_big.png) no-repeat 0 6px;
padding-left: 22px;
}
.realestates .goods-list.mode_list .prix_baisse,
.realestates .goods-list.mode .prix_baisse {
background: url(../bundles/capiapp/images/baisse_map.png) no-repeat 0 4px;
padding-left: 16px;
color: #01c412;
}
.realestates .goods-list.mode_map .price {
top: 0;
}
.realestates .goods-list.mode_map .price .prix_baisse {
background: url(../bundles/capiapp/images/baisse_map.png) no-repeat 0 2px;
padding-left: 15px;
color: #01c412;
}
@media only screen and (max-width: 1023px) {
.isotope > li {
width: 32%;
}
.isotope .grid-sizer {
width: 32%;
}
}
@media only screen and (max-width: 767px) {
.isotope > li {
width: 49%;
}
.isotope .grid-sizer {
width: 49%;
}
}
@media only screen and (max-width: 479px) {
.isotope > li {
width: 100%;
}
.isotope .grid-sizer {
width: 100%;
}
}
@media screen and (max-width: 1179px) {
.regularWidth {
width: 990px;
}
menu ul#main {
margin-left: 0;
}
menu ul#main li {
font-size: 12px!important;
padding: 0 7px;
}
.search .forms form input[type=submit] {
clear: both;
margin-top: 5px;
}
.search .forms form .searchOtherGoods {
float: left;
clear: both;
margin-top: 15px;
}
.search .forms #criteriaBuyWhere input[type=text]#city {
width: 200px;
}
.search .forms #criteriaBudget span.title,
.search .forms #criteriaSurface span.title,
.search .forms #criteriaSize span.title {
width: 20%;
}
.search .forms form#capiCommercialSearch .slider {
width: 26%;
}
.search .forms form#capiEnterpriseSearch .block {
width: 100%;
margin: 0 0 10px;
}
.search .forms form#capiEnterpriseSearch .block .head {
width: 6%;
}
.consultant .details ul.social {
margin-left: 0;
}
aside .consultant .details ul.social {
min-width: 100%;
}
aside .consultant .details ul.social li {
margin-right: 0px;
padding: 0;
}
form.main .line .group label {
font-size: 14px;
}
menu > ul#main > li > a {
padding: 0 10px;
}
}
@media screen and (max-width: 1024px) {
menu > ul#main {
display: block;
margin: 27px 0 0 15px;
}
menu ul#main li {
font-size: 15px !important;
padding: 0;
}
section #tabs ul.tabs li {
padding: 0 10px;
font-size: 16px;
}
#signin.connected {
width: 100%;
}
.regularWidth {
width: 980px!important;
}
section.annonceHeader span.title,
section.annonceHeader h1.title {
font-size: 24px;
}
.galerySlider #slider .flex-direction-nav {
display: none;
}
.simulator .forms form .row .title {
font-size: 14px;
}
.simulator .forms form input[type=number],
.simulator .forms form input[type=text] {
width: 120px;
}
.realestates.four-elements .goods-list li {
width: 31.3333%;
}
.realestates.four-elements #ajaxPreview {
width: 980px;
margin-left: -440px;
}
aside {
width: 28%;
}
}
@media screen and (max-width: 980px) {
menu {
max-width: 980px!important;
}
.regularWidth {
width: 750px!important;
}
menu > ul#main {
display: block;
margin: 27px 0 0 15px;
}
menu ul#main li {
font-size: 12px !important;
padding: 0;
}
menu > ul#main > li > a {
padding: 0 5px!important;
}
menu > ul#main > li .submenu a {
font-size: 14px!important;
}
.submenu ul.level2 > li {
padding-bottom: 50px!important;
}
.submenu,
.submenu .level2 > li {
height: auto!important;
}
footer .region .quicklinks {
width: 100%;
}
footer .region .imac {
width: 100%;
text-align: center;
}
.simulator .forms form .row .title {
width: 100%;
padding: 0 0 5px;
}
.simulator .forms form .row label {
display: block;
width: 100%;
}
.simulator .forms form .result .ajax {
display: inline-block;
width: 50%;
margin: 10px 0 0;
}
.simulator .consultant .details {
height: 300px!important;
}
.social .share {
width: 65%;
}
.social form#capiSocialShare input[type="submit"] {
font-size: 16px!important;
}
section #tabs ul.tabs li {
padding: 0 10px;
font-size: 13px;
}
#signin .regularWidth .left {
position: relative;
}
#signin .regularWidth .left .contain {
min-width: 0px!important;
}
section.annonceHeader .features {
height: 100px!important;
}
section.annonceHeader span.title,
section.annonceHeader h1.title {
top: 50px!important;
}
section.annonceHeader a.addtohide {
margin-left: 20px;
}
section.control-center .center ul li {
font-size: 14px;
}
section.control-center .center ul {
width: 25%;
}
section.control-center .center .content {
width: 75%;
}
section.control-center .consultant {
display: none;
}
section.control-center .center {
width: 100%;
}
section.control-center .center .content .headline a.preview {
margin: 15px 30px 0 0;
}
.control-center .search .forms .distance {
margin-left: 20%;
}
.mandat-add .mandat-element {
width: 30%;
}
.mandat-add form {
width: 70%;
}
.newsSlider ul.slides li .content h2 {
font-size: 24px;
line-height: 28px;
}
.newsSlider ul.slides li .content p {
font-size: 14px;
line-height: 20px;
}
section.summary-news main ul li .right {
margin-left: 15px;
}
section.summary-news main ul li p {
font-size: 13px;
line-height: 18px;
}
section.article main {
width: 100%;
}
aside .category {
float: left;
}
aside .category ul.same-category > li {
width: 45%;
margin-right: 5%;
float: left;
}
aside {
width: 100%;
float: left;
}
aside ul {
width: 100%;
}
section.search-engine h1,
section.article h1 {
width: 100%;
}
section.page.agents .consultant .details h2 {
margin: 10px 0px 5px 30px;
}
section.page.agents .consultant .details .social,
section.page.agents .consultant .details .link {
width: 50%;
}
.realestates.four-elements .goods-list.mode_list li .info {
padding: 15px 15px;
}
.realestates.four-elements .goods-list.mode_list li .info a.link {
margin: 15px 0px;
}
.realestates.four-elements .goods-list.mode_list li .info a.addtohide,
.realestates.four-elements .goods-list.mode_list li .info a.addtoselection {
text-indent: -5000px;
overflow: hidden;
}
.consultant {
width: 100%!important;
margin-bottom: 10px;
background: #AAA;
}
.consultant img.avatar {
width: 22.5%;
float: left;
}
.consultant .details {
width: 57%;
float: left;
padding: 0.8% 10.25%;
}
.search.home {
margin-bottom: 0;
}
.search .forms {
width: 100%;
}
.search .forms form {
margin-bottom: 0px;
}
.search .consultant .details .who br {
display: inline;
float: left;
padding-right: 5px;
}
.search .consultant .details {
height: 178px!important;
}
.search .consultant .details p.legal {
padding: 0 6.25% 10px;
}
.consultant .details p.legal-info {
padding: 10px 5.25% 0;
}
.search .consultant .details ul.social {
margin: 10px 0 15px;
}
.search .consultant .details span.title {
margin-top: 0;
}
section.page.agents .consultant .details p.legal-info {
width: 50%;
display: inline-block;
}
section.registration div.main.right {
width: 100%;
margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
menu {
min-width: 667px!important;
}
.regularWidth {
width: 640px!important;
}
}
@media screen and (max-width: 667px) {
menu {
min-width: 360px!important;
}
.regularWidth {
width: 360px!important;
}
.realestates.four-elements .goods-list li {
width: 90%;
margin: 0 5% 10px;
}
footer .region .quicklinks {
text-align: center;
}
.realestates h2.left {
text-align: center;
}
.map .infowindow .consultant img,
.search .consultant img.avatar,
.consultant img.avatar {
display: none;
}
.map .infowindow .consultant {
padding: 0;
}
section #tabs ul.tabs li:not(.on) {
display: none;
}
.search .forms form .searchOtherGoods {
margin-top: 0;
line-height: 19px;
padding: 5px;
}
#capiDetailledSearch span.title {
display: inline-block !important;
width: 100%!important;
padding: 0 0 5px;
}
#criteriaBudget .or,
#criteriaSurface .or,
#criteriaLand .or {
display: none;
}
.control-center .search .forms #criteriaBudget > .irs,
.control-center .search .forms #criteriaSurface > .irs,
.control-center .search .forms #criteriaLand > .irs {
width: 100%;
}
#criteriaBudget > .irs,
#criteriaSurface > .irs,
#criteriaLand > .irs {
width: 100%;
}
#capiDetailledSearch #criteriaBuyWhere .inputLocation {
padding-left: 0;
display: inline-block;
width: 100%;
}
#capiDetailledSearch #criteriaBuyWhere .inputLocation strong {
vertical-align: middle!important;
}
#capiDetailledSearch #criteriaBuyWhere .inputLocation .locations {
width: 95%!important;
margin: 10px 0 15px;
}
.search .forms form .row div.group label {
padding-right: 20px;
padding-bottom: 7px;
}
#capiDetailledSearch #criteriaBuyWhere .pull-right,
#capiDetailledSearch #criteriaType .pull-right {
float: left!important;
}
#capiDetailledSearch #criteriaBuyWhere .pull-right label,
#capiDetailledSearch #criteriaType .pull-right label {
padding-right: 20px;
padding-bottom: 7px;
display: inline-block;
}
.news .items {
width: 100%;
}
.news .items li {
width: 90%;
margin: 0 5% 25px;
}
.news .items li img {
width: 100%;
}
.news .tags {
display: none;
}
footer .region .imac img {
max-width: 100%;
}
section.homeSlider ul.slides li .content,
.newsSlider ul.slides li .content {
width: 70%;
top: 20%;
}
section.homeSlider ul.slides li .content .captions,
.newsSlider ul.slides li .content h2 {
font-size: 16px;
line-height: 21px;
}
.newsSlider ul.slides li .content p {
display: none;
}
menu {
height: auto;
}
menu h1 {
text-align: center;
}
menu #logo {
display: inline-block;
float: none;
}
header#top ul#sites li {
font-size: 10px;
padding: 0px 15px;
}
header#top ul#sites li.rh {
display: none;
}
header#top ul#features li.account {
display: none;
}
.modal-content {
max-width: 360px!important;
}
.modal-content .modal-wrapper,
.modal-content.email .modal-wrapper {
max-width: 100%!important;
width: 100%!important;
}
.modal-content .modal-wrapper .select2-container,
.modal-content .modal-wrapper {
max-width: 100%!important;
}
.reveal-modal {
position: relative!important;
top: auto!important;
}
section.homeSlider .flex-control-nav {
bottom: 0px;
}
menu > ul#main {
margin: 0;
height: 70px;
line-height: normal;
}
menu ul#main > li {
display: inline-block;
float: none;
height: auto;
margin: 0;
}
menu > ul#main > li > a {
padding: 5px 5px !important;
}
.submenu {
top: 178px;
}
.submenu.two .level2,
.submenu.three .level2,
.submenu.four .level2 {
width: 100%;
}
.submenu .level2 {
border: 0;
}
section.control-center .center {
height: auto;
}
section.control-center .center ul {
width: 100%;
height: auto;
}
section.control-center .center .content {
width: 100%;
height: auto;
float: left;
}
.control-center .search .forms .row .group {
width: 100%;
}
.control-center .search .forms .distance {
width: 100%;
margin-left: 0;
margin-bottom: 10px;
}
section.search-engine mark {
width: 90%;
}
.realestates h2 {
font-size: 16px;
}
aside .category ul.same-category > li {
width: 100%;
margin-right: 0;
}
section.summary-news main ul li .left {
width: 30%;
}
section.article main h2 {
font-size: 15px;
}
section.summary-news main ul li .right {
width: 65%;
margin-left: 5%;
}
.editorial-related-articles .items li {
width: 100%;
margin: 0 0 25px;
}
.toolbar {
display: none;
}
.fb_iframe_widget span {
width: 100%!important;
}
.fb_iframe_widget iframe {
width: 100%!important;
}
.select2-container.locations {
margin: 0 0 10px;
width: 100%!important;
}
.galerySlider {
height: auto;
min-height: 0;
}
.galerySlider #carousel {
display: none;
}
.simulator .forms {
width: 100%;
}
.social form#capiSocialShare input[type="submit"] {
padding: 0px 40px 0;
background-position: right 10px center;
}
.simulator .forms .or {
display: none;
}
.simulator .forms form {
width: 100%;
margin: 20px 0 0!important;
}
.simulator .consultant .details {
height: 200px!important;
}
.simulator .forms form .row .title {
width: 50%;
}
.simulator .forms form .row label {
display: inline;
width: 50%;
}
.social {
margin: 0 0 20px;
}
.social .fb-like-box,
.social .share {
width: 100%;
margin-bottom: 20px;
}
.adDetails .caracteristics .col {
width: 100%!important;
padding: 0!important;
border: 0!important;
margin-top: 20px;
}
.adDetails .consultant .right {
width: 100%;
}
.adDetails .consultant .details .container .title {
font-size: 16px;
margin: 5px 0px 15px;
}
.adDetails .consultant .details .container .name {
font-size: 20px;
}
.adDetails .consultant .details .container .name a.phone {
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-position: -134px 0px;
padding: 0;
background-color: transparent;
}
.adDetails .consultant .details .container .name a.email {
width: 29px;
height: 29px;
text-indent: -500px;
overflow: hidden;
background-image: url('../bundles/capiapp/images/picto-social.png');
background-position: -181px 0px;
padding: 0;
background-color: transparent;
}
section.annonceHeader a.backtolist {
text-indent: -5000px;
overflow: hidden;
}
section.annonceHeader span.title,
section.annonceHeader h1.title {
font-size: 18px;
}
section.annonceHeader span.location {
font-size: 16px;
}
section.homeSlider ul.slides li .content p,
section.homeSlider ul.slides li .content h5 {
display: none;
}
header#top ul#sites li {
padding: 0px 8px;
}
header#top ul#sites li.on {
padding: 0px 6px 0px 25px;
}
.galerySlider .flexslider .slides li {
height: 300px;
}
.galerySlider .flexslider .slides img {
height: 300px!important;
}
.adDetails p,
.adDetails .caracteristics {
width: 90%;
margin: 0 5%;
}
.simulator,
.social,
.article .info,
section.article main p,
section.article main span.source,
section.article main .previous,
section.article main .next {
width: 90%;
margin: 0 5%;
}
.article .info {
line-height: 18px;
}
section.article main .previous,
section.article main .next,
section.article main span.source {
margin-bottom: 15px;
}
.editorial-related-articles .items li,
.editorial-related-articles .items li:last-child,
section.summary-news main ul li {
width: 90%;
margin: 0 5% 25px;
}
section.summary-news main ul li p {
display: none;
}
section.page.agents form .select2-container {
margin-left: 0;
}
section.page.agents form input[type="text"] {
width: 150px;
margin-left: 0;
}
section.page.agents .tabs {
width: 90%;
margin: 20px 5% 0;
}
section.page.agents .tabs ul li {
text-align: center;
}
section.page.agents .consultant .right,
section.page.agents .consultant .details,
section.page.agents .consultant .details .subtitle {
width: 100%;
}
section.page.agents .consultant .left,
section.page.agents .consultant .gmap {
display: none;
}
section.page.agents .consultant .details h2 {
margin: 10px 0px 5px 10px;
width: 50%;
}
section.page.agents .consultant .details .social,
section.page.agents .consultant .details .link {
width: 45%;
}
section.page.agents .consultant .details .container p.legal-info {
width: 100%;
font-size: 10px;
}
section.page.agents .consultant .details .link {
font-size: 14px;
}
section.page.agents .pagination {
width: 90%;
margin: 15px 5% 0;
text-align: center;
}
}
@media screen and (max-width: 370px) {
menu {
min-width: 320px!important;
}
.regularWidth {
width: 320px!important;
}
.modal-content {
max-width: 320px!important;
}
}
/* LIST CONSULTANTS
========================================================================== */
.consultant-list .col-1-3 {
padding: 0 10px;
}
.consultant-list .consultant-item {
border: 1px solid #dfdfdf;
margin-top: 110px;
position: relative;
}
.consultant-list .consultant-item .label-avis-verifies {
position: absolute;
top: -1px;
right: -1px;
}
.consultant-list .consultant-item .visu img {
height: 165px;
width: 165px;
border: 3px solid #00c0e6;
border-radius: 50%;
margin: -82px auto 0;
display: block;
position: relative;
}
.consultant-list .consultant-item .content {
padding: 20px;
}
.consultant-list .consultant-item .title {
color: #00c0e6;
font-weight: bold;
font-family: 'Lato', Arial, sans-serif;
font-size: 18px;
margin-bottom: 15px;
}
.consultant-list .consultant-item .title .upper {
text-transform: uppercase;
}
.consultant-list .consultant-item .title .subtitle {
text-transform: uppercase;
font-size: 12px;
color: #000;
display: block;
margin-top: 3px;
}
.consultant-list .consultant-item .languages {
margin-bottom: 10px;
}
.consultant-list .consultant-item .languages img + img {
padding-left: 5px;
}
.consultant-list .consultant-item .social {
width: auto;
margin: 0 0 15px;
float: none;
clear: none;
list-style: none;
}
.consultant-list .consultant-item .social li {
display: inline;
}
.consultant-list .consultant-item .social li > a {
display: inline-block;
height: 45px;
width: 45px;
border-radius: 50%;
background: #00c0e6;
padding: 10px;
margin-right: 5px;
vertical-align: middle;
}
.consultant-list .consultant-item .social li > a svg {
height: 25px;
width: 25px;
}
.consultant-list .consultant-item .social li .nb-annonces {
font-size: 16px;
font-weight: bold;
color: #00c0e6;
vertical-align: middle;
}
.consultant-list .consultant-item .legal-info {
font-size: 12px;
color: #00c0e6;
margin-bottom: 15px;
}
.consultant-list .consultant-item .cta {
text-align: center;
}
.remove-favorite {
position: absolute;
bottom: -20px;
right: 0;
z-index: 1000;
color: #da104f;
font-size: 11px;
}
.remove-search {
color: #da104f;
font-size: 11px;
}
.remove-search:hover {
text-decoration: underline;
}
a.alert-true {
background: #D00001;
border-radius: 5px;
background-clip: padding-box;
display: inline-block;
padding: 3px 10px;
box-sizing: border-box;
text-transform: uppercase;
color: #fff;
font-size: 11px;
margin-left: 10px;
font-weight: 700;
}
a.alert-false {
background: #7a7a7a;
border-radius: 5px;
background-clip: padding-box;
display: inline-block;
padding: 3px 10px;
box-sizing: border-box;
text-transform: uppercase;
color: #fff;
font-size: 11px;
margin-left: 10px;
font-weight: 700;
}
section.search-engine h1,
.current .color {
color: #0ab3df!important;
clear: both;
}
.required:after {
content: " * ";
color: red;
}
/* styles generaux
======================================= */
* {
box-sizing: border-box;
}
*::after,
*::before {
box-sizing: border-box;
}
section {
float: none !important;
}
.innerContent {
position: relative;
}
.container {
width: 1170px;
margin: 0 auto;
/*@media @deviceMaxXL {
width: @containerWidthXL;
}*/
}
@media screen and (max-width: 1180px) {
.container {
width: 768px;
}
}
@media screen and (max-width: 767px) {
.container {
width: 320px;
}
}
.greyBG {
background: -webkit-linear-gradient(#f7f7f7, #ffffff);
background: linear-gradient(#f7f7f7, #ffffff);
}
.mainContent {
margin-top: -140px;
}
.mainContent > .row {
direction: rtl;
}
.mainContent > .row > div {
direction: ltr;
}
@media screen and (max-width: 1180px) {
.mainContent > .row {
direction: ltr;
}
.mainContent > .row > .col-2-3,
.mainContent > .row > .col-1-3 {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.mainContent {
margin-top: 0;
}
}
.mainVisual {
position: relative;
}
.mainVisual .imageGalleryOverlay {
position: absolute;
opacity: 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 10;
width: 100%;
height: 100%;
cursor: pointer;
}
.mainVisual .imageGalleryOverlay .svgContainer {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.mainVisual .imageGalleryOverlay svg {
width: 120px;
height: 120px;
}
.mainVisual:hover .imageGalleryOverlay {
opacity: 1;
}
.mainVisual figure {
height: 500px;
}
@media screen and (max-width: 1180px) {
.mainVisual figure {
height: 300px;
}
}
@media screen and (max-width: 767px) {
.mainVisual figure {
height: 200px;
}
}
.mainVisual > span {
background: #00c0e6;
padding: 20px 30px;
position: absolute;
right: -30px;
top: 20px;
text-transform: uppercase;
color: #ffffff;
font-weight: 900;
font-size: 24px;
z-index: 20;
}
.mainVisual > span span {
display: block;
}
@media screen and (max-width: 1180px) {
.mainVisual > span {
right: 0;
}
}
.mainVisual > span.orange {
background: #ff8518;
}
.mainVisual > span.yellow {
background: #ff8518;
}
.mainVisual > span.tvb-sticker {
background: none;
padding: 0;
right: 25px;
top: 130px;
}
@media screen and (max-width: 1180px) {
.mainVisual > span.tvb-sticker {
top: 20px;
left: 20px;
right: auto;
}
.mainVisual > span.tvb-sticker img {
height: 60px;
}
}
@media screen and (max-width: 767px) {
.mainVisual {
width: 320px;
margin: 0 auto;
}
}
.videoPopin {
padding: 28px 15px 15px;
display: none;
background: #ffffff url(../bundles/capiapp/images/ajax-loader.gif) no-repeat center center;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoPopin .popinTitle {
color: #00c0e6;
margin-bottom: 15px;
}
.videoPopin .b-close {
right: 0;
top: 0;
}
@media screen and (max-width: 767px) {
.videoPopin {
width: 300px;
}
.videoPopin iframe {
width: 270px !important;
}
}
.reviewsPopin,
.testimoniesPopin {
padding: 40px;
display: none;
background: #ffffff;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1000px;
max-height: 600px;
overflow-y: scroll;
}
@media screen and (max-width: 1180px) {
.reviewsPopin,
.testimoniesPopin {
width: 95vw;
padding: 20px;
}
}
.reviewsPopin .b-close,
.testimoniesPopin .b-close {
padding: 0 8px 3px;
right: 10px;
top: 10px;
font-size: 30px;
}
.reviewsPopin .popinContent .popinTitle,
.testimoniesPopin .popinContent .popinTitle {
text-transform: uppercase;
color: #000000;
font-weight: 900;
font-size: 26px;
margin: 0 0 20px;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1180px) {
.reviewsPopin .popinContent .popinTitle,
.testimoniesPopin .popinContent .popinTitle {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.reviewsPopin .popinContent .popinTitle img,
.testimoniesPopin .popinContent .popinTitle img {
max-width: 100%;
margin-bottom: 20px;
}
}
.reviewsPopin .popinContent .popinDesc,
.testimoniesPopin .popinContent .popinDesc {
color: #7a7a7a;
font-size: 14px;
}
.reviewsPopin .popinContent .reviewsCount,
.testimoniesPopin .popinContent .reviewsCount {
border: 1px solid #dfdfdf;
padding: 10px 30px;
text-transform: uppercase;
margin: 20px 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #7a7a7a;
}
.reviewsPopin .popinContent .reviewsCount span,
.testimoniesPopin .popinContent .reviewsCount span {
text-transform: none;
padding: 0 10px;
}
.reviewsPopin .popinContent .reviews .review,
.testimoniesPopin .popinContent .reviews .review {
font-size: 0;
margin-bottom: 20px;
}
.reviewsPopin .popinContent .reviews .review .reviewAuthor,
.testimoniesPopin .popinContent .reviews .review .reviewAuthor {
width: 15%;
display: inline-block;
vertical-align: top;
border: 1px solid #dfdfdf;
padding: 10px;
font-size: 16px;
text-align: center;
}
.reviewsPopin .popinContent .reviews .review .reviewContent,
.testimoniesPopin .popinContent .reviews .review .reviewContent {
display: inline-block;
vertical-align: top;
/*width: 80%;*/
width: 100%;
font-size: 14px;
/*margin-left: 5%;*/
background: #f0f0f0;
position: relative;
padding: 20px 30px;
/*&:after{
border: 10px solid @grey3;
border-color: transparent @grey3 transparent transparent;
position: absolute;
content: '';
top: 15px;
left: -20px;
}*/
}
.reviewsPopin .popinContent .reviews .review .reviewContent .date,
.testimoniesPopin .popinContent .reviews .review .reviewContent .date {
font-weight: bold;
display: block;
margin-bottom: 10px;
}
.kelquartierPopin,
.searchAlertPopin {
display: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: white;
padding: 10px;
}
@media screen and (max-width: 767px) {
.kelquartierPopin,
.searchAlertPopin {
width: 95vw;
}
}
.kelquartierPopin .b-close,
.searchAlertPopin .b-close {
right: 0;
top: 0;
}
.searchAlertPopin .container {
padding: 20px;
}
.taCenter {
text-align: center;
}
.fRight {
float: right;
}
.bandeauPub {
margin-top: 30px;
font-size: 16px;
text-align: center;
background: #ebebeb;
}
.bandeauPub img {
width: 100%;
}
figure {
position: relative;
overflow: hidden;
margin: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.infoBox {
background: #ffffff;
}
.infoBox > img {
position: absolute !important;
top: -3px;
right: -3px;
z-index: 10;
}
.infoBox .good {
margin-top: 0 !important;
}
.infoBox .good:after,
.infoBox .good:before {
position: absolute;
content: '';
z-index: 10;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-style: solid;
}
.infoBox .good:before {
z-index: 8;
bottom: -36px;
border-width: 18px;
border-color: #dfdfdf transparent transparent transparent;
}
.infoBox .good:after {
bottom: -28px;
border-width: 14px;
border-color: #ffffff transparent transparent transparent;
}
section.page.agent {
clear: both;
}
.ope30Top {
padding-top: 35px;
text-align: center;
}
.reveal-modal {
max-height: -webkit-calc(100vh - 91px);
max-height: calc(100vh - 91px);
overflow: auto;
}
@media screen and (max-width: 767px) {
.reveal-modal {
max-height: 100%;
top: 55px!important;
bottom: 0 !important;
left: 0!important;
right: 0 !important;
overflow-y: scroll !important;
position: fixed !important;
}
.reveal-modal .controls {
width: 100% !important;
}
.reveal-modal .controls input {
width: 100% !important;
}
.reveal-modal .modal-content {
max-width: 100vw!important;
}
}
@media screen and (max-width: 767px) {
.modal-content.email .modal-head {
font-size: 14px !important;
}
}
@media screen and (max-width: 1180px) {
.hideMaxL {
display: none !important;
}
}
table.default-table {
width: 100%;
margin-bottom: 20px;
}
table.default-table td,
table.default-table th {
border: 1px solid #cacaca;
padding: 10px;
text-align: center;
}
table.default-table th {
background: #ebebeb;
}
[class*='col-'] {
position: relative;
display: inline-block;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.row {
position: relative;
font-size: 0;
float: none !important;
}
.row.reverse {
direction: rtl;
}
.row.reverse [class*='col-'] {
direction: ltr;
}
.row > * {
font-size: 14px;
}
.col-1-1 {
width: 100%;
}
.col-5-6 {
width: 83.33333333%;
}
.col-3-4 {
width: 75%;
}
.col-2-3 {
width: 66.66666667%;
}
.col-7-12 {
width: 58.33333333%;
}
.col-1-2 {
width: 50%;
}
.col-5-12 {
width: 41.66666667%;
}
.col-1-3 {
width: 33.33333333%;
}
.col-1-4 {
width: 25%;
}
.col-1-6 {
width: 16.66666667%;
}
.col-1-12 {
width: 8.33333333%;
}
.gutter {
padding: 0 2rem;
}
/* Collapse
========================================================================== */
@media screen and (max-width: 1180px) {
.collapse-l-max {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.collapse-s-max {
width: 100%;
}
}
.spriteSVG {
display: none;
}
svg {
width: 30px;
height: 30px;
}
svg.white {
fill: #ffffff;
}
svg.white path,
svg.white circle {
fill: #ffffff;
}
svg.orange {
fill: #ff8518;
}
svg.orange path {
fill: #ff8518;
}
svg.yellow {
fill: #F8DF00;
}
svg.yellow path {
fill: #F8DF00;
}
svg.blue {
fill: #00c0e6;
}
svg.blue path {
fill: #00c0e6;
}
svg.darkGrey {
fill: #333333;
}
svg.darkGrey path {
fill: #333333;
}
svg.green {
fill: #74D43C;
}
svg.green path {
fill: #74D43C;
}
svg.small {
width: 17px;
height: 17px;
}
svg.medium {
width: 30px;
height: 26px;
}
.star svg {
width: 20px;
height: 20px;
}
/* ==========================================================================
HELPERS
========================================================================== */
/* ==========================================================================
HELPERS
========================================================================== */
/* Clearer
========================================================================== */
.h-clearer:after,
.h-clearer:before {
content: " ";
display: table;
}
.h-clearer:after {
clear: both;
}
/* Display
========================================================================== */
.h-display-block {
display: block;
}
.h-display-inline-block {
display: inline-block;
}
.h-display-inline {
display: inline;
}
.h-display-none {
display: none;
}
.h-display-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.h-display-flex-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.h-display-block-s-max {
display: block;
}
}
/* Case
========================================================================== */
.h-uppercase {
text-transform: uppercase;
}
.h-lowercase {
text-transform: lowercase;
}
.h-capitalize {
text-transform: lowercase;
}
.h-capitalize:first-letter {
text-transform: uppercase;
}
/* Alignment / float / wrap
========================================================================== */
.h-align-left {
text-align: left;
}
.h-align-right {
text-align: right;
}
.h-align-center {
text-align: center;
}
.h-float-left {
float: left;
}
.h-float-right {
float: right;
}
.h-nowrap {
white-space: nowrap;
}
.h-wrap {
white-space: normal;
}
/* Font Styles
========================================================================== */
.h-fw-bold {
font-weight: 700;
}
.h-fw-light {
font-weight: 300;
}
.h-fw-normal {
font-weight: 400;
}
.h-fs-italic {
font-style: italic;
}
.h-fs-normal {
font-style: normal;
}
.h-td-underline {
text-decoration: underline;
}
.h-td-none {
text-decoration: none;
}
/* Image responsive
========================================================================== */
.h-img-scalable {
max-width: 100%;
height: auto;
}
/* Overflow
========================================================================== */
.is-overflow-hidden {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.is-overflow-hidden-max-s {
overflow: hidden;
}
}
/* Hide
========================================================================== */
.is-hidden {
display: none !important;
}
@media screen and (max-width: 767px) {
.h-hide-max-s {
display: none !important;
}
}
@media screen and (max-width: 1180px) {
.h-hide-max-l {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.h-hide-min-l {
display: none !important;
}
}
/* Show
========================================================================== */
.is-visible {
display: block;
}
@media screen and (max-width: 767px) {
.h-visible-max-s {
display: block !important;
}
}
@media screen and (max-width: 1180px) {
.h-visible-max-l {
display: block !important;
}
}
/* Background colors
========================================================================== */
.h-bg-light-grey {
background: #f7f7f7;
}
.todayGoods {
clear: both;
font-family: 'Lato', Arial, sans-serif;
text-transform: uppercase;
font-weight: 900;
color: #00c0e6;
padding: 10px;
}
section.control-center {
margin-bottom: 0;
}
section.control-center > a {
position: absolute;
text-decoration: underline;
color: #ffffff;
left: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section.control-center .toggle {
height: 40px;
}
@media screen and (max-width: 767px) {
section.control-center {
padding: 10px;
}
section.control-center a,
section.control-center .toggle {
position: static;
}
section.control-center .toggle {
margin-top: 10px;
}
}
.breadcrumb {
margin: 0 0 10px 0;
padding-top: 10px;
clear: both;
}
.breadcrumb li {
display: inline-block;
margin-right: 5px;
}
.breadcrumb li:first-child a:before,
.breadcrumb li:first-child span:before {
display: none;
}
.breadcrumb li a {
color: #00c0e6;
}
.breadcrumb li a:before {
content: '>';
padding-right: 5px;
}
.breadcrumb li a:hover span {
text-decoration: underline;
}
.breadcrumb li > span {
color: #00c0e6;
}
.breadcrumb li > span:before {
content: '>';
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.breadcrumb li {
display: block;
}
}
@media screen and (max-width: 1180px) {
.breadcrumb {
margin-left: 10px;
}
}
/* ==========================================================================
FOOTER
========================================================================== */
footer.footerCapiFrance {
display: block;
float: none;
width: 100%;
padding: 0;
color: #111;
font-family: 'Lato', Arial, sans-serif;
/* Footer content
========================================================================== */
/* Footer Slider Conseillers
========================================================================== */
/* Footer Form Question (deprecated)
========================================================================== */
/* CAPI recrutement
========================================================================== */
/* Footer bloc links
========================================================================== */
/* Footer Note
========================================================================== */
/* Footer bottom
========================================================================== */
}
footer.footerCapiFrance .footerContent {
background: #e9e9e9;
padding: 50px 0 30px 0;
}
footer.footerCapiFrance .footerContent .title-3 {
text-transform: uppercase;
font-size: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 1180px) {
footer.footerCapiFrance .footerContent .title-3 {
text-align: center;
}
}
footer.footerCapiFrance .footerSliderConseillers {
margin: 0 20px 0 20px;
}
footer.footerCapiFrance .footerSliderConseillers .slick-prev {
border-right: 10px solid #00c0e6;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-radius: 0;
height: 0;
width: 0;
background: none;
left: -14px;
}
footer.footerCapiFrance .footerSliderConseillers .slick-prev:hover {
left: -14px;
}
footer.footerCapiFrance .footerSliderConseillers .slick-next {
border-left: 10px solid #00c0e6;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-radius: 0;
height: 0;
width: 0;
background: none;
right: -14px;
}
footer.footerCapiFrance .footerSliderConseillers .slick-next:hover {
right: -14px;
}
footer.footerCapiFrance .cardConseiller {
width: 165px;
position: relative;
padding-top: 40px;
margin: 0 10px;
}
footer.footerCapiFrance .cardConseiller img {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
border-radius: 50%;
height: 80px;
width: 80px;
border: 3px solid #00c0e6;
}
footer.footerCapiFrance .cardConseiller .content {
min-height: 190px;
background: #fff;
padding: 50px 22px 0 22px;
}
footer.footerCapiFrance .cardConseiller .content .name {
font-weight: bold;
color: #00c0e6;
text-transform: uppercase;
margin-bottom: 2px;
font-size: 14px;
line-height: 16px;
}
footer.footerCapiFrance .cardConseiller .content .detail {
font-size: 10px;
line-height: 12px;
}
footer.footerCapiFrance .cardConseiller .content .detail em {
font-style: normal;
}
footer.footerCapiFrance .cardConseiller .content .detail a {
margin-top: 10px;
display: block;
font-size: 13px;
text-decoration: underline;
}
footer.footerCapiFrance .cardConseiller .btn {
width: 100%;
}
footer.footerCapiFrance .moreConseillers {
text-align: right;
text-transform: uppercase;
font-weight: 900;
text-decoration: underline;
color: #00c0e6;
padding: 20px 28px 0 0;
margin-bottom: 20px;
}
footer.footerCapiFrance .moreConseillers:hover {
text-decoration: none;
}
footer.footerCapiFrance .footerFormQuestion {
background: #00c0e6;
padding: 35px 30px;
margin: 0 14px;
color: #fff;
width: 100%;
}
@media screen and (max-width: 767px) {
footer.footerCapiFrance .footerFormQuestion {
margin: 15px 0;
}
}
footer.footerCapiFrance .footerFormQuestion input[type="text"] {
border: 0;
border-radius: 0;
width: 100%;
font-size: 14px;
height: 32px;
line-height: 32px;
padding: 0 15px;
margin: 0 0 15px 0;
}
footer.footerCapiFrance .footerFormQuestion textarea {
width: 100%;
height: 120px;
padding: 15px;
font-size: 14px;
border: 0;
margin: 0 0 15px 0;
}
footer.footerCapiFrance .footerFormQuestion .row > .col-1-2:first-child {
padding-right: 7px;
}
@media screen and (max-width: 767px) {
footer.footerCapiFrance .footerFormQuestion .row > .col-1-2:first-child {
padding: 0;
}
}
footer.footerCapiFrance .footerFormQuestion .row > .col-1-2:last-child {
padding-left: 7px;
}
@media screen and (max-width: 767px) {
footer.footerCapiFrance .footerFormQuestion .row > .col-1-2:last-child {
padding: 0;
}
}
footer.footerCapiFrance .footerRecrutement {
background: #00c0e6;
padding: 10px;
margin-right: 10px;
}
footer.footerCapiFrance .footerRecrutement .inner {
background: #fff;
padding: 10px;
}
footer.footerCapiFrance .footerRecrutement .inner .content {
font-size: 17px;
line-height: 1.2;
font-weight: 900;
padding: 10px 0;
text-align: center;
}
footer.footerCapiFrance .footerRecrutement .inner .content a,
footer.footerCapiFrance .footerRecrutement .inner .content span {
color: #00c0e6;
}
footer.footerCapiFrance .footerRecrutement img {
width: 100%;
max-width: 343px;
margin: 0px auto;
display: block;
}
footer.footerCapiFrance .blocLinkImgFooter,
footer.footerCapiFrance .blocLinkTextFooter {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 20px;
}
footer.footerCapiFrance .blocLinkTextFooter {
border: 5px solid #00c0e6;
background: #fff;
color: #00c0e6;
text-decoration: none;
font-size: 16px;
line-height: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 7px;
}
footer.footerCapiFrance .blocLinkImgFooter {
background: #fff;
}
footer.footerCapiFrance .blocLinkImgFooter:last-child {
margin-top: 7px;
}
footer.footerCapiFrance .blocAvisVerifies {
height: 163px;
padding: 24px 20px;
background: #fff;
}
@media screen and (max-width: 1180px) {
footer.footerCapiFrance .blocAvisVerifies {
height: 174px;
padding: 24px 50px;
}
}
@media screen and (max-width: 767px) {
footer.footerCapiFrance .blocAvisVerifies {
height: 140px;
padding: 10px 84px;
}
}
footer.footerCapiFrance .footerNote {
padding: 15px 10px;
font-size: 12px;
text-align: center;
}
footer.footerCapiFrance .footerBottom {
background: #00c0e6;
color: #fff;
padding: 8px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
footer.footerCapiFrance .footerBottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
footer.footerCapiFrance .footerBottom .socials {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-item-align: center;
align-self: center;
text-align: left;
font-size: 0;
}
footer.footerCapiFrance .footerBottom .socials a {
display: inline-block;
height: 28px;
width: 28px;
background: #fff;
margin-right: 7px;
padding: 4px;
}
footer.footerCapiFrance .footerBottom .socials a svg {
height: auto;
width: auto;
}
footer.footerCapiFrance .footerBottom .socials a svg path {
fill: #00c0e6;
}
footer.footerCapiFrance .footerBottom .links {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-item-align: center;
align-self: center;
}
@media screen and (max-width: 767px) {
footer.footerCapiFrance .footerBottom .links {
margin: 20px 0;
}
}
footer.footerCapiFrance .footerBottom .links a {
padding: 0 20px;
font-weight: bold;
}
footer.footerCapiFrance .footerBottom .links a:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
footer.footerCapiFrance .footerBottom .links a {
display: block;
margin: 10px 0;
}
}
footer.footerCapiFrance .footerBottom .rights {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-item-align: center;
align-self: center;
text-align: right;
font-size: 10px;
line-height: 14px;
}
/* Plugins
======================================= */
/* ==========================================================================
CHOSEN
========================================================================== */
/* ==========================================================================
SELECT DEFAULT
========================================================================== */
/* reset BG default */
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: none !important;
}
/* Select */
.selectDefault {
position: relative;
/* Select active */
}
.selectDefault select.chosenSelect {
-webkit-appearance: none;
border: 1px solid #e2e2e2;
margin: 0px;
font-size: 14px;
font-family: inherit;
color: #333333;
background: #fff;
height: 30px;
padding: 0 0 0 8px;
}
@media screen and (max-width: 767px) {
.selectDefault select {
display: inline-block !important;
}
.selectDefault:not(.selectFake):after {
content: '';
position: absolute;
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
top: 11px;
right: 15px;
pointer-events: none;
}
}
.selectDefault .chosen-container-single {
margin: 0px;
font-size: 14px;
font-family: inherit;
}
@media screen and (max-width: 767px) {
.selectDefault .chosen-container-single {
display: none !important;
}
.selectFake.selectDefault .chosen-container-single {
display: inline-block !important;
width: 100% !important;
}
}
.selectDefault .chosen-container-single .chosen-single {
border-radius: 0;
border: 1px solid #e2e2e2;
background: #fff;
box-shadow: none;
padding: 0 0 0 8px;
color: #333333;
height: 30px;
line-height: 30px;
font-weight: normal;
}
.selectDefault .chosen-container-single .chosen-single div {
width: 27px;
padding: 11px 0 0 0;
}
.selectDefault .chosen-container-single .chosen-single div b {
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
width: 0;
height: 0;
}
.selectDefault .chosen-container-single .chosen-single span {
margin-right: -webkit-calc(27px + 10px);
margin-right: calc(27px + 10px);
}
.selectDefault .chosen-container-single .chosen-drop {
border-radius: 0 0 0 0;
border: 1px solid #e2e2e2;
border-top: none;
background: #fff;
box-shadow: none;
}
.selectDefault .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #e2e2e2;
border-radius: 0 0 0 0;
background: #fff;
box-shadow: none;
}
.selectDefault .chosen-container-active.chosen-with-drop .chosen-single div b {
border: solid transparent;
border-width: 0 6px 9px;
border-bottom-color: #00c0e6;
width: 0;
height: 0;
}
.selectDefault .chosen-container .chosen-results li {
color: #333333;
padding: 5px 8px;
}
.selectDefault .chosen-container .chosen-results li.highlighted {
background-color: #ebfafd;
background-image: none;
color: #7a7a7a;
}
/* ==========================================================================
CHOSEN SEARCH BAR
========================================================================== */
/* Select */
.chosenSearchBar {
position: relative;
/* Select active */
}
.chosenSearchBar .chosen-container-single {
margin: 0px;
font-size: 21px;
font-family: inherit;
}
.chosenSearchBar .chosen-container-single .chosen-single {
border-radius: 5px 0 0 5px;
border: 0px solid #00c0e6;
background: #00c0e6;
box-shadow: none;
padding: 0 0 0 40px;
color: #fff;
height: 83px;
line-height: 83px;
text-transform: uppercase;
font-weight: normal;
}
.chosenSearchBar .chosen-container-single .chosen-single div {
width: 40px;
padding: 38px 0px 0 0;
}
.chosenSearchBar .chosen-container-single .chosen-single div b {
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #fff;
width: 0;
height: 0;
}
.chosenSearchBar .chosen-container-single .chosen-single span {
margin-right: -webkit-calc(40px + 10px);
margin-right: calc(40px + 10px);
}
.chosenSearchBar .chosen-container-single .chosen-drop {
border-radius: 0 0 5px 0 0 5px 5px 0 0 5px;
border: 0px solid #00c0e6;
border-top: none;
background: #00c0e6;
box-shadow: none;
}
.chosenSearchBar .chosen-container-active.chosen-with-drop .chosen-single {
border: 0px solid #00c0e6;
border-radius: 5px 0 0 5px 5px 0 0 5px 0 0;
background: #00c0e6;
box-shadow: none;
}
.chosenSearchBar .chosen-container-active.chosen-with-drop .chosen-single div b {
border: solid transparent;
border-width: 0 6px 9px;
border-bottom-color: #fff;
width: 0;
height: 0;
}
.chosenSearchBar .chosen-container .chosen-results li {
color: #fff;
padding: 20px 40px;
}
.chosenSearchBar .chosen-container .chosen-results li.highlighted {
background-color: #ebfafd;
background-image: none;
color: #00c0e6;
}
/* ==========================================================================
SELECT LANG
========================================================================== */
/* Select */
.selectLang {
position: relative;
/* Select active */
}
.selectLang .chosen-container-single {
margin: 0px;
font-size: 16px;
font-family: inherit;
}
.selectLang .chosen-container-single .chosen-single {
border-radius: 0;
border: 1px solid #00c0e6;
background: #fff;
box-shadow: none;
padding: 0 0 0 15px;
color: #00c0e6;
height: 50px;
line-height: 50px;
text-transform: uppercase;
font-weight: normal;
}
.selectLang .chosen-container-single .chosen-single div {
width: 27px;
padding: 22px 0 0 0;
}
.selectLang .chosen-container-single .chosen-single div b {
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
width: 0;
height: 0;
}
.selectLang .chosen-container-single .chosen-single span {
margin-right: -webkit-calc(27px + 10px);
margin-right: calc(27px + 10px);
}
.selectLang .chosen-container-single .chosen-drop {
border-radius: 0 0 0 0;
border: 1px solid #00c0e6;
border-top: none;
background: #fff;
box-shadow: none;
}
.selectLang .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #00c0e6;
border-radius: 0 0 0 0;
background: #fff;
box-shadow: none;
}
.selectLang .chosen-container-active.chosen-with-drop .chosen-single div b {
border: solid transparent;
border-width: 0 6px 9px;
border-bottom-color: #00c0e6;
width: 0;
height: 0;
}
.selectLang .chosen-container .chosen-results li {
color: #00c0e6;
padding: 20px 15px;
text-transform: uppercase;
}
.selectLang .chosen-container .chosen-results li.highlighted {
background-color: #ebfafd;
background-image: none;
color: #00c0e6;
}
/* ==========================================================================
SELECT SEARCH
========================================================================== */
/* Select */
.selectSearch {
position: relative;
/* Select active */
}
.selectSearch select.chosenSelect {
-webkit-appearance: none;
border: 1px solid #e2e2e2;
margin: 0px;
font-size: 16px;
font-family: inherit;
color: #00c0e6;
background: #ebfafd;
height: 50px;
padding: 0 0 0 15px;
width: 100%;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.selectSearch select {
display: inline-block !important;
}
.selectSearch:after {
content: '';
position: absolute;
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
top: 21px;
right: 15px;
pointer-events: none;
}
}
.selectSearch .chosen-container-single {
margin: 0px;
font-size: 16px;
font-family: inherit;
width: 330px !important;
}
@media screen and (max-width: 767px) {
.selectSearch .chosen-container-single {
display: none;
}
}
.selectSearch .chosen-container-single .chosen-single {
border-radius: 0;
border: 1px solid #e2e2e2;
background: #ebfafd;
box-shadow: none;
padding: 0 0 0 15px;
color: #00c0e6;
height: 50px;
line-height: 50px;
text-transform: uppercase;
font-weight: normal;
}
.selectSearch .chosen-container-single .chosen-single div {
width: 27px;
padding: 22px 0 0 0;
}
.selectSearch .chosen-container-single .chosen-single div b {
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
width: 0;
height: 0;
}
.selectSearch .chosen-container-single .chosen-single span {
margin-right: -webkit-calc(27px + 10px);
margin-right: calc(27px + 10px);
}
.selectSearch .chosen-container-single .chosen-drop {
border-radius: 0 0 0 0;
border: 1px solid #e2e2e2;
border-top: none;
background: #fff;
box-shadow: none;
}
.selectSearch .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #e2e2e2;
border-radius: 0 0 0 0;
background: #fff;
box-shadow: none;
}
.selectSearch .chosen-container-active.chosen-with-drop .chosen-single div b {
border: solid transparent;
border-width: 0 6px 9px;
border-bottom-color: #00c0e6;
width: 0;
height: 0;
}
.selectSearch .chosen-container .chosen-results li {
color: #00c0e6;
padding: 20px 15px;
text-transform: uppercase;
}
.selectSearch .chosen-container .chosen-results li.highlighted {
background-color: #ebfafd;
background-image: none;
color: #00c0e6;
}
/* ==========================================================================
SELECT FILTERS
========================================================================== */
/* Select */
.selectFilter {
position: relative;
/* Select active */
}
.selectFilter select.chosenSelect {
-webkit-appearance: none;
border: 1px solid #e2e2e2;
margin: 0px;
font-size: 14px;
font-family: inherit;
color: #333333;
background: #fff;
height: 30px;
padding: 0 0 0 8px;
width: 100%;
}
@media screen and (max-width: 767px) {
.selectFilter select {
display: inline-block !important;
}
.selectFilter:after {
content: '';
position: absolute;
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
top: 11px;
right: 15px;
pointer-events: none;
}
}
.selectFilter .chosen-container-single {
margin: 0px;
font-size: 14px;
font-family: inherit;
width: 330px !important;
}
@media screen and (max-width: 767px) {
.selectFilter .chosen-container-single {
display: none;
}
}
.selectFilter .chosen-container-single .chosen-single {
border-radius: 0;
border: 1px solid #e2e2e2;
background: #fff;
box-shadow: none;
padding: 0 0 0 8px;
color: #333333;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-weight: normal;
}
.selectFilter .chosen-container-single .chosen-single div {
width: 27px;
padding: 11px 0 0 0;
}
.selectFilter .chosen-container-single .chosen-single div b {
border: solid transparent;
border-width: 9px 6px 0;
border-top-color: #00c0e6;
width: 0;
height: 0;
}
.selectFilter .chosen-container-single .chosen-single span {
margin-right: -webkit-calc(27px + 10px);
margin-right: calc(27px + 10px);
}
.selectFilter .chosen-container-single .chosen-drop {
border-radius: 0 0 0 0;
border: 1px solid #e2e2e2;
border-top: none;
background: #fff;
box-shadow: none;
}
.selectFilter .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #e2e2e2;
border-radius: 0 0 0 0;
background: #fff;
box-shadow: none;
}
.selectFilter .chosen-container-active.chosen-with-drop .chosen-single div b {
border: solid transparent;
border-width: 0 6px 9px;
border-bottom-color: #00c0e6;
width: 0;
height: 0;
}
.selectFilter .chosen-container .chosen-results li {
color: #00c0e6;
padding: 5px 15px;
text-transform: uppercase;
}
.selectFilter .chosen-container .chosen-results li.highlighted {
background-color: #ebfafd;
background-image: none;
color: #00c0e6;
}
/* ==========================================================================
SELECT MULTIPLE
========================================================================== */
.chosen-container-multi {
height: auto;
line-height: 35px;
font-size: 16px;
padding: 0;
border: 1px solid #e5e5e5;
background: #fff;
border-radius: 4px;
/* Select active */
}
.chosen-container-multi .chosen-choices {
padding: 0 5px;
width: 100%;
height: auto!important;
height: 1%;
border: none;
background: #fff;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 18px 4px 5px;
border: none;
max-width: 100%;
border-radius: 4px;
background: #ebfafd;
box-shadow: none;
color: #333;
font-size: 14px;
line-height: 13px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
color: #00c0e6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
content: "\00d7";
font-size: 17px;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
font-family: 'Lato', Arial, sans-serif;
}
.chosen-container-multi .chosen-drop {
border-radius: 0 0 0px 0px;
border: 1px solid #ebfafd;
border-top: none;
background: #ffffff;
box-shadow: none;
}
.chosen-container-multi.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #ebfafd;
border-radius: 0px 0px 0 0;
background: #ffffff;
box-shadow: none;
}
.chosen-container-multi.chosen-container .chosen-results li.active-result {
color: #000000;
padding: 5px 10px - 3px;
}
.chosen-container-multi.chosen-container .chosen-results li.active-result.highlighted {
background-color: #00c0e6;
background-image: none;
color: #ffffff;
}
.chosen-container-multi.chosen-container .chosen-results li.result-selected.highlighted {
background-color: none;
color: #999999;
}
/* atoms
======================================= */
/* ==========================================================================
HEADINGS
========================================================================== */
/* Sub-section
========================================================================== */
.main-title-2 {
font-size: 35px;
line-height: 35px;
text-transform: uppercase;
color: #00c0e6;
font-weight: bold;
font-family: 'Lato', Arial, sans-serif;
text-align: center;
margin: 40px 0;
}
@media screen and (max-width: 767px) {
.main-title-2 {
font-size: 20px;
line-height: 20px;
margin: 20px 0;
}
}
/* ==========================================================================
BUTTONS
========================================================================== */
/* btn default
========================================================================== */
.btn,
button[type=submit].btn {
display: inline-block;
font-weight: 400;
text-align: center;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
color: #fff;
background: #00c0e6;
padding: 13px 20px;
border: 1px solid #00c0e6;
height: auto;
margin: 0;
cursor: pointer;
}
.btn-white,
button[type=submit].btn-white {
background: #fff;
color: #00c0e6;
}
.btn-icon {
padding: 12px;
padding: 11px 0;
width: 50px;
}
.btn-icon svg {
height: 24px;
}
/* Show phone
========================================================================== */
.hide-tel .btn-show-tel {
border-radius: 5px;
font-size: 18px;
font-weight: 900;
background: #ebebeb;
color: #333333;
padding: 15px 10px;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
text-align: center;
cursor: pointer;
}
.hide-tel .btn-show-tel img {
width: auto !important;
}
.hide-tel .btn-show-tel.ghost {
background: transparent;
display: inline-block;
padding: 10px;
border: 1px solid #000;
margin-top: 5px;
}
.hide-tel .btn-show-tel.filled {
background: #00c0e6;
color: #fff;
display: inline-block;
padding: 10px;
margin-top: 5px;
font-weight: 600;
}
.hide-tel .btn-show-tel span {
display: inline;
}
.hide-tel .btn-show-tel img {
display: inline;
margin-right: 5px;
height: 18px;
}
.hide-tel .tel {
display: none;
}
/* btn Operation "Testez votre bien"
========================================================================== */
.btn-tvb {
background: #f18321;
border-color: #f18321;
-webkit-transition: .3s;
transition: .3s;
padding: 17px 20px;
}
.btn-tvb:hover {
color: #f18321;
background: none;
}
/* ==========================================================================
FORMS
========================================================================== */
.form-field {
font-size: 1.4rem;
position: relative;
margin-bottom: 15px;
/* Inputs
========================================================================== */
/* Textarea
========================================================================== */
/* Label
========================================================================== */
}
.form-field button,
.form-field input,
.form-field select,
.form-field textarea {
border-radius: 0;
}
.form-field textarea,
.form-field input[type="text"],
.form-field input[type="date"],
.form-field input[type="email"],
.form-field input[type="password"],
.form-field input[type="tel"],
.form-field input[type="file"] {
font-family: 'Lato', Arial, sans-serif;
color: #000;
}
.form-field input[type="password"] {
font-family: Arial, sans-serif;
}
.form-field input[type="text"],
.form-field input[type="date"],
.form-field input[type="email"],
.form-field input[type="password"],
.form-field input[type="tel"],
.form-field input[type="file"] {
display: block;
height: 44px;
width: 100%;
line-height: 44px;
font-size: 16px;
border: 1px solid #00c0e6;
padding: 0 20px;
background: #fff;
}
.form-field textarea {
display: block;
width: 100%;
border: 1px solid #00c0e6;
padding: 13px 20px;
background: #fff;
resize: vertical;
height: 140px;
}
.form-field > label {
font-size: 16px;
margin-bottom: 5px;
display: inline-block;
}
/* Placeholders
========================================================================== */
::-webkit-input-placeholder {
color: #999;
font-family: 'Lato', Arial, sans-serif;
}
::-moz-placeholder {
color: #999;
font-family: 'Lato', Arial, sans-serif;
}
:-ms-input-placeholder {
color: #999 !important;
font-family: 'Lato', Arial, sans-serif !important;
}
input:-moz-placeholder {
color: #999;
font-family: 'Lato', Arial, sans-serif;
}
/* Radio + Checkbox + Checkbox Button
========================================================================== */
.form-new .checkbox,
.form-new .checkboxBtn,
.form-new .radio,
.form-new .radioBtn {
line-height: 16px;
padding: 5px 0;
display: inline-block;
white-space: nowrap;
}
.form-new .checkbox input[type="radio"],
.form-new .checkboxBtn input[type="radio"],
.form-new .radio input[type="radio"],
.form-new .radioBtn input[type="radio"],
.form-new .checkbox input[type="checkbox"],
.form-new .checkboxBtn input[type="checkbox"],
.form-new .radio input[type="checkbox"],
.form-new .radioBtn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
clip: rect(0 0 0 0);
}
.form-new .checkbox span,
.form-new .checkboxBtn span,
.form-new .radio span,
.form-new .radioBtn span {
vertical-align: middle;
display: inline-block;
white-space: normal;
}
.form-new .checkbox input[type="checkbox"] + label::before,
.form-new .checkboxBtn input[type="checkbox"] + label::before,
.form-new .radio input[type="checkbox"] + label::before,
.form-new .radioBtn input[type="checkbox"] + label::before {
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 3px;
height: 16px;
width: 16px;
border: 1px solid #e5e5e5;
background: #fff;
border-radius: 0;
}
.form-new .checkbox input[type="checkbox"] + label::after,
.form-new .checkboxBtn input[type="checkbox"] + label::after,
.form-new .radio input[type="checkbox"] + label::after,
.form-new .radioBtn input[type="checkbox"] + label::after {
content: '';
position: absolute;
left: 1px;
top: 3px;
height: 15px;
width: 15px;
border-radius: 0;
border: 0;
background: url(../bundles/capiapp/images/checkbox-tick.png);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .2s;
transition: .2s;
}
.form-new .checkbox input[type="checkbox"]:focus + label::before,
.form-new .checkboxBtn input[type="checkbox"]:focus + label::before,
.form-new .radio input[type="checkbox"]:focus + label::before,
.form-new .radioBtn input[type="checkbox"]:focus + label::before {
border-color: #e5e5e5;
}
.form-new .checkbox input[type="checkbox"]:checked + label::after,
.form-new .checkboxBtn input[type="checkbox"]:checked + label::after,
.form-new .radio input[type="checkbox"]:checked + label::after,
.form-new .radioBtn input[type="checkbox"]:checked + label::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.form-new .checkbox input[type="radio"] + label::before,
.form-new .checkboxBtn input[type="radio"] + label::before,
.form-new .radio input[type="radio"] + label::before,
.form-new .radioBtn input[type="radio"] + label::before {
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 15px;
height: 16px;
width: 16px;
border: 8px solid #fff;
border-radius: 50%;
background: #ebfafd;
box-shadow: 0 0 0 1px #00c0e6;
-webkit-transition: .3s;
transition: .3s;
}
.form-new .checkbox input[type="radio"]:focus + label::before,
.form-new .checkboxBtn input[type="radio"]:focus + label::before,
.form-new .radio input[type="radio"]:focus + label::before,
.form-new .radioBtn input[type="radio"]:focus + label::before {
border-color: #fff;
}
.form-new .checkbox input[type="radio"]:checked + label::before,
.form-new .checkboxBtn input[type="radio"]:checked + label::before,
.form-new .radio input[type="radio"]:checked + label::before,
.form-new .radioBtn input[type="radio"]:checked + label::before {
border-width: 3px;
}
.form-new .checkbox input[type="checkbox"][disabled] + label,
.form-new .checkboxBtn input[type="checkbox"][disabled] + label,
.form-new .radio input[type="checkbox"][disabled] + label,
.form-new .radioBtn input[type="checkbox"][disabled] + label,
.form-new .checkbox input[type="radio"][disabled] + label,
.form-new .checkboxBtn input[type="radio"][disabled] + label,
.form-new .radio input[type="radio"][disabled] + label,
.form-new .radioBtn input[type="radio"][disabled] + label {
opacity: 0.5;
cursor: default;
}
.form-new .checkbox label,
.form-new .checkboxBtn label,
.form-new .radioBtn label {
position: relative;
}
.form-new .radio label,
.form-new .checkbox label,
.form-new .checkboxBtn label,
.form-new .radioBtn label {
cursor: pointer;
font-size: 14px;
}
.form-new .radio label span,
.form-new .checkbox label span,
.form-new .checkboxBtn label span,
.form-new .radioBtn label span {
padding-right: 30px;
}
.form-new .checkboxBtn input[type="checkbox"] + label::before,
.form-new .radioBtn input[type="checkbox"] + label::before,
.form-new .checkboxBtn input[type="checkbox"] + label::after,
.form-new .radioBtn input[type="checkbox"] + label::after,
.form-new .checkboxBtn input[type="radio"] + label::before,
.form-new .radioBtn input[type="radio"] + label::before,
.form-new .checkboxBtn input[type="radio"] + label::after,
.form-new .radioBtn input[type="radio"] + label::after {
display: none;
}
.form-new .checkboxBtn label span,
.form-new .radioBtn label span {
padding: 6px 12px;
border: 1px solid #e5e5e5;
background: #fff;
font-size: 16px;
line-height: 16px;
font-weight: bold;
margin-right: 5px;
}
.form-new .checkboxBtn input[type="checkbox"]:checked + label span,
.form-new .radioBtn input[type="checkbox"]:checked + label span,
.form-new .checkboxBtn input[type="radio"]:checked + label span,
.form-new .radioBtn input[type="radio"]:checked + label span {
border: 4px solid #00c0e6;
color: #00c0e6;
padding: 4px 9px;
}
/* Flash alert
========================================================================== */
.flash-success {
text-align: center;
margin: 20px 0 40px 0;
font-size: 18px;
color: #3c763d;
background-color: #dff0d8;
padding: 15px;
border: 1px solid #d6e9c6;
border-radius: 4px;
}
.flash-error {
text-align: center;
margin: 20px 0 40px 0;
font-size: 18px;
color: #a94442;
background-color: #f2dede;
padding: 15px;
border: 1px solid #ebccd1;
border-radius: 4px;
}
/* errors form
========================================================================== */
.error textarea,
.error input[type=text],
.error input[type=email],
.error input[type=password],
.error input[type=number],
.error input[type=date] {
border: 1px solid #ff000a;
}
.error label {
color: #ff000a;
}
.error ul {
list-style: none;
color: #ff000a;
}
/* Form popin
========================================================================== */
.form-popin {
padding: 40px 20px 20px 20px;
}
.form-popin .main-title-2 {
margin: 0 0 20px 0;
}
.form-popin p {
margin-bottom: 20px;
}
/* ==========================================================================
LOADING LAYER (add loadingLayer class to any block to display layer)
========================================================================== */
.loadingLayer {
position: relative;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.loadingLayer:after {
content: '';
position: absolute;
z-index: 1000;
right: -1px;
left: -1px;
bottom: -1px;
top: -1px;
background: rgba(255, 255, 255, 0.8) url(../bundles/capiapp/images/common/loading.gif) no-repeat center;
height: auto;
width: auto;
visibility: visible;
}
.loading-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.9) url(../bundles/capiapp/images/common/loading.gif) no-repeat center;
z-index: 9999;
}
body.has-overlay {
overflow: hidden;
}
body.has-overlay .loading-overlay {
display: block;
}
/* ==========================================================================
IMAGES
========================================================================== */
/* Base
/*========================================================================== */
figure[class*="img"] {
display: block;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
figure[class*="img"] img {
display: block;
width: 100%;
height: 100%;
opacity: 0;
}
/* molecules
======================================= */
#cookie-bar {
background: #00c0e6;
color: #fff;
text-align: center;
padding: 5px 0;
border-bottom: 1px solid #fff;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 20px;
font-size: 14px;
line-height: 1.2;
z-index: 9000;
}
@media screen and (max-width: 767px) {
#cookie-bar {
width: 100%;
}
}
#cookie-bar p {
margin: 0;
padding: 0;
}
#cookie-bar a {
text-decoration: underline;
}
#cookie-bar .cb-enable {
font-size: 20px;
position: absolute;
top: 0;
right: 0;
width: 25px;
text-decoration: none;
cursor: pointer;
}
#cookie-bar .cb-disable {
background: #990000;
}
#cookie-bar .cb-disable:hover {
background: #bb0000;
}
/* ==========================================================================
NAVIGATION
========================================================================== */
.mainNav {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
background: #fff;
border-bottom: 1px solid #e2e2e2;
/* Menu Univers nav
========================================================================== */
/* Menu Univers nav in burger
========================================================================== */
/* Burger menu
========================================================================== */
/* Logo
========================================================================== */
/* Buttons "mon compte" & "favorite"
========================================================================== */
/* Form connexion
========================================================================== */
/* Menu principal
========================================================================== */
/* Mega menu
========================================================================== */
/* Search NavBar
========================================================================== */
/* Langue selector
========================================================================== */
/* mobile menu accordion
========================================================================== */
}
.mainNav .container {
width: 100%;
padding: 0 20px;
}
@media screen and (max-width: 1180px) {
.mainNav {
padding: 0 10px;
}
}
@media screen and (max-width: 1180px) {
.mainNav {
background: #00c0e6;
border-color: #00c0e6;
}
}
@media screen and (max-width: 767px) {
.mainNav .searchNavWrap .container {
padding: 0;
}
}
.mainNav > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mainNav .navContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media screen and (max-width: 1180px) {
.mainNav .navContainer {
position: absolute;
left: -100%;
width: 100vw;
top: 55px;
height: -webkit-calc(100vh - 55px);
height: calc(100vh - 55px);
overflow: scroll;
-webkit-overflow-scrolling: touch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: white;
padding: 10px;
-webkit-transition: left .3s;
transition: left .3s;
}
.mainNav .navContainer.opened {
left: 0;
}
}
.mainNav .navLinksUnivers {
width: 42px;
height: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 42px;
flex: 0 0 42px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-item-align: center;
align-self: center;
margin-right: 10px;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
position: relative;
}
@media screen and (max-width: 1180px) {
.mainNav .navLinksUnivers {
display: none;
}
}
.mainNav .navLinksUnivers a {
width: 20px;
height: 20px;
font-size: 0;
line-height: 0;
display: block;
border: 6px solid;
-webkit-transition: .3s;
transition: .3s;
}
.mainNav .navLinksUnivers a:after {
content: attr(data-name);
font-size: 12px;
position: absolute;
z-index: 1;
top: -10px;
left: 0;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.mainNav .navLinksUnivers a.u-residentiel {
border-color: #00c0e6;
}
.mainNav .navLinksUnivers a.u-neuf {
border-color: #38e083;
}
.mainNav .navLinksUnivers a.u-prestige {
border-color: #d1b773;
}
.mainNav .navLinksUnivers a.u-pro {
border-color: #63307e;
}
.mainNav .navLinksUnivers a:hover,
.mainNav .navLinksUnivers a.active {
border-width: 10px;
}
.mainNav .navLinksUnivers a.active {
cursor: default;
}
.mainNav .navLinksUnivers a:hover:after {
opacity: 1;
}
.mainNav.show-univers-link .navLinksUnivers {
opacity: 1;
}
.mainNav .mobileUnivers {
display: none;
}
@media screen and (max-width: 1180px) {
.mainNav .mobileUnivers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 8px;
}
.mainNav .mobileUnivers a {
height: 38px;
border: 1px solid;
margin-right: 8px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.mainNav .mobileUnivers a.u-residentiel {
border-color: #00c0e6;
color: #00c0e6;
}
.mainNav .mobileUnivers a.u-neuf {
border-color: #38e083;
color: #38e083;
}
.mainNav .mobileUnivers a.u-prestige {
border-color: #d1b773;
color: #d1b773;
}
.mainNav .mobileUnivers a.u-pro {
border-color: #63307e;
color: #63307e;
}
}
@media screen and (max-width: 767px) {
}
.mainNav .toggleNavMenu {
display: none;
}
@media screen and (max-width: 1180px) {
.mainNav .toggleNavMenu {
display: block;
position: fixed;
top: 14px;
left: 5px;
height: 26px;
width: 30px;
margin-left: 8px;
}
.mainNav .toggleNavMenu span,
.mainNav .toggleNavMenu:before,
.mainNav .toggleNavMenu:after {
display: block;
background: #fff;
height: 5px;
width: 30px;
border-radius: 2px;
position: absolute;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.mainNav .toggleNavMenu:before {
content: '';
top: 0;
}
.mainNav .toggleNavMenu:after {
content: '';
bottom: 0;
}
.mainNav .toggleNavMenu span {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mainNav .toggleNavMenu.opened span {
opacity: 0;
}
.mainNav .toggleNavMenu.opened:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mainNav .toggleNavMenu.opened:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.mainNav .mainNavLogo {
margin: 14px 10px 14px 0;
-ms-flex-item-align: center;
align-self: center;
}
.mainNav .mainNavLogo .mainLogoColor {
display: block;
}
.mainNav .mainNavLogo .mainLogoWhite {
display: none;
}
@media screen and (max-width: 1180px) {
.mainNav .mainNavLogo {
margin: 3px auto;
}
.mainNav .mainNavLogo .mainLogoColor {
display: none;
}
.mainNav .mainNavLogo .mainLogoWhite {
display: block;
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.mainNav .mainNavLogo .mainLogoWhite {
opacity: 1;
}
}
@media screen and (max-width: 1180px) {
.mainNav.show-univers-link .mainNavLogo .mainLogoWhite {
opacity: 1;
}
}
.mainNav .navContainer > .btn {
margin: 0 7px;
-ms-flex-item-align: center;
align-self: center;
}
@media screen and (max-width: 1180px) {
.mainNav .navContainer > .btn {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 3px;
}
}
@media screen and (max-width: 1180px) {
.mainNav .navContainer > .btn.btn-tvb {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 10px;
padding: 17px 20px;
}
}
.mainNav .navContainer .btnMonCompte {
padding: 17px 15px;
cursor: pointer;
}
.mainNav .navContainer .btnMonCompte.has-logout {
position: relative;
padding: 17px 30px 17px 15px;
}
.mainNav .navContainer .btnMonCompte.has-logout .logout {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
font-weight: 700;
font-size: 14px;
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mainNav .navContainer .btnMonCompte.opened {
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
margin-top: 21px;
}
@media screen and (max-width: 1180px) {
.mainNav .navContainer .btnMonCompte.opened {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 38px;
}
}
@media screen and (max-width: 1180px) {
.mainNav .navContainer .btnMonCompte {
padding: 17px 5px;
}
}
@media screen and (max-width: 1180px) {
.mainNav .navContainer .btnMonCompte {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 0 10px 0;
}
}
.mainNav .navContainer .btnFavorite,
.mainNav .navContainer .btnGeloc {
text-transform: none;
}
.mainNav .navContainer .btnFavorite svg path,
.mainNav .navContainer .btnGeloc svg path {
fill: #00c0e6;
}
@media screen and (max-width: 1180px) {
.mainNav .navContainer .btnFavorite,
.mainNav .navContainer .btnGeloc {
position: fixed;
top: 6px;
right: 10px;
padding: 8px 0;
width: 42px;
background: none;
border: 1px solid #fff;
}
.mainNav .navContainer .btnFavorite svg,
.mainNav .navContainer .btnGeloc svg {
display: block;
margin: 0 auto;
}
.mainNav .navContainer .btnFavorite svg path,
.mainNav .navContainer .btnGeloc svg path {
fill: #fff;
}
}
.mainNav .navContainer .btnGeloc {
display: none;
}
.mainNav .navContainer .btnGeloc svg:last-child {
display: none;
}
.mainNav .navContainer .btnGeloc.is-geoloc svg:first-child {
display: none;
}
.mainNav .navContainer .btnGeloc.is-geoloc svg:last-child {
display: inline;
}
.mainNav .formMonCompte {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 10px solid #00c0e6;
padding: 30px 0;
display: none;
}
.mainNav .formMonCompte.opened {
display: block;
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte {
position: static;
padding: 0;
border-width: 5px;
}
}
.mainNav .formMonCompte .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte .container {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mainNav .formMonCompte .container > div {
width: 50%;
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte .container > div {
width: 100%;
display: block;
}
}
.mainNav .formMonCompte .container > div:first-child {
border-right: 1px solid #00c0e6;
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte .container > div:first-child {
border-right: none;
}
}
.mainNav .formMonCompte .container .close {
position: absolute;
top: -20px;
right: 0;
font-size: 40px;
line-height: 23px;
color: #00c0e6;
cursor: pointer;
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte .container .close {
top: 5px;
right: 5px;
}
}
.mainNav .formMonCompte .formMonCompteConnect {
width: 60%;
margin: 0 auto;
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte .formMonCompteConnect {
width: 80%;
}
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte .formMonCompteConnect {
width: 90%;
padding: 40px 0;
border-bottom: 1px solid #00c0e6;
}
}
.mainNav .formMonCompte .forgotPwd {
font-size: 12px;
text-align: right;
padding-top: 3px;
}
.mainNav .formMonCompte .forgotPwd a {
text-decoration: underline;
color: #00c0e6;
}
.mainNav .formMonCompte .forgotPwd a:hover {
text-decoration: none;
}
.mainNav .formMonCompte .signUpWrap {
font-size: 16px;
text-align: center;
width: 80%;
margin: 0 auto;
}
@media screen and (max-width: 1180px) {
.mainNav .formMonCompte .signUpWrap {
padding: 20px 0;
}
}
.mainNav .formMonCompte .signUpWrap .title {
color: #00c0e6;
font-size: 20px;
line-height: 1.2;
margin-bottom: 15px;
font-weight: normal;
text-transform: uppercase;
}
.mainNav .formMonCompte .signUpWrap p {
margin-bottom: 15px;
}
.mainNav .menuPrincipal {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
list-style: none;
padding: 0;
margin: 0 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 1.2;
}
@media screen and (max-width: 1180px) {
.mainNav .menuPrincipal {
margin-left: 0;
}
}
@media screen and (max-width: 1180px) {
.mainNav .menuPrincipal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.mainNav .menuPrincipal > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0 12px;
-webkit-transition: .3s;
transition: .3s;
margin-bottom: -1px;
}
@media screen and (max-width: 1180px) {
.mainNav .menuPrincipal > li {
padding: 0 8px;
}
}
@media screen and (max-width: 1180px) {
.mainNav .menuPrincipal > li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-top: 1px solid #00c0e6;
}
.mainNav .menuPrincipal > li:last-child {
border-bottom: 1px solid #00c0e6;
}
}
.mainNav .menuPrincipal > li > a,
.mainNav .menuPrincipal > li > span {
color: #4a4d4e;
text-decoration: none;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: .3s;
transition: .3s;
cursor: default;
}
@media screen and (max-width: 1180px) {
.mainNav .menuPrincipal > li > a,
.mainNav .menuPrincipal > li > span {
font-size: 20px;
padding: 10px 0;
}
}
.mainNav .menuPrincipal > li > a {
cursor: pointer;
}
.mainNav .menuPrincipal > li.active,
.mainNav .menuPrincipal > li:hover {
box-shadow: inset 0 -8px 0 0 #00c0e6;
}
@media screen and (max-width: 1180px) {
.mainNav .menuPrincipal > li.active,
.mainNav .menuPrincipal > li:hover {
box-shadow: none;
}
}
.mainNav .menuPrincipal > li.active > a,
.mainNav .menuPrincipal > li:hover > a,
.mainNav .menuPrincipal > li.active > span,
.mainNav .menuPrincipal > li:hover > span {
color: #00c0e6;
}
.mainNav .menuPrincipal > li.active .subMenu,
.mainNav .menuPrincipal > li:hover .subMenu {
display: block;
}
.mainNav .subMenu {
display: none;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
right: 0;
background: #00c0e6;
color: #fff;
padding: 50px 0 30px 0;
}
@media screen and (max-width: 1180px) {
.mainNav .subMenu {
display: block;
position: static;
background: none;
padding: 0;
color: #4a4d4e;
}
}
.mainNav .subMenu > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media screen and (max-width: 1180px) {
.mainNav .subMenu > .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 0;
overflow: hidden;
}
}
.mainNav .subMenu > .container > div {
padding: 0 15px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media screen and (max-width: 1180px) {
.mainNav .subMenu > .container > div {
padding: 0;
}
}
.mainNav .subMenu .title {
font-size: 20px;
line-height: 1.2;
margin-bottom: 30px;
font-weight: normal;
text-transform: uppercase;
}
@media screen and (max-width: 1180px) {
.mainNav .subMenu .title {
font-size: 16px;
margin-bottom: 0;
padding: 12px 0;
border-top: 1px solid #00c0e6;
}
}
@media screen and (max-width: 1180px) {
.mainNav .subMenu .title + div {
max-height: 0;
overflow: hidden;
}
}
.mainNav .subMenu ul {
list-style: none;
padding: 0;
margin: 0;
}
.mainNav .subMenu ul li {
margin-bottom: 20px;
}
.mainNav .subMenu ul li a {
text-decoration: none;
font-size: 14px;
line-height: 1.2;
}
.mainNav .subMenu ul li a:hover {
text-decoration: underline;
}
.mainNav .subMenu .btn {
margin-bottom: 7px;
}
.mainNav .btnSearch {
opacity: 0;
cursor: default;
pointer-events: none;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
@media screen and (max-width: 1180px) {
.mainNav .btnSearch {
position: fixed;
top: 6px;
right: 60px;
padding: 7px 0;
width: 42px;
background: none;
border: 1px solid #fff;
}
}
.mainNav .btnSearch img {
margin: 0 auto;
}
.mainNav .btnSearch img:last-child {
display: none;
}
.mainNav .hint--hide:before {
display: none !important;
}
.mainNav .hint--hide:after {
display: none !important;
}
.mainNav.show-search-btn .btnSearch {
opacity: 1;
cursor: pointer;
pointer-events: auto;
}
.mainNav.show-search-btn .btnSearch.opened {
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
margin-top: 21px;
}
@media screen and (max-width: 1180px) {
.mainNav.show-search-btn .btnSearch.opened {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 0;
}
}
.mainNav.show-search-btn .btnSearch.opened img:first-child {
display: none;
}
.mainNav.show-search-btn .btnSearch.opened img:last-child {
display: block;
}
.mainNav .searchNavWrap {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #00c0e6;
padding: 50px 0;
display: none;
}
@media screen and (max-width: 1180px) {
.mainNav .searchNavWrap {
position: fixed;
top: 55px;
left: 0;
right: 0;
border-top: 1px solid #fff;
padding: 20px 0 40px 0;
}
}
@media screen and (max-width: 767px) {
.mainNav .searchNavWrap {
height: -webkit-calc(100vh - 55px);
height: calc(100vh - 55px);
overflow: scroll;
}
}
.mainNav .searchNavWrap.opened {
display: block;
}
.mainNav .searchNavWrap .btnSubmit {
background: #fff;
border-left: 1px solid #00c0e6;
}
.mainNav .searchNavWrap .btnSubmit svg path {
fill: #00c0e6;
}
.mainNav .selectLang {
margin-left: auto;
-ms-flex-item-align: center;
align-self: center;
}
@media screen and (max-width: 1180px) {
.mainNav .selectLang {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
.mainNav .selectLang select {
min-width: 76px;
}
@media screen and (max-width: 1180px) {
.mainNav .selectLang {
position: absolute;
right: 10px;
top: 56px;
}
.mainNav .selectLang:after {
content: '';
height: 0;
width: 0;
border: solid transparent;
border-width: 8px 6px 0;
border-top-color: #00c0e6;
position: absolute;
z-index: 1;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mainNav .selectLang select {
color: #00c0e6;
background: #fff;
-webkit-appearance: none;
border: 1px solid currentColor;
border-radius: 0;
height: 50px;
line-height: 50px;
font-size: 16px;
padding: 0 15px;
text-transform: uppercase;
}
}
.mainNav .menuPrincipal > li.opened .subMenu .container {
max-height: 1000px;
}
@media screen and (max-width: 1180px) {
.mainNav .menuPrincipal > li.opened .subMenu .container {
width: 100%;
}
}
.mainNav .menuPrincipal > li.opened .subMenu .container > div.opened > div {
max-height: 1000px;
}
/* Search Bar Home
========================================================================== */
@media screen and (max-width: 767px) {
.searchBannerWrap {
min-height: 110px;
}
}
.searchBar {
border-radius: 5px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media screen and (max-width: 1180px) {
.searchBar {
margin: 0 10px;
}
}
@media screen and (max-width: 767px) {
.searchBar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
}
}
.searchBar .inputSearchBtns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: start;
align-content: flex-start;
background: #fff;
border-radius: 0 5px 5px 0;
}
.searchBar .inputSearchBtns .location-search-input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
padding-bottom: 10px;
overflow: hidden;
height: auto;
-ms-flex-line-pack: start;
align-content: flex-start;
top: 0;
left: 0;
right: 222px;
}
@media screen and (max-width: 767px) {
.searchBar .inputSearchBtns .location-search-input {
padding-bottom: 0;
right: 130px;
width: -webkit-calc(100vw - 130px - 20px);
width: calc(100vw - 130px - 20px);
}
}
.searchBar .inputSearchBtns .location-search-input.is-opened {
height: auto;
overflow: visible;
}
.searchBar .inputSearchBtns .location-search-input .selected-location {
background: #ebfafd;
margin: 10px 0 0 10px;
padding: 22px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchBar .inputSearchBtns .location-search-input .btn-remove {
background: #00c0e6;
border-radius: 50%;
display: block;
padding: 5px 5px;
line-height: 9px;
font-size: 16px;
color: #ebfafd;
font-weight: bold;
font-family: arial;
margin-left: 7px;
cursor: pointer;
}
.searchBar .inputSearchBtns .location-search-input .location-search {
border: 0;
border-radius: 0 0 0 5px;
font-size: 18px;
font-weight: normal;
padding: 0 30px;
outline: none;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
height: 63px;
line-height: 63px;
margin-top: 10px;
display: inline-block;
width: 100%;
}
@media screen and (max-width: 767px) {
.searchBar .inputSearchBtns .location-search-input .location-search {
margin-top: 0;
height: 60px;
line-height: 60px;
padding: 0 10px;
}
}
.searchBar .inputSearchBtns .location-search-input .list-autocomplete {
display: none;
background: #fff;
position: absolute;
z-index: 1;
top: 83px;
left: 0;
right: 0;
list-style: none;
padding: 10px 15px 15px 15px;
border: 1px solid #eee;
max-height: 200px;
overflow: auto;
}
@media screen and (max-width: 767px) {
.searchBar .inputSearchBtns .location-search-input .list-autocomplete {
top: 60px;
}
}
.searchBar .inputSearchBtns .location-search-input .list-autocomplete.is-opened {
display: block;
z-index: 3;
}
.searchBar .inputSearchBtns .location-search-input .list-autocomplete li {
margin: 0;
padding: 5px;
}
.searchBar .inputSearchBtns .location-search-input .list-autocomplete li.libelle {
margin-top: 5px;
}
.searchBar .inputSearchBtns .location-search-input .list-autocomplete li.location {
cursor: pointer;
color: #999;
}
.searchBar .inputSearchBtns .location-search-input .list-autocomplete li.location:hover {
background: #00c0e6;
color: #fff;
}
.searchBar .inputSearchBtns .location-search-input .list-autocomplete li.location.disabled {
color: #ebebeb;
pointer-events: none;
cursor: default;
}
.searchBar button {
height: 100%;
line-height: 100%;
margin: 0;
padding: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
text-transform: none;
background: none;
border: none;
width: auto;
overflow: inherit;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.searchBar .selectWrap {
position: relative;
}
.searchBar .selectWrap:after {
content: '';
height: 0;
width: 0;
border-top: 8px solid #00c0e6;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position: absolute;
z-index: 1;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.searchBar .chosenSearchBar .chosen-container-single {
width: 220px !important;
}
.searchBar .chosenSearchBar select {
width: 220px;
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
@media screen and (max-width: 767px) {
.searchBar .chosenSearchBar select {
-webkit-appearance: none;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background: #ebfafd;
border: 0;
border-radius: 5px 5px 0 0;
height: 50px;
color: #00c0e6;
text-transform: uppercase;
font-size: 15px;
line-height: 50px;
text-align: center;
padding: 0 15px;
}
}
.searchBar .btnGeloc {
width: 90px;
-webkit-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
border-radius: 0;
height: auto;
cursor: pointer;
outline: none;
}
.searchBar .btnGeloc svg {
display: block;
margin: 0 auto;
width: 40px;
height: 40px;
}
.searchBar .btnGeloc svg path {
fill: #00c0e6;
}
@media screen and (max-width: 767px) {
.searchBar .btnGeloc {
height: 60px;
width: 60px;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
}
.searchBar .btnGeloc img {
width: 24px;
}
}
.searchBar .btnGeloc.is-loading {
cursor: default;
position: relative;
}
.searchBar .btnGeloc.is-loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85) url(../bundles/capiapp/images/common/loading.gif) no-repeat center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border: 0;
-webkit-transition: none;
transition: none;
}
.searchBar .btnSubmit {
width: 82px;
height: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 82px;
flex: 0 0 82px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #00c0e6;
border-radius: 0 5px 5px 0;
}
.searchBar .btnSubmit img {
display: block;
margin: 0 auto;
}
.searchBar .btnSubmit svg {
height: 36px;
width: 36px;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.searchBar .btnSubmit {
height: 60px;
width: 60px;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
border-radius: 0;
}
.searchBar .btnSubmit img {
width: 28px;
}
}
.searchBar .plusDeCriteres {
position: absolute;
z-index: 2;
top: 100%;
left: 220px;
right: 82px;
background: #ebfafd;
}
@media screen and (max-width: 1180px) {
}
@media screen and (max-width: 767px) {
.searchBar .plusDeCriteres {
left: 0;
right: 0;
}
}
.searchBar .plusDeCriteres .inner {
padding: 0 25px;
max-height: 0;
overflow: hidden;
-webkit-transition: .3s;
transition: .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.searchBar .plusDeCriteres .inner {
display: block;
}
}
.searchBar .plusDeCriteres .inner .lien {
text-decoration: underline;
margin-top: 10px;
display: block;
font-size: 14px;
}
.searchBar .plusDeCriteres .inner > div {
-webkit-box-flex: 1;
-ms-flex: 1 0 33%;
flex: 1 0 33%;
}
.searchBar .plusDeCriteres .inner > div + div {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.searchBar .plusDeCriteres .inner > div {
margin-bottom: 20px;
}
}
.searchBar .plusDeCriteres .inner > div > strong,
.searchBar .plusDeCriteres .inner > div > div > strong,
.searchBar .plusDeCriteres .inner > div > div > div > strong {
color: #999999;
font-size: 16px;
display: block;
margin-bottom: 5px;
margin-top: 10px;
}
.searchBar .plusDeCriteres .inner > div .checkbox {
display: block;
}
.searchBar .plusDeCriteres .inner > div select[multiple],
.searchBar .plusDeCriteres .inner > div .chosen-container-multi {
width: 100%!important;
max-width: 240px;
}
.searchBar .plusDeCriteres .tab {
font-size: 20px;
color: #00c0e6;
background: #ebfafd;
padding: 7px 15px;
border-radius: 0 0 5px 5px;
position: absolute;
top: 100%;
right: 0;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 1180px) {
}
@media screen and (max-width: 767px) {
.searchBar .plusDeCriteres .tab {
padding: 7px 10px;
font-size: 16px;
}
}
.searchBar .plusDeCriteres .tab span:before {
content: '+';
}
.searchBar .plusDeCriteres .tab:hover {
background: #00c0e6;
color: #fff;
}
.searchBar .plusDeCriteres.opened .inner {
padding: 15px 25px 25px 25px;
max-height: 800px;
overflow: visible;
}
.searchBar .plusDeCriteres.opened .tab span:before {
content: '\2013';
}
.searchBar .budgetMinMax,
.searchBar .surfaceMinMax {
color: #999999;
font-size: 16px;
font-weight: 700;
}
.searchBar .budgetMinMax input[type="text"],
.searchBar .surfaceMinMax input[type="text"] {
max-width: 100px;
height: 35px;
line-height: 35px;
font-size: 16px;
padding: 0 10px;
border: 1px solid #e5e5e5;
background: #fff;
margin: 0 7px;
}
.searchBar .budgetMinMax input[type="text"]:first-child,
.searchBar .surfaceMinMax input[type="text"]:first-child {
margin-left: 0;
}
.searchBar .budgetMinMax input[type="text"]:last-child,
.searchBar .surfaceMinMax input[type="text"]:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.searchBar .budgetMinMax input[type="text"],
.searchBar .surfaceMinMax input[type="text"] {
max-width: 100px;
padding: 0 10px;
margin: 0 5px;
}
}
.searchBar .deliveryDate {
margin-top: 10px;
}
.searchBar .deliveryDate > strong {
color: #999999;
font-size: 16px;
display: block;
margin-bottom: 5px;
margin-top: 10px;
}
.select2-drop-active {
border: 0;
}
.inputSearchBtns .select2-container-multi {
overflow: hidden;
}
.inputSearchBtns .select2-container-multi .select2-choices {
position: relative;
padding-right: 50%;
}
.inputSearchBtns .select2-container-multi .select2-choices .select2-search-choice {
padding: 20px 10px 20px 20px;
margin: 3px 7px 12px 7px;
box-shadow: none;
background: #f7f7f7;
border: 1px solid #e5e5e5;
}
.inputSearchBtns .select2-container-multi .select2-choices .select2-search-field {
height: 72px;
line-height: 61px;
}
.inputSearchBtns .select2-container-multi .select2-choices .select2-search-choice + .select2-search-field {
position: absolute;
right: 0;
top: 0;
width: 50%;
}
.inputSearchBtns .select2-container-multi .select2-search-choice-close {
left: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.inputSearchBtns .select2-container-multi.select2-container-active {
overflow: visible;
}
/* ==========================================================================
BANNERS
========================================================================== */
/* Video banner
========================================================================== */
.bannerVideo {
position: relative;
z-index: 1;
}
@media screen and (min-width: 1181px) {
.bannerVideo:not(.no-video) {
background: #f7f7f7 !important;
}
}
@media screen and (max-width: 1180px) {
.bannerVideo {
background-size: cover;
background-position: 50% 50%;
}
}
.bannerVideo .sliderVideo {
width: 100%;
height: -webkit-calc(100vh - 91px);
height: calc(100vh - 91px);
overflow: hidden;
}
@media screen and (max-width: 1180px) {
.bannerVideo .sliderVideo {
height: -webkit-calc(100vh - 54px);
height: calc(100vh - 54px);
}
}
@media screen and (max-width: 1180px) {
.bannerVideo .sliderVideo {
display: none;
}
}
.bannerVideo .sliderVideo:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}
.bannerVideo .sliderVideo.with-image {
height: auto;
}
.bannerVideo .sliderVideo.with-image:after {
display: none;
}
.bannerVideo .sliderVideo > img {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
.bannerVideo .slide-video {
width: 100%;
height: -webkit-calc(100vh - 91px);
height: calc(100vh - 91px);
overflow: hidden;
position: relative;
}
@media screen and (max-width: 1180px) {
.bannerVideo .slide-video {
height: -webkit-calc(100vh - 54px);
height: calc(100vh - 54px);
}
}
.bannerVideo .slide-video.is-image {
height: auto;
}
.bannerVideo .slide-video > img,
.bannerVideo .slide-video > a > img {
width: 100%;
}
.bannerVideo video {
min-width: 100%;
min-height: -webkit-calc(100vh - 91px);
min-height: calc(100vh - 91px);
}
@media screen and (max-width: 1180px) {
.bannerVideo video {
height: -webkit-calc(100vh - 54px);
height: calc(100vh - 54px);
}
}
.bannerVideo .bannerContent {
position: absolute;
z-index: 1;
top: 40%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 1180px) {
.bannerVideo .bannerContent {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-bottom: 40px;
padding-top: 20px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
}
}
.bannerVideo .bannerContent .logo {
text-align: center;
}
@media screen and (max-width: 767px) {
.bannerVideo .bannerContent .logo {
display: none;
}
}
.bannerVideo .bannerContent .logo img {
width: 32%;
max-width: 415px;
}
body.prestige .bannerVideo .bannerContent .logo img {
width: 45%;
max-width: 530px;
margin-bottom: 60px;
}
.bannerVideo .bannerContent .logo .baseline {
display: block;
color: #ffffff;
font-size: 19px;
font-weight: 900;
margin: 20px 0 30px 0;
-webkit-font-smoothing: antialiased;
}
.bannerVideo .bannerContent .linksUnivers {
text-align: center;
font-size: 0;
margin-bottom: 40px;
}
@media screen and (max-width: 1180px) {
.bannerVideo .bannerContent .linksUnivers {
margin-bottom: 30px;
}
}
.bannerVideo .bannerContent .linksUnivers a {
display: inline-block;
margin: 0 10px;
border: 4px solid;
padding: 15px 25px;
font-weight: bold;
font-family: 'Lato', Arial, sans-serif;
font-size: 15px;
text-transform: uppercase;
-webkit-transition: background .3s;
transition: background .3s;
background: rgba(0, 0, 0, 0.6);
border-radius: 5px;
position: relative;
}
.bannerVideo .bannerContent .linksUnivers a:after {
content: '';
position: absolute;
right: 50%;
bottom: -18px;
border-left: 15px solid;
border-bottom: 15px solid transparent;
border-top: 0px solid transparent;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
}
.bannerVideo .bannerContent .linksUnivers a.active:after,
.bannerVideo .bannerContent .linksUnivers a:hover:after {
opacity: 1;
}
.bannerVideo .bannerContent .linksUnivers a.u-residentiel {
border-color: #00c0e6;
background: #00c0e6;
color: #fff;
}
.bannerVideo .bannerContent .linksUnivers a.u-residentiel:hover:after,
.bannerVideo .bannerContent .linksUnivers a.u-residentiel.active:after {
border-left-color: #00c0e6;
}
.bannerVideo .bannerContent .linksUnivers a.u-neuf {
border-color: #38e083;
background: #38e083;
color: #fff;
}
.bannerVideo .bannerContent .linksUnivers a.u-neuf:hover:after,
.bannerVideo .bannerContent .linksUnivers a.u-neuf.active:after {
border-left-color: #38e083;
}
.bannerVideo .bannerContent .linksUnivers a.u-prestige {
border-color: #d1b773;
color: #fff;
background: #d1b773;
}
.bannerVideo .bannerContent .linksUnivers a.u-prestige:hover:after,
.bannerVideo .bannerContent .linksUnivers a.u-prestige.active:after {
border-left-color: #d1b773;
}
.bannerVideo .bannerContent .linksUnivers a.u-pro {
border-color: #63307e;
color: #fff;
background: #63307e;
}
.bannerVideo .bannerContent .linksUnivers a.u-pro:hover:after,
.bannerVideo .bannerContent .linksUnivers a.u-pro.active:after {
border-left-color: #63307e;
}
.bannerVideo .bannerContent .selectUniversForm {
display: none;
width: 90%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.bannerVideo .bannerContent .selectUniversForm {
display: block;
position: relative;
}
.bannerVideo .bannerContent .selectUniversForm:after {
content: '';
height: 0;
width: 0;
border-top: 8px solid #00c0e6;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position: absolute;
z-index: 1;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.bannerVideo .bannerContent .selectUniversForm:before {
content: '';
height: 0;
width: 0;
border-top: 13px solid #00c0e6;
border-left: 0;
border-right: 12px solid transparent;
position: absolute;
z-index: 1;
left: 50px;
top: 100%;
}
.bannerVideo .bannerContent .selectUniversForm select {
-webkit-appearance: none;
width: 100%;
height: 48px;
line-height: 48px;
border-radius: 0;
font-size: 16px;
text-transform: uppercase;
padding: 0 20px;
background: rgba(0, 192, 230, 0.3);
border: 1px solid #00c0e6;
color: #fff;
}
}
/* ==========================================================================
ANNONCES
========================================================================== */
/* Listing Annonces
========================================================================== */
.listingAnnonces .annonce {
margin: 0 0 20px 0;
}
.listingAnnonces .col-1-3 {
padding: 0 10px;
}
@media screen and (max-width: 767px) {
.listingAnnonces .col-1-3 {
padding: 0;
}
}
.searchListResults .listingAnnonces .annonceBig {
min-height: 250px;
}
/* Annonce
========================================================================== */
.annonce {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: .3s;
transition: .3s;
box-shadow: 0;
}
.annonce:hover {
-webkit-transform: scale(1.005);
-ms-transform: scale(1.005);
transform: scale(1.005);
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.annonce .visu {
overflow: hidden;
background-size: cover;
background-position: 50% 50%;
}
.annonce .visu img {
height: 0;
width: 0;
opacity: 0;
}
.annonce .content {
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.annonce .location {
text-transform: uppercase;
font-weight: bold;
}
.annonce .title {
text-transform: uppercase;
font-weight: bold;
}
.annonce .price {
color: #ff8518;
text-transform: uppercase;
font-weight: bold;
margin-top: 25px;
}
@media screen and (max-width: 1180px) {
.annonce .price {
margin-top: 15px;
}
}
.annonce .conseiller {
position: absolute;
bottom: 15px;
left: 15px;
}
.annonce .conseiller img {
border-radius: 50%;
border: 3px solid #00c0e6;
height: 60px;
width: 60px;
}
.annonce .picto-operation {
position: absolute;
}
.annonce .picto-operation img {
max-width: 100%;
}
.annonce .tag,
.infoBox.good .tag {
position: absolute;
top: 10px;
right: 0;
padding: 13px 20px;
color: #fff;
text-transform: uppercase;
font-size: 17px;
line-height: 1;
font-weight: bold;
text-align: center;
pointer-events: none;
}
.annonce .tag {
right: -8px;
}
@media screen and (max-width: 767px) {
.annonce .tag {
right: 0;
}
}
.infoBox.good .tag {
top: 30px;
font-size: 12px;
padding: 9px 7px;
}
/* Annonce Simple
========================================================================== */
.annonceSimple {
border: 1px solid #f2f2f2;
min-height: 210px;
max-width: 380px;
}
.annonceSimple:hover {
border-color: #00c0e6;
}
@media screen and (max-width: 1180px) {
.annonceSimple {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.annonceSimple .visu,
.annonceSimple .content {
width: 50%;
}
@media screen and (max-width: 1180px) {
.annonceSimple .visu,
.annonceSimple .content {
width: 100%;
}
}
@media screen and (max-width: 1180px) {
.annonceSimple .visu {
height: 140px;
}
}
@media screen and (max-width: 1180px) {
.annonceSimple .content {
padding: 15px;
}
}
.annonceSimple .location {
font-size: 12px;
}
.annonceSimple .title {
font-size: 18px;
}
.annonceSimple .price {
font-size: 24px;
}
@media screen and (max-width: 1180px) {
.annonceSimple .conseiller {
bottom: inherit;
top: 60px;
left: 10px;
}
}
.annonceSimple .picto-operation {
bottom: 5px;
right: 7px;
width: 45px;
}
.annonceSimple .tag {
right: auto;
left: -8px;
font-size: 12px;
padding: 9px 7px;
}
/* Annonce Big
========================================================================== */
.annonceBig {
min-height: 439px;
max-width: 380px;
outline: 1px solid transparent;
}
.annonceBig:hover {
outline: 1px solid #00c0e6;
}
@media screen and (max-width: 767px) {
.annonceBig {
min-height: 350px;
}
}
.annonceBig .visu {
width: 100%;
}
.annonceBig .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
text-align: center;
}
.annonceBig .location {
font-size: 14px;
color: #fff;
}
.annonceBig .title {
font-size: 18px;
color: #fff;
}
.annonceBig .price {
font-size: 30px;
margin-top: 28px;
}
.annonceBig .picto-operation {
bottom: 10px;
right: 12px;
width: 61px;
}
.annonceExclu .tag {
background: #00c0e6;
}
.annonceCoupCoeur .tag {
background: #ff8518;
}
.annonceNew .tag {
background: #00c0e6;
}
/* ==========================================================================
REASSURANCE
========================================================================== */
/* Home
========================================================================== */
.homeReassurance {
background: #f7f7f7;
padding: 50px 0;
}
@media screen and (max-width: 767px) {
.homeReassurance {
padding: 20px 0;
}
}
.homeReassurance .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1180px) {
.homeReassurance .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.homeReassurance .visu {
height: 120px;
width: 120px;
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
background: #00c0e6;
border-radius: 50%;
position: relative;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1180px) {
.homeReassurance .visu {
margin: 0 0 30px 0;
}
}
@media screen and (max-width: 767px) {
.homeReassurance .visu {
margin: 0 0 20px 0;
height: 70px;
width: 70px;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
}
.homeReassurance .visu > img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
}
@media screen and (max-width: 767px) {
.homeReassurance .visu > img {
width: 50%;
}
}
.homeReassurance .visu span {
font-size: 28px;
color: #fff;
}
@media screen and (max-width: 767px) {
.homeReassurance .visu span {
font-size: 20px;
}
}
.homeReassurance .visu .rate-stars {
height: 14px;
width: 81px;
margin-top: 5px;
background: url("../bundles/capiapp/images/stars-white-off.png") no-repeat;
position: relative;
}
@media screen and (max-width: 767px) {
.homeReassurance .visu .rate-stars {
display: none;
}
}
.homeReassurance .visu .rate-stars .mask {
position: absolute;
top: 0;
left: 0;
background: url("../bundles/capiapp/images/stars-white-on.png") no-repeat;
height: 14px;
width: 100%;
}
.homeReassurance .visu:after {
content: '';
height: 0;
width: 0;
border-left: 14px solid #00c0e6;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
position: absolute;
top: 50%;
right: -13px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 1180px) {
.homeReassurance .visu:after {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 14px solid #00c0e6;
border-bottom: 0;
position: absolute;
top: auto;
left: 50%;
right: auto;
bottom: -13px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media screen and (max-width: 1180px) {
.homeReassurance .chiffres {
text-align: center;
}
}
.homeReassurance .chiffres [data-counter] {
opacity: 0;
}
.homeReassurance .chiffres strong {
font-size: 35px;
line-height: 1.3;
font-weight: bold;
color: #00c0e6;
display: block;
}
@media screen and (max-width: 767px) {
.homeReassurance .chiffres strong {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.homeReassurance .chiffres img {
width: 100%;
}
}
.homeReassurance .chiffres span {
font-weight: normal;
text-transform: uppercase;
font-size: 15px;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.homeReassurance .chiffres span {
font-size: 10px;
}
}
/* ==========================================================================
MAPS
========================================================================== */
/* map wrapper
========================================================================== */
.map-wrapper {
min-height: 300px;
}
.map-wrapper .map {
height: 100%;
}
.markerLabel.nbEntities {
width: 21px;
height: 21px;
line-height: 21px;
text-align: center;
color: #00c0e6;
font-size: 11px;
font-weight: bold;
font-family: Arial;
border-radius: 50%;
margin: -36px 0 0 -11px !important;
}
body.commerce .markerLabel.nbEntities {
color: #63307e;
}
body.prestige .markerLabel.nbEntities {
color: #7a7a7a;
}
.infoBox.good {
width: 300px;
/*@media @deviceMaxS {
display: none !important;
}*/
}
.infoBox.good > img {
top: 5px;
right: 5px;
}
/*.infoBoxBottom {
position: fixed;
bottom: 0;
right: 0;
left: 0;
transform: translateY(100%);
transition: .3s;
.js-slider-infobox,
.slide {
width: auto;
}
@media @deviceMaxS {
&.opened {
transform: translateY(0);
}
}
}*/
.infobox-title {
font-size: 20px;
padding: 5px 30px 5px 10px;
font: 16px/1.2 'Lato', Arial, sans-serif;
color: #fff;
text-transform: uppercase;
background: #00c0e6;
}
.js-slider-infobox {
width: 300px;
height: 280px;
background: #000;
}
.js-slider-infobox .slick-prev {
left: 5px;
}
.js-slider-infobox .slick-prev:hover {
left: 0;
}
.js-slider-infobox .slick-next {
right: 5px;
}
.js-slider-infobox .slick-next:hover {
right: 0;
}
.js-slider-infobox .slick-prev,
.js-slider-infobox .slick-next {
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 2;
width: 25px;
height: 25px;
background-size: 70%;
background-color: transparent;
border-radius: 0;
background-position: 50%;
}
.js-slider-infobox .slide {
width: 300px;
height: 280px;
position: relative;
}
.js-slider-infobox figure.img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .6;
}
.js-slider-infobox figure.img.portrait {
opacity: 1;
border-radius: 50%;
border: 2px solid #00c0e6;
width: 65px;
height: 65px;
top: auto;
right: auto;
left: 12px;
bottom: 12px;
}
.js-slider-infobox .content {
position: absolute;
top: 50%;
right: 0;
left: 0;
color: #fff;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
font: 16px/1.2 'Lato', Arial, sans-serif;
padding: 0 20px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
/* ==========================================================================
TIMELINE
========================================================================== */
.timeline {
background-size: cover;
position: relative;
/* Bulle
========================================================================== */
}
.timeline .title {
font-size: 35px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: normal;
margin: 0;
padding: 100px 0 50px 0;
position: relative;
height: 185px;
}
@media screen and (max-width: 1180px) {
.timeline .title {
font-size: 25px;
height: 55px;
margin: 30px 0 0 0;
padding: 30px 0 0 0;
}
}
@media screen and (max-width: 767px) {
.timeline .title {
height: auto;
}
}
.timeline .container {
position: relative;
}
.timeline .container .stepContainer {
position: absolute;
width: 300px;
height: 200px;
top: 254px;
left: -webkit-calc(50% - 484px);
left: calc(50% - 484px);
}
@media screen and (max-width: 1180px) {
.timeline .container .stepContainer {
left: -webkit-calc(50% - 283px);
left: calc(50% - 283px);
top: 124px;
}
}
@media screen and (max-width: 767px) {
.timeline .container .stepContainer {
display: none;
}
}
.timeline .container .stepContainer .bulle.step {
top: 0;
left: 45px;
}
.timeline .container .nav {
position: absolute;
height: 120px;
bottom: 0;
width: 120px;
}
.timeline .container .nav .circle {
background: #fff;
height: 60px;
width: 60px;
position: absolute;
bottom: 30px;
border-radius: 50%;
}
.timeline .container .nav .circle:after {
content: '';
display: block;
position: absolute;
top: -webkit-calc(50% - 11px);
top: calc(50% - 11px);
}
.timeline .container .nav.nav-left {
left: 0;
cursor: w-resize;
display: none;
}
.timeline .container .nav.nav-left .circle {
left: 30px;
}
.timeline .container .nav.nav-left .circle:after {
border: solid transparent;
border-width: 11px 20px 11px 0;
border-right-color: #00c0e6;
left: 16px;
}
.timeline .container .nav.nav-right {
right: 0;
cursor: e-resize;
}
.timeline .container .nav.nav-right .circle {
right: 30px;
}
.timeline .container .nav.nav-right .circle:after {
border: solid transparent;
border-width: 11px 0 11px 20px;
border-left-color: #00c0e6;
right: 16px;
}
.timeline .timelineBg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.timeline .timelineBg:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.28) 34%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0) 98%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.28) 34%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0) 98%);
}
.timeline .timelineBg .slide {
width: 100%;
height: 785px;
}
.timeline .content {
position: relative;
height: 600px;
overflow-x: hidden;
cursor: -webkit-grab;
cursor: grab;
}
.timeline .content.grabbing {
cursor: -webkit-grabbing;
cursor: grabbing;
}
@media screen and (max-width: 1180px) {
.timeline .content {
overflow: auto;
}
}
@media screen and (max-width: 767px) {
.timeline .content {
height: 350px;
}
}
.timeline .line {
height: 7px;
background: #00c0e6;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 0 0 200px;
width: -webkit-calc((6745px / 22) * 17);
width: calc((6745px / 22) * 17);
}
@media screen and (max-width: 1180px) {
.timeline .line {
width: -webkit-calc((6220px / 22) * 17);
width: calc((6220px / 22) * 17);
}
}
@media screen and (max-width: 767px) {
.timeline .line {
width: -webkit-calc((5290px / 22) * 17);
width: calc((5290px / 22) * 17);
margin: 0 0 0 95px;
}
}
.timeline.business .line {
width: 4692px;
}
@media screen and (max-width: 1180px) {
.timeline.business .line {
width: 4292px;
}
}
@media screen and (max-width: 767px) {
.timeline.business .line {
width: 3592px;
}
}
.timeline .dot {
height: 20px;
width: 20px;
border-radius: 50%;
background: #00c0e6;
float: left;
margin-right: 240px;
-webkit-transform: translateY(-webkit-calc(-50% + 4px));
-ms-transform: translateY(calc(-50% + 4px));
transform: translateY(calc(-50% + 4px));
position: relative;
}
@media screen and (max-width: 767px) {
.timeline .dot {
margin-right: 200px;
}
}
.timeline .dot:not(.dot-big) .bulle {
opacity: 0;
}
.timeline .dot:not(.dot-big).showDot .bulle {
opacity: 1;
}
.timeline .dot-big {
height: 40px;
width: 40px;
background: #fff;
border: 5px solid #00c0e6;
}
.timeline .dot-big.stickDot .bulle {
opacity: 0;
}
@media screen and (max-width: 767px) {
.timeline .dot-big.stickDot .bulle {
opacity: 1;
}
}
.timeline .bulle {
position: relative;
top: 110px;
left: -51px;
display: inline-block;
background: #00c0e6;
border-radius: 15px;
padding: 20px;
white-space: nowrap;
-webkit-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 767px) {
.timeline .bulle {
top: 80px;
}
}
.timeline .bulle .icon {
background: #fff;
border: 3px solid #00c0e6;
border-radius: 50%;
height: 75px;
width: 75px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.timeline .bulle .icon img,
.timeline .bulle .icon svg {
width: 50%;
height: auto;
display: block;
}
.timeline .bulle .icon svg path {
fill: #00c0e6;
}
.timeline .bulle .label {
font-size: 18px;
line-height: 1.2;
text-transform: uppercase;
color: #fff;
}
@media screen and (max-width: 767px) {
.timeline .bulle .label {
font-size: 16px;
}
}
.timeline .bulle:after {
content: '';
position: absolute;
bottom: 100%;
top: auto;
left: 60px;
width: 3px;
height: 100px;
background: #00c0e6;
}
@media screen and (max-width: 767px) {
.timeline .bulle:after {
height: 80px;
}
}
.timeline .bulle.step {
border-radius: 20px;
padding: 40px 40px 40px 60px;
top: -220px;
left: -60px;
-webkit-transition: 0s;
transition: 0s;
}
@media screen and (max-width: 767px) {
.timeline .bulle.step {
padding: 20px 20px 20px 50px;
top: -140px;
}
}
.timeline .bulle.step .icon {
height: 90px;
width: 90px;
}
@media screen and (max-width: 767px) {
.timeline .bulle.step .icon {
height: 70px;
width: 70px;
}
}
.timeline .bulle.step .label {
font-size: 22px;
}
@media screen and (max-width: 767px) {
.timeline .bulle.step .label {
font-size: 18px;
}
}
.timeline .bulle.step:after {
content: '';
position: absolute;
height: 0;
width: 0;
top: 100%;
bottom: auto;
left: 70px;
background: transparent;
border: solid transparent;
border-width: 30px 30px 0 0;
border-top-color: #00c0e6;
}
/* pages
======================================= */
/* ==========================================================================
HOME
========================================================================== */
/* Panel TVB
========================================================================== */
.panel-tvb {
background: #f18321;
color: #fff;
width: 360px;
padding: 25px;
border-radius: 5px;
position: fixed;
right: 15px;
bottom: 50px;
z-index: 999;
text-align: center;
-webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: 1;
}
.prestige .panel-tvb {
display: none;
}
@media screen and (max-width: 767px) {
.panel-tvb {
display: none;
width: 100%;
left: 0;
right: 0;
bottom: 0;
border-radius: 0;
}
}
.panel-tvb.is-opacited {
opacity: 0;
pointer-events: none;
}
.panel-tvb .close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
height: 21px;
width: 21px;
border-radius: 50%;
background: #fff;
color: #f18321;
text-align: center;
line-height: 1;
font-size: 19px;
border: 1px solid #fff;
}
.panel-tvb .close:hover {
background: none;
color: #fff;
}
.panel-tvb .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.panel-tvb img {
display: block;
max-width: 100%;
margin: 0 15px 0 0;
width: 100px;
height: 112px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
.panel-tvb .subtext {
font-size: 24px;
margin-bottom: 10px;
text-transform: uppercase;
}
.panel-tvb .text {
font-size: 17px;
margin-bottom: 15px;
}
.panel-tvb .btn {
-webkit-transition: .3s;
transition: .3s;
background: #fff !important;
border-color: #fff !important;
color: #f18321 !important;
margin: 0 auto;
}
.panel-tvb .btn:hover {
background: none !important;
color: #fff !important;
}
/* Guide Immobilier
========================================================================== */
.guideImmo .main-title-2 {
margin-bottom: 30px;
}
.guideImmo .main-subtitle-2 {
text-align: center;
width: 90%;
margin: 0 auto 50px auto;
}
.guideImmoSlider .item {
height: 140px;
background-color: #f7f7f7;
background-size: cover;
background-position: 50% 50%;
margin: 0 10px 20px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: #fff;
text-transform: uppercase;
font-size: 17px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 767px) {
.guideImmoSlider .item {
height: 100px;
margin-bottom: 5px;
}
}
.guideImmoSlider .item:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
-webkit-transition: .3s;
transition: .3s;
}
.guideImmoSlider .item .icon {
z-index: 1;
display: block;
margin-bottom: 20px;
max-width: 100px;
max-height: 100px;
}
.guideImmoSlider .item > span {
z-index: 1;
display: block;
width: 100%;
-webkit-font-smoothing: antialiased;
padding: 0 5%;
}
.guideImmoSlider .item:hover:before {
background: rgba(0, 0, 0, 0.6);
}
.guideImmoSlider .itemTall {
height: 340px;
}
.guideImmoSlider .itemTall span {
-webkit-transition: padding .3s;
transition: padding .3s;
position: relative;
}
.guideImmoSlider .itemTall span:after {
content: '';
background: url('data:image/svg+xml;utf8,
') no-repeat;
background-size: contain;
width: 42px;
height: 42px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
-webkit-transition: .1s;
transition: .1s;
}
.guideImmoSlider .itemTall:hover span {
padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
.guideImmoSlider .itemTall:hover span {
padding-bottom: 0;
}
}
.guideImmoSlider .itemTall:hover span:after {
opacity: 1;
-webkit-transition: .3s .1s;
transition: .3s .1s;
}
@media screen and (max-width: 767px) {
.guideImmoSlider .itemTall:hover span:after {
opacity: 0;
}
}
@media screen and (max-width: 1180px) {
.guideImmoSlider .itemTall {
height: 300px;
}
}
@media screen and (max-width: 767px) {
.guideImmoSlider .itemTall {
height: 180px;
}
}
.guideImmoSlider .slick-dots {
text-align: center;
}
.guideImmoSlider .slick-dots li {
display: inline-block;
background: #fff;
border: 1px solid #00c0e6;
height: 10px;
width: 10px;
border-radius: 50%;
margin: 0 5px;
-webkit-transition: .3s;
transition: .3s;
}
.guideImmoSlider .slick-dots li.slick-active {
background: #00c0e6;
}
.guideImmoSlider .slick-dots li button {
display: none;
}
/* ==========================================================================
RESULTS MAP / LIST
========================================================================== */
body.page-result-list {
padding-top: 139px!important;
}
@media screen and (max-width: 1180px) {
body.page-result-list {
padding-top: 145px!important;
}
}
@media screen and (max-width: 767px) {
body.page-result-list {
padding-top: 280px!important;
}
body.page-result-list.without-alert {
padding-top: 210px!important;
}
}
body.page-result-list.has-search-opened .container.searchListResults {
padding-top: 140px;
}
.searchListResults {
padding-top: 20px;
}
/* Map
========================================================================== */
.search-map {
height: -webkit-calc(100vh - 93px - 48px - 1px);
height: calc(100vh - 93px - 48px - 1px);
}
@media screen and (max-width: 1180px) {
.search-map {
height: -webkit-calc(100vh - 93px - 96px - 1px);
height: calc(100vh - 93px - 96px - 1px);
}
}
@media screen and (max-width: 767px) {
.search-map {
height: -webkit-calc(100vh - 55px - 159px - 1px);
height: calc(100vh - 55px - 159px - 1px);
}
}
/* Filters
========================================================================== */
.filters {
height: 49px;
position: fixed;
top: 91px;
width: 100%;
z-index: 999;
border-bottom: 1px solid #e2e2e2;
background: #fbfbfb;
margin-top: -1px;
}
@media screen and (max-width: 1180px) {
.filters {
top: 54px;
}
}
@media screen and (max-width: 1180px) {
.filters {
height: 97px;
}
}
@media screen and (max-width: 767px) {
.filters {
border-bottom: 2px solid #00c0e6;
height: auto;
}
}
.filters .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 48px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1180px) {
.filters .container {
display: block;
width: auto;
}
}
@media screen and (max-width: 767px) {
.filters .container {
height: auto;
padding-bottom: 26px;
}
}
.filters .container:after {
display: none;
}
.filters .container > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
position: relative;
}
.filters .container > div > .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 1180px) {
.filters .container > div > .inner {
width: 768px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.filters .container > div > .inner {
width: 320px;
display: block;
}
}
@media screen and (max-width: 1180px) {
.filters .container > div:first-child > .inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.filters .container > div:first-child:before {
content: '';
position: absolute;
top: 48px;
left: 0;
right: 0;
height: 1px;
background: #e2e2e2;
}
.filters .container > div:last-child > .inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.filters .container > div {
display: block;
height: auto;
}
}
.filters .total-results {
position: relative;
width: 350px;
border-right: 1px solid #e2e2e2;
padding: 0 50px 0 0;
height: 100%;
line-height: 48px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.filters .total-results {
-ms-flex-preferred-size: 310px;
flex-basis: 310px;
font-size: 11px;
border-right: 0;
width: 310px;
}
}
.filters .total-results:after {
content: '';
border: #00c0e6 solid;
border-width: 0 3px 3px 0;
width: 20px;
height: 20px;
position: absolute;
right: 32px;
top: 50%;
-webkit-transform: rotate(45deg) translateY(-100%);
-ms-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.is-opened.filters .total-results:after {
-webkit-transform: rotate(-135deg) translate(-50%, 80%);
-ms-transform: rotate(-135deg) translate(-50%, 80%);
transform: rotate(-135deg) translate(-50%, 80%);
}
.filters .total-results.no-arrow {
width: auto;
padding-right: 20px;
}
.filters .total-results.no-arrow:after {
display: none;
}
.filters .btn-alert {
padding: 8px 10px;
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.filters .btn-alert {
display: block;
margin: 10px auto 0;
width: 310px;
}
}
.filters .label {
font-size: 16px;
font-weight: 700;
color: #999;
}
@media screen and (max-width: 767px) {
.filters .label {
font-size: 13px;
}
}
.filters .criteres select[multiple],
.filters .criteres .chosen-container-multi {
width: 100%!important;
max-width: 100%;
}
.filters .criteres .chosen-container-multi .chosen-choices {
padding: 0 15px;
}
.filters .criteres strong {
color: #999999;
font-size: 16px;
display: block;
margin-bottom: 5px;
}
.filters .inner > .selectWrapper {
padding-left: 10px;
margin-right: 10px;
background: #fff;
border: 1px solid #e2e2e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.filters .inner > .selectWrapper {
margin: 10px auto 0;
width: 310px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.filters .inner > .selectWrapper label {
width: 70px;
}
.filters .inner > .selectWrapper select {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
font-size: 16px;
}
}
.filters .inner > .selectWrapper select {
border: 0;
}
.filters .inner > .selectWrapper .chosen-single {
border: 0 !important;
}
.filters .inner > .selectWrapper .chosen-drop {
border-color: #e2e2e2;
margin: 0 0 0 1px;
}
.filters .selectOrderBy select {
min-width: 160px;
}
.filters .selectDistances select {
min-width: 95px;
}
.filters .selectDepartments select {
min-width: 250px;
}
.filters .selectCities select {
min-width: 250px;
}
.filters .selectTremplinCodes select {
min-width: 250px;
}
.filters .btn-view {
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #e2e2e2;
color: #fff;
background: currentColor;
background: #fff;
line-height: 30px;
text-align: center;
margin: 0 5px;
}
.filters .btn-view.active {
background: #00c0e6;
border-color: #00c0e6;
}
@media screen and (max-width: 767px) {
.filters .btn-view {
position: absolute;
bottom: -43px;
z-index: 1;
margin: 0;
}
.filters .btn-view.btn-view-map {
right: 50%;
margin-right: 5px;
}
.filters .btn-view.btn-view-list {
left: 50%;
margin-left: 5px;
}
}
.filters .btn-view-map {
margin-left: 0;
}
.filters .btn-view-map svg {
width: 13px;
}
.filters .btn-view-map svg,
.filters .btn-view-map path {
fill: #e2e2e2;
}
.filters .btn-view-map.active svg,
.filters .btn-view-map.active path {
fill: #fff;
}
.filters .btn-view-list {
margin-right: 0;
}
.filters .btn-view-list i {
display: inline-block;
width: 22px;
height: 22px;
background: #e2e2e2;
position: relative;
vertical-align: top;
margin-top: 4px;
}
.filters .btn-view-list i:before,
.filters .btn-view-list i:after {
content: '';
position: absolute;
background: #fff;
}
.filters .btn-view-list i:before {
top: 0;
left: 10px;
width: 2px;
height: 100%;
}
.filters .btn-view-list i:after {
left: 0;
top: 10px;
height: 2px;
width: 100%;
}
.filters .btn-view-list.active i {
background: #fff;
}
.filters .btn-view-list.active i:before,
.filters .btn-view-list.active i:after {
background: #00c0e6;
}
/* Fake results pages (see fn-infinitScroll.js)
========================================================================== */
.fakePage .annonce {
position: relative;
}
.fakePage .annonce:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85) url(../bundles/capiapp/images/common/loading.gif) no-repeat center;
}
/* Form
========================================================================== */
.form-filters {
display: none;
z-index: 10;
position: absolute;
left: -22px;
top: 48px;
background: #fff;
border: 1px solid #e2e2e2;
min-width: 370px;
max-height: -webkit-calc(100vh - 93px - 48px - 1px);
max-height: calc(100vh - 93px - 48px - 1px);
overflow: auto;
overflow-x: hidden;
/* Input search
========================================================================== */
}
.filters.is-opened .form-filters {
display: block;
}
.form-filters > .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.form-filters > .inner .plusDeCriteres {
display: none;
}
@media screen and (min-width: 768px) {
.form-filters > .inner .plusDeCriteres {
border-left: 1px solid #e2e2e2;
}
}
.form-filters > .inner.is-opened .plusDeCriteres {
display: block;
}
.form-filters .col {
width: 370px;
padding: 20px 20px 82px;
}
.form-filters .col > div {
padding: 20px 0 0;
margin-top: 20px;
border-top: 1px solid #e2e2e2;
}
.form-filters .col > div:first-child {
padding-top: 0;
}
.form-filters .col > div:first-child,
.form-filters .col > div.localisation {
border-top: 0;
margin-top: 0;
}
.form-filters input[type="text"] {
border: 1px solid #e2e2e2;
height: 50px;
border-radius: 0;
padding: 0 10px;
font-size: 16px;
font-weight: 700;
}
.form-filters .label {
display: block;
padding: 0 0 7px;
}
.form-filters .checkbox-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-filters .checkbox-list > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
.form-filters .checkbox-list > div span {
padding-right: 0;
}
.form-filters .localisation {
position: relative;
}
.form-filters .localisation input[type="text"] {
width: 100%;
padding-right: 50px;
}
.form-filters .localisation .btnGeloc {
cursor: pointer;
}
.form-filters .localisation .btnGeloc svg {
width: 24px;
height: 33px;
}
.form-filters .localisation .btnGeloc svg path {
fill: #00c0e6;
}
.form-filters .budget .label {
padding-bottom: 0;
}
.form-filters .budget > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-filters .budget > div + div {
margin-top: 10px;
}
.form-filters .budgetMinMax {
line-height: 50px;
color: #999999;
font-size: 16px;
font-weight: 700;
}
.form-filters .budgetMinMax input {
-webkit-box-flex: 0;
-ms-flex: 0 1 130px;
flex: 0 1 130px;
width: 130px;
}
.form-filters .btn {
position: absolute;
bottom: 20px;
width: 155px;
}
.form-filters .btn-submit {
left: 20px;
}
.form-filters .btn-more-filters {
right: 20px;
}
.form-filters .btn-more-filters .less {
display: none;
}
.form-filters .inner.is-opened .btn-submit {
left: 100px;
}
.form-filters .inner.is-opened .btn-more-filters {
right: 100px;
}
.form-filters .inner.is-opened .btn-more-filters .more {
display: none;
}
.form-filters .inner.is-opened .btn-more-filters .less {
display: block;
}
@media screen and (max-width: 767px) {
.form-filters {
position: relative;
min-width: 0;
left: 50%;
top: 0;
border-width: 1px 0;
width: 100vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-height: none;
}
.form-filters > .inner {
width: 320px;
margin: 0 auto;
display: block;
max-height: -webkit-calc(100vh - 103px);
max-height: calc(100vh - 103px);
}
.form-filters > .inner:after {
content: '';
display: block;
height: 30px;
}
.form-filters .col {
width: 100%;
padding: 20px 5px;
}
.form-filters .btn-submit[type="submit"],
.form-filters .btn-more-filters {
position: static;
width: 310px;
display: block;
margin: 10px auto;
}
.form-filters .btn-submit {
margin-bottom: 20px;
}
}
.form-filters .location-search-input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
overflow: hidden;
background: #fff;
border: 1px solid #e2e2e2;
margin: 0 !important;
padding: 0 5px 5px 5px !important;
}
.form-filters .location-search-input.is-opened {
height: 100%;
overflow: visible;
}
.form-filters .location-search-input .selected-location {
background: #ebfafd;
margin: 5px 0 0 5px;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-filters .location-search-input .btn-remove {
background: #00c0e6;
border-radius: 50%;
display: block;
padding: 5px 5px;
line-height: 9px;
font-size: 16px;
color: #ebfafd;
font-weight: bold;
font-family: arial;
margin-left: 7px;
cursor: pointer;
}
.form-filters .location-search-input .input-search-filter {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-filters .location-search-input .input-search-filter .btnGeloc {
margin-top: 5px;
outline: none;
}
.form-filters .location-search-input .input-search-filter .btnGeloc.is-loading {
cursor: default;
position: relative;
}
.form-filters .location-search-input .input-search-filter .btnGeloc.is-loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85) url(../bundles/capiapp/images/common/loading.gif) no-repeat center;
}
.form-filters .location-search-input .location-search {
border: 0;
outline: none;
margin-top: 5px;
display: inline-block;
height: 38px;
border-radius: 0;
padding: 0 10px;
font-size: 16px;
font-weight: 700;
}
.form-filters .location-search-input .list-autocomplete {
display: none;
background: #fff;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
right: 0;
list-style: none;
padding: 10px 15px 15px 15px;
border: 1px solid #eee;
max-height: 200px;
overflow: auto;
}
.form-filters .location-search-input .list-autocomplete.is-opened {
display: block;
}
.form-filters .location-search-input .list-autocomplete li {
margin: 0;
padding: 5px;
}
.form-filters .location-search-input .list-autocomplete li.libelle {
margin-top: 5px;
}
.form-filters .location-search-input .list-autocomplete li.location {
cursor: pointer;
color: #999;
}
.form-filters .location-search-input .list-autocomplete li.location:hover {
background: #00c0e6;
color: #fff;
}
.form-filters .location-search-input .list-autocomplete li.location.disabled {
color: #ebebeb;
pointer-events: none;
cursor: default;
}
/* Infinit Scroll
========================================================================== */
.infiniteLoader {
margin: 100px 0;
text-align: center;
}
/* Pagination
========================================================================== */
.resultsPagination {
position: fixed;
top: 50%;
right: 50%;
margin-right: -685px;
width: 100px;
background: rgba(255, 255, 255, 0.7);
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.loadingLayer .resultsPagination {
opacity: 0.2;
}
.resultsPagination em {
font-style: normal;
}
@media screen and (max-width: 1380px) {
.resultsPagination {
right: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.resultsPagination {
display: none;
}
}
.resultsPagination button {
display: block;
background: #00c0e6;
border-radius: 50%;
width: 56px;
height: 56px;
margin: 10px auto;
position: relative;
cursor: pointer;
}
.resultsPagination button[disabled] {
opacity: .5;
pointer-events: none;
}
.resultsPagination button i {
display: block;
margin: 0 auto;
position: relative;
width: 20px;
height: 20px;
border: 2px solid #fff;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.resultsPagination button.prev i {
border-width: 0 0 2px 2px;
margin-top: 6px;
}
.resultsPagination button.next i {
border-width: 2px 2px 0 0;
margin-top: -6px;
}
/* ==========================================================================
PAGE AVIS VERIFIES
========================================================================== */
.avis-verifies-page-header .page-header {
border-bottom: 1px solid #e2e2e2;
margin: 0 0 40px 0;
padding: 80px 0 40px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
.avis-verifies-page-header .page-header .title {
font-size: 40px;
margin-bottom: 15px;
}
.avis-verifies-page-header .page-header .subtitle {
font-size: 20px;
}
@media screen and (min-width: 768px) {
.avis-verifies-page-header .container {
padding: 0 6%;
}
}
.avis-verifies-page-header .page-intro img {
max-width: 100%;
}
.avis-verifies-page-header .page-intro .richText {
margin-left: 40px;
}
@media screen and (max-width: 767px) {
.avis-verifies-page-header .page-intro .richText {
margin: 20px 0 0 0;
}
}
.avis-verifies-page-header .page-intro .richText p {
margin-bottom: 20px;
}
.avis-summary {
background: #f7f7f7;
padding: 25px 0 50px 0;
margin: 40px 0 20px 0;
}
@media screen and (max-width: 767px) {
.avis-summary {
padding: 20px 0;
}
}
.avis-summary .title {
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-size: 15px;
margin-bottom: 30px;
}
.avis-summary .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1180px) {
.avis-summary .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.avis-summary .visu {
height: 120px;
width: 120px;
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
background: #00c0e6;
border-radius: 50%;
position: relative;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1180px) {
.avis-summary .visu {
margin: 0 0 20px 0;
}
}
@media screen and (max-width: 767px) {
.avis-summary .visu {
margin: 0 0 20px 0;
height: 70px;
width: 70px;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
}
.avis-summary .visu > img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
}
@media screen and (max-width: 767px) {
.avis-summary .visu > img {
width: 50%;
}
}
.avis-summary .visu span {
font-size: 28px;
color: #fff;
}
@media screen and (max-width: 767px) {
.avis-summary .visu span {
font-size: 20px;
}
}
.avis-summary .visu .rate-stars {
height: 14px;
width: 81px;
margin-top: 5px;
background: url("../bundles/capiapp/images/stars-white-off.png") no-repeat;
position: relative;
}
@media screen and (max-width: 767px) {
.avis-summary .visu .rate-stars {
display: none;
}
}
.avis-summary .visu .rate-stars .mask {
position: absolute;
top: 0;
left: 0;
background: url("../bundles/capiapp/images/stars-white-on.png") no-repeat;
height: 14px;
width: 100%;
}
.avis-summary .visu:after {
content: '';
height: 0;
width: 0;
border-left: 14px solid #00c0e6;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
position: absolute;
top: 50%;
right: -13px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 1180px) {
.avis-summary .visu:after {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 14px solid #00c0e6;
border-bottom: 0;
position: absolute;
top: auto;
left: 50%;
right: auto;
bottom: -13px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media screen and (max-width: 1180px) {
.avis-summary .chiffres {
text-align: center;
}
}
.avis-summary .chiffres [data-counter] {
opacity: 0;
}
.avis-summary .chiffres strong {
font-size: 35px;
line-height: 1.3;
font-weight: bold;
color: #00c0e6;
display: block;
}
@media screen and (max-width: 767px) {
.avis-summary .chiffres strong {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.avis-summary .chiffres img {
width: 100%;
}
}
.avis-summary .chiffres span {
font-weight: normal;
text-transform: uppercase;
font-size: 15px;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.avis-summary .chiffres span {
font-size: 10px;
}
}
.avis-summary .item.avis-green .visu {
background: #7ac292;
}
.avis-summary .item.avis-green .visu:after {
border-left-color: #7ac292;
}
@media screen and (max-width: 1180px) {
.avis-summary .item.avis-green .visu:after {
border-left-color: transparent;
border-top-color: #7ac292;
}
}
.avis-summary .item.avis-green .chiffres strong {
color: #7ac292;
}
.avis-summary .item.avis-orange .visu {
background: #ffc460;
}
.avis-summary .item.avis-orange .visu:after {
border-left-color: #ffc460;
}
@media screen and (max-width: 1180px) {
.avis-summary .item.avis-orange .visu:after {
border-left-color: transparent;
border-top-color: #ffc460;
}
}
.avis-summary .item.avis-orange .chiffres strong {
color: #ffc460;
}
.avis-summary .item.avis-red .visu {
background: #f05a65;
}
.avis-summary .item.avis-red .visu:after {
border-left-color: #f05a65;
}
@media screen and (max-width: 1180px) {
.avis-summary .item.avis-red .visu:after {
border-left-color: transparent;
border-top-color: #f05a65;
}
}
.avis-summary .item.avis-red .chiffres strong {
color: #f05a65;
}
.avis-list {
margin-bottom: 80px;
}
.avis-list .resultsPagination {
display: none;
}
@media screen and (min-width: 768px) {
.avis-list .container {
padding: 0 6%;
}
}
.avis-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px 20px 30px 0;
margin-right: 140px;
border-bottom: 1px solid #e2e2e2;
}
@media screen and (max-width: 767px) {
.avis-list .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
padding: 15px 0;
}
}
.avis-list .item .visu {
height: 74px;
width: 74px;
-webkit-box-flex: 0;
-ms-flex: 0 0 74px;
flex: 0 0 74px;
background: #00c0e6;
border-radius: 50%;
position: relative;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.avis-list .item .visu {
margin: 0 0 10px 0;
display: none;
}
}
.avis-list .item .visu > img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
}
@media screen and (max-width: 767px) {
.avis-list .item .visu > img {
width: 50%;
}
}
.avis-list .item .visu:after {
content: '';
height: 0;
width: 0;
border-left: 10px solid #00c0e6;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position: absolute;
top: 50%;
right: -9px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.avis-list .item .visu:after {
display: none;
}
}
.avis-list .item.avis-green .visu {
background: #7ac292;
}
.avis-list .item.avis-green .visu:after {
border-left-color: #7ac292;
}
.avis-list .item.avis-orange .visu {
background: #ffc460;
}
.avis-list .item.avis-orange .visu:after {
border-left-color: #ffc460;
}
.avis-list .item.avis-red .visu {
background: #f05a65;
}
.avis-list .item.avis-red .visu:after {
border-left-color: #f05a65;
}
.avis-list .item .content .date {
font-size: 16px;
font-weight: bold;
font-style: italic;
}
@media screen and (max-width: 767px) {
.avis-list .item .content .date {
text-align: center;
}
}
.avis-list .item .content .author {
font-size: 14px;
}
@media screen and (max-width: 767px) {
.avis-list .item .content .author {
text-align: center;
}
}
.avis-list .item .rate-stars {
height: 14px;
width: 81px;
margin: 10px 0;
background: url("../bundles/capiapp/images/stars-blue-off.png") no-repeat;
position: relative;
}
@media screen and (max-width: 767px) {
.avis-list .item .rate-stars {
margin: 10px auto;
}
}
.avis-list .item .rate-stars .mask {
position: absolute;
top: 0;
left: 0;
background: url("../bundles/capiapp/images/stars-blue-on.png") no-repeat;
height: 14px;
width: 100%;
}
/* old style specifiques
======================================= */
.utilsContainer {
position: relative;
}
.utils {
position: absolute;
padding: 100px 0 20px 0;
right: -60px;
top: 50px;
z-index: 999;
}
@media screen and (max-width: 1320px) {
.utils {
right: 15px;
top: 20px;
}
}
.utils ul {
list-style: none;
background: rgba(255, 255, 255, 0.8);
padding: 5px;
}
.utils ul li {
position: relative;
}
.utils ul li span,
.utils ul li a {
display: block;
border-radius: 50%;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
background: #00c0e6;
padding: 10px;
cursor: pointer;
}
.utils ul li span:hover,
.utils ul li a:hover {
background: #04739d;
}
.utils ul li + li {
margin-top: 15px;
}
.utils ul li .shareButtons {
display: none;
position: absolute;
top: 0;
left: -120%;
}
.utils ul li .shareButtons span + span,
.utils ul li .shareButtons a + a {
margin-top: 10px;
}
.utils ul li .shareButtons [data-pin-log] {
background: url(../bundles/capiapp/images/pinterest.svg) no-repeat 50%;
background-color: #00c0e6;
width: 50px;
height: 50px;
margin-top: 8px;
display: inline-block;
vertical-align: bottom;
}
.utils ul li .shareButtons [data-pin-log]:hover {
background-color: #04739d;
}
.utils.is_stuck {
-webkit-transform: translateX(645px);
-ms-transform: translateX(645px);
transform: translateX(645px);
right: 50%;
}
@media screen and (max-width: 1320px) {
.utils.is_stuck {
-webkit-transform: translateX(570px);
-ms-transform: translateX(570px);
transform: translateX(570px);
}
}
@media screen and (max-width: 1180px) {
.utils {
position: static !important;
}
.utils ul li {
display: inline-block;
}
.utils ul li span,
.utils ul li a {
display: inline-block;
margin-left: 5px;
}
.utils ul li .shareButtons {
left: 0;
position: absolute;
top: 50px;
width: 300px;
}
.utils.is_stuck {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
right: 0;
}
}
.favorites svg {
fill: #ffffff;
}
.favorites svg path {
fill: #ffffff;
}
.favorites.on-favorites svg {
fill: #f570c9;
}
.favorites.on-favorites svg path {
fill: #f570c9;
}
.rightContent {
background: rgba(255, 255, 255, 0.7);
position: relative;
z-index: 50;
}
.rightContent .mainInformations {
position: relative;
}
.rightContent .mainInformations .topMainInfos {
min-height: 140px;
}
.rightContent .mainInformations .ope30jours {
position: absolute;
width: 100%;
top: -15px;
z-index: 50;
background: #E76821 url(../bundles/capiapp/images/label-logo-30jours.png) 10px -1px no-repeat;
padding: 10px;
padding-left: 100px;
color: #ffffff;
font-size: 18px;
}
.rightContent .mainInformations .ope30jours a {
text-decoration: underline;
color: #ffffff;
}
.rightContent .mainInformations .ope30jours .linethrough {
text-decoration: line-through;
}
.rightContent .mainInformations .ope30jours .saleValue {
background: black;
display: inline-block;
font-weight: 900;
margin-left: 10px;
padding: 1px 5px;
}
.rightContent .mainInformations .ope30jours.connected {
padding-left: 120px;
}
.rightContent .mainInformations .row {
padding: 20px;
}
.rightContent .mainInformations .row > div {
vertical-align: middle;
}
.rightContent .mainInformations .row h1 {
text-transform: uppercase;
font-size: 18px;
font-weight: 900;
color: #333333;
max-width: 300px;
display: inline-block;
}
.rightContent .mainInformations .row h1 span {
display: block;
font-size: 28px;
margin-top: 10px;
padding-right: 20px;
}
@media screen and (max-width: 767px) {
.rightContent .mainInformations .row h1 span {
padding-right: 0;
}
}
.rightContent .mainInformations .row .mini-site {
max-width: 160px;
vertical-align: bottom;
}
@media screen and (max-width: 767px) {
.rightContent .mainInformations .row .mini-site {
max-width: 100%;
display: block;
margin-top: 10px;
}
}
.rightContent .mainInformations .row .priceBox {
position: relative;
margin-top: 20px;
/*&.connected{
.price{
.mainPrice, span.otherPrice{
text-decoration: none;
color: @ope30jours;
}
}
}*/
}
.rightContent .mainInformations .row .priceBox > span {
position: absolute;
top: -55px;
left: 0;
padding: 5px 20px;
text-transform: uppercase;
font-weight: 900;
color: #ffffff;
font-size: 20px;
background: #74D43C;
}
.rightContent .mainInformations .row .priceBox > span svg,
.rightContent .mainInformations .row .priceBox > span span {
display: inline-block;
vertical-align: middle;
}
.rightContent .mainInformations .row .priceBox > span svg {
margin-right: 10px;
}
.rightContent .mainInformations .row .priceBox .price {
font-weight: 900;
font-size: 44px;
color: #333333;
text-transform: uppercase;
}
.rightContent .mainInformations .row .priceBox .price span.otherPrice {
margin-top: 15px;
display: block;
font-weight: 400;
color: #333333;
font-size: 18px;
}
.rightContent .mainInformations .row .priceBox.ope30 .mainPrice {
text-decoration: line-through;
}
.rightContent .mainInformations .row .priceBox.ope30 span.otherPrice {
text-decoration: line-through;
}
.rightContent .mainInformations .row .iconInfo .icon {
display: inline-block;
padding: 15px;
background: #00c0e6;
border-radius: 50%;
margin-right: 10px;
}
.rightContent .mainInformations .row .iconInfo > span {
display: inline-block;
vertical-align: middle;
font-weight: 700;
font-size: 28px;
color: #00c0e6;
}
@media screen and (max-width: 767px) {
.rightContent .mainInformations .row .iconInfo {
width: 100%;
margin-bottom: 10px;
}
}
.rightContent .mainInformations .row .iconInfo.viager .icon {
width: 60px;
}
.rightContent .mainInformations .row .iconInfo.viager > span {
font-size: 21px;
width: 70%;
}
@media screen and (max-width: 767px) {
.rightContent .mainInformations {
width: 320px;
}
.rightContent .mainInformations > .row:first-child > div {
width: 100%;
}
.rightContent .mainInformations > .row:first-child > div.priceBox > span {
position: static !important;
margin-bottom: 10px;
display: inline-block;
}
}
.rightContent .goodDesc {
margin-left: 20px;
margin-right: 20px;
border-top: 1px solid #7a7a7a;
border-bottom: 1px solid #7a7a7a;
color: #7a7a7a;
padding: 40px 0 0 0;
}
.rightContent .goodDesc h2 {
font-weight: 700;
font-size: 14px;
margin-bottom: 5px;
}
.rightContent .goodDesc p {
font-size: 14px;
line-height: 1.5;
}
.rightContent .goodDesc .ref {
display: inline-block;
color: #7a7a7a;
font-size: 14px;
font-weight: 400;
background: #ebebeb;
padding: 5px;
}
.rightContent .goodDesc .reassurance {
width: 370px;
}
@media screen and (max-width: 767px) {
.rightContent .goodDesc .reassurance {
width: 280px;
}
}
@media screen and (max-width: 1180px) {
.rightContent .goodDesc {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.rightContent .goodDesc {
width: 280px;
margin: 0 auto;
}
.rightContent .goodDesc .row > div {
margin-top: 10px;
width: 100%;
}
}
.rightContent .goodDetails {
margin-left: 20px;
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.rightContent .goodDetails {
width: 280px;
}
.rightContent .goodDetails .row > div {
width: 100%;
padding: 0 !important;
border: none !important;
}
.rightContent .goodDetails .row > div img {
width: 100%;
}
}
.rightContent .goodDetails .row {
padding: 20px 0;
}
.rightContent .goodDetails .row > div {
vertical-align: top;
padding-left: 10px;
}
.rightContent .goodDetails .row > div:first-child {
border-right: 1px solid #7a7a7a;
padding: 0 10px 0 0;
}
.rightContent .goodDetails .row > div .detailBox {
margin-top: 10px;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox {
position: relative;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span {
position: absolute;
display: none;
width: 22px;
height: 13px;
background-image: url('../bundles/capiapp/images/picto-label-energy.png');
left: 57%;
top: 10px;
text-indent: -5000px;
overflow: hidden;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span.A {
display: block;
top: 1%;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span.B {
display: block;
top: 15%;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span.C {
display: block;
top: 29%;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span.D {
display: block;
top: 43%;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span.E {
display: block;
top: 58%;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span.F {
display: block;
top: 73%;
}
.rightContent .goodDetails .row > div .detailBox .arrowBox span.G {
display: block;
top: 87%;
}
.rightContent .goodDetails .row > div .detailBox .title {
font-weight: 900;
font-size: 15px;
color: #ffffff;
background: #00c0e6;
padding: 8px 15px;
text-transform: uppercase;
}
.rightContent .goodDetails .row > div .detailBox .content {
padding: 20px 0;
}
.rightContent .goodDetails .row > div .detailBox .content p {
color: #7a7a7a;
font-weight: 400;
font-size: 14px;
line-height: 1.6;
}
@media screen and (max-width: 1180px) {
.rightContent .goodDetails {
margin-right: 20px;
}
}
.goodLocation {
background: #00c0e6;
margin: 20px auto;
font-size: 0;
}
@media screen and (max-width: 1180px) {
.goodLocation {
width: 728px;
}
}
@media screen and (max-width: 767px) {
.goodLocation {
margin: 0 auto;
width: 280px;
}
.goodLocation .row > div {
width: 100%;
}
}
.goodLocation img {
width: 100%;
}
.goodLocation .imgLink {
display: block;
}
.goodLocation .row > div {
vertical-align: middle;
font-size: 0;
}
.goodLocation .goodServices {
padding: 0 0 0 20px;
color: #ffffff;
}
.goodLocation .goodServices .title {
font-size: 28px;
font-weight: 400;
}
.goodLocation .goodServices .title span {
font-weight: 700;
font-size: 34px;
}
.goodLocation .goodServices .subTitle {
margin-top: 10px;
font-size: 20px;
}
.goodLocation .goodServices .subTitle span {
text-transform: uppercase;
}
.goodLocation .goodServices .servicesLeft {
display: inline-block;
vertical-align: middle;
width: 65%;
}
.goodLocation .goodServices a {
font-size: 16px;
text-decoration: underline;
font-weight: 700;
}
.goodLocation .goodServices .mapButton {
border-radius: 5px;
font-size: 18px;
font-weight: 900;
background: #ebebeb;
text-decoration: none;
text-transform: uppercase;
color: #333333;
padding: 10px 20px;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.goodLocation .goodServices .mapButton:hover {
background: #dedede;
}
.goodLocation .goodServices .mapButton span {
margin-left: 10px;
}
.goodLocation .goodServices .mapButton span,
.goodLocation .goodServices .mapButton svg {
display: inline-block;
vertical-align: middle;
}
.aside {
padding-top: 145px;
}
@media screen and (max-width: 1180px) {
.aside {
padding-top: 90px;
}
.aside > div {
width: 50%;
margin: 0 auto 30px auto;
}
}
@media screen and (max-width: 767px) {
.aside {
width: 280px !important;
margin: 0 20px;
}
.aside > div {
width: 100%;
}
}
.agentInfos {
padding-left: 20px;
background: #00c0e6;
}
.agentInfos .agentPicture {
margin-top: -65px;
width: 40%;
}
.agentInfos .agentPicture figure {
width: 146px;
height: 146px;
border-radius: 50%;
border: 6px solid #00c0e6;
position: relative;
z-index: 50;
}
.agentRatings {
width: 60%;
min-height: 85px;
text-align: left;
padding: 40px 20px 0 0;
background: url(../bundles/capiapp/images/label-avis-verifies.png) no-repeat top right;
}
@media screen and (max-width: 767px) {
.agentRatings {
padding-top: 100px;
}
}
.agentRatings .languages {
margin-top: 10px;
}
.agentRatings .languages img + img {
padding-left: 5px;
}
.agentRatings .agentLinkReviews .rate-stars {
height: 27px;
width: 143px;
background: url("../bundles/capiapp/images/grades/grade-0.png") no-repeat;
position: relative;
}
@media screen and (max-width: 767px) {
.agentRatings .agentLinkReviews .rate-stars {
display: none;
}
}
.agentRatings .agentLinkReviews .rate-stars .mask {
position: absolute;
top: 0;
left: 0;
background: url("../bundles/capiapp/images/grades/grade-5.png") no-repeat;
height: 27px;
width: 100%;
}
.agentRatings .agentLinkReviews .link {
margin-top: 5px;
}
.agentRatings .agentLinkReviews .link span {
color: #fff;
text-decoration: underline;
cursor: pointer;
}
.agentRatings .agentLinkReviews .link span:hover {
text-decoration: none;
}
.agentDetails {
padding: 0 40px 20px 20px;
margin-bottom: 20px;
color: #ffffff;
text-transform: uppercase;
}
.agentDetails span {
display: block;
}
.agentDetails .agentName {
margin-top: 30px;
font-size: 14px;
font-weight: 400;
}
.agentDetails .agentName span {
margin-top: 10px;
font-size: 18px;
font-weight: 900;
}
.agentDetails .agentName h2 {
margin-top: 10px;
font-size: 18px;
font-weight: 900;
text-transform: none;
}
.agentDetails .languages {
margin-top: 10px;
}
.agentDetails .languages img + img {
padding-left: 5px;
}
.agentDetails .agentContact > div {
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.agentDetails .agentContact > div {
width: 100%;
}
.agentDetails .agentContact > div + div {
margin-bottom: 15px;
text-align: center;
}
}
.agentDetails .agentEtc {
margin-top: 10px;
font-size: 10px;
}
.agentDetails .btn-show-tel {
margin: 9px 9px 9px 0;
}
@media screen and (max-width: 767px) {
.agentDetails .btn-show-tel {
margin-right: 0;
margin-bottom: 14px;
}
}
.agentDetails .agentTel {
margin: 20px 0;
font-size: 28px;
font-weight: 900;
}
@media screen and (max-width: 1180px) {
.agentDetails .agentTel {
font-size: 20px;
}
}
.agentDetails .agentLink,
.agentDetails .agentLinkTestimonies,
.agentDetails .agentLinkReviews {
display: block;
}
.agentDetails .agentLink + .agentLink,
.agentDetails .agentLinkTestimonies + .agentLink,
.agentDetails .agentLinkReviews + .agentLink {
margin-top: 20px;
}
.agentDetails .agentLink a,
.agentDetails .agentLinkTestimonies a,
.agentDetails .agentLinkReviews a {
border-radius: 5px;
font-size: 18px;
font-weight: 900;
background: #ebebeb;
color: #333333;
padding: 15px 10px;
display: block;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
}
.agentDetails .agentLink a:hover,
.agentDetails .agentLinkTestimonies a:hover,
.agentDetails .agentLinkReviews a:hover {
background: #dedede;
}
.agentDetails .agentLink a span,
.agentDetails .agentLinkTestimonies a span,
.agentDetails .agentLinkReviews a span,
.agentDetails .agentLink a svg,
.agentDetails .agentLinkTestimonies a svg,
.agentDetails .agentLinkReviews a svg {
display: inline-block;
vertical-align: middle;
}
.agentDetails .agentLink a svg,
.agentDetails .agentLinkTestimonies a svg,
.agentDetails .agentLinkReviews a svg {
margin-right: 5px;
}
.btnLink {
display: inlin-block;
}
.btnLink a {
border-radius: 5px;
font-size: 18px;
font-weight: 900;
background: #ebebeb;
color: #333333;
padding: 15px 10px;
display: inline-block;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
}
.btnLink a:hover {
background: #dedede;
}
.btnLink a span,
.btnLink a svg {
display: inline-block;
vertical-align: middle;
}
.btnLink a svg {
margin-right: 5px;
}
.capiCredit {
margin: 0 0 20px;
background: #ebebeb;
padding: 7px;
}
@media screen and (max-width: 767px) {
.capiCredit img {
width: 100%;
}
}
.capiCredit .creditContent {
padding: 25px 0 25px 25px;
}
.capiCredit .creditContent .title {
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #333333;
}
.capiCredit .creditContent .title span {
font-weight: 400;
display: block;
margin-top: 5px;
font-size: 13px;
color: #7a7a7a;
}
.capiCredit .creditContent form {
margin-top: 30px;
}
.capiCredit .creditContent .form-text {
margin-top: 10px;
}
.capiCredit .creditContent .form-text label {
text-transform: uppercase;
color: #333333;
font-weight: 700;
width: 150px;
font-size: 12px;
display: inline-block;
}
.capiCredit .creditContent .form-text input {
width: 170px;
height: 27px;
font-size: 13px;
text-align: right;
padding-right: 25px;
color: #7a7a7a;
border: none;
border-radius: 0;
font-weight: 700;
}
.capiCredit .creditContent .form-text span {
font-size: 11px;
text-transform: uppercase;
color: #333333;
padding-left: 2px;
}
.capiCredit .creditContent .form-checkbox {
margin: 20px 0;
}
.capiCredit .creditContent .form-checkbox label {
color: #7a7a7a;
font-size: 12px;
}
.capiCredit .creditContent .form-submit {
text-align: right;
padding-right: 25px;
}
.capiCredit .creditContent .form-submit input {
font-family: 'Lato', Arial, sans-serif;
background: none;
border: none;
text-decoration: underline;
font-size: 18px;
font-weight: 900;
color: #333333;
text-transform: uppercase;
}
.capiCredit .creditContent .creditResult {
margin: 30px 25px 20px 0;
padding: 20px 0;
background: #ffffff;
text-align: center;
position: relative;
}
.capiCredit .creditContent .creditResult:after {
content: '';
border-style: solid;
border-color: #ebebeb transparent transparent transparent;
border-width: 10px 15px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.capiCredit .creditContent .creditResult span {
text-transform: uppercase;
font-size: 24px;
color: #333333;
font-weight: 900;
}
.capiCredit .creditContent .creditDetails {
color: #7a7a7a;
}
.capiCredit .creditContent .creditDetails p,
.capiCredit .creditContent .creditDetails a {
font-size: 12px;
}
.capiCredit .creditContent .creditDetails a {
text-decoration: underline;
}
.capiCredit .creditContent .creditDetails .row {
margin-top: 5px;
}
.capiCredit .creditContent .creditDetails .row > div {
vertical-align: top;
}
.demenagement {
margin-bottom: 20px;
}
.demenagement img {
width: 100%;
}
@media screen and (max-width: 767px) {
.demenagement img {
width: 100%;
}
}
/*radio + checkbox*/
.form-checkbox {
position: relative;
}
.form-checkbox input[type="radio"],
.form-checkbox input[type="checkbox"] {
visibility: hidden;
position: absolute;
}
.form-checkbox label {
position: relative;
padding-left: 23px;
width: auto;
cursor: pointer;
}
.form-checkbox label:before {
content: "";
position: absolute;
top: -2px;
left: -1px;
width: 18px;
height: 18px;
background: #fff;
}
.form-checkbox input[type="radio"]:checked + label:before,
.form-checkbox input[type="checkbox"]:checked + label:before {
border: 4px solid #fff;
background: #7a7a7a;
}
.form-checkbox input[type="radio"] + label:before {
border-radius: 15px;
}
.similarGoods {
padding-bottom: 40px;
font-size: 0;
}
@media screen and (max-width: 1180px) {
.similarGoods {
margin: 20px auto 0;
width: 728px;
}
}
@media screen and (max-width: 767px) {
.similarGoods {
width: 280px;
}
}
.similarGoods .reassuranceBig {
margin-top: 20px;
}
.similarGoods .similarTitle {
display: inline-block;
background: #00c0e6;
color: #ffffff;
text-transform: uppercase;
font-weight: 900;
font-size: 18px;
padding: 10px 20px;
margin: 20px 0;
}
@media screen and (max-width: 1180px) {
.similarGoods .carousel {
width: 603px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.similarGoods .carousel {
width: 280px;
}
}
.similarGoods .carouselItem {
width: 376px;
display: inline-block;
border: 3px solid #dfdfdf;
}
@media screen and (max-width: 1180px) {
.similarGoods .carouselItem {
width: 290px;
}
}
@media screen and (max-width: 767px) {
.similarGoods .carouselItem {
width: 280px;
}
}
.similarGoods .carouselItem .picture {
position: relative;
}
.similarGoods .carouselItem .picture figure {
height: 177px;
}
.similarGoods .carouselItem .picture .message {
position: absolute;
top: 15px;
right: 0;
font-size: 22px;
text-transform: uppercase;
font-weight: 900;
color: #ffffff;
padding: 10px 20px;
text-align: center;
}
.similarGoods .carouselItem .picture .message.blue {
background: #00c0e6;
}
.similarGoods .carouselItem .picture .message.yellow {
background: #F8DF00;
}
.similarGoods .carouselItem .picture .message.pink {
background: #f570c9;
}
.similarGoods .carouselItem .content {
padding: 30px 40px 50px 40px;
position: relative;
}
.similarGoods .carouselItem .content h3 span {
font-weight: 900;
text-transform: uppercase;
}
.similarGoods .carouselItem .content h3 span.ville {
font-size: 14px;
color: #333333;
}
.similarGoods .carouselItem .content h3 span.desc {
display: block;
margin-top: 5px;
font-size: 18px;
color: #333333;
}
.similarGoods .carouselItem .content > span {
display: block;
font-weight: 900;
text-transform: uppercase;
}
.similarGoods .carouselItem .content > span.price {
color: #00c0e6;
font-size: 34px;
margin-top: 25px;
}
.similarGoods .carouselItem .content > span.pertinence {
color: #7a7a7a;
font-size: 13px;
position: absolute;
right: 20px;
bottom: 15px;
}
.similarGoods .carouselItem .content > span.pertinence span {
padding: 10px 5px;
border-radius: 50%;
color: #ffffff;
background: #00c0e6;
}
.similarGoods .carouselItem + .carouselItem {
margin-left: 21px;
}
.slick-prev,
.slick-next {
text-indent: -9999px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
width: 50px;
height: 49px;
}
.slick-prev {
left: -70px;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
border-radius: 50%;
background: #00c0e6 url(../bundles/capiapp/images/arrow_left.png) no-repeat 12px center;
}
.slick-prev:hover {
left: -72px;
}
@media screen and (max-width: 1180px) {
.slick-prev {
z-index: 50;
left: -65px;
}
.slick-prev:hover {
left: -65px;
}
}
@media screen and (max-width: 767px) {
.slick-prev {
left: -17px;
}
.slick-prev:hover {
left: -17px;
}
}
.slick-next {
right: -70px;
border-radius: 50%;
background: #00c0e6 url(../bundles/capiapp/images/arrow_right.png) no-repeat 15px center;
}
.slick-next:hover {
right: -72px;
}
@media screen and (max-width: 1180px) {
.slick-next {
right: -65px;
}
.slick-next:hover {
right: -65px;
}
}
@media screen and (max-width: 767px) {
.slick-next {
right: -17px;
}
.slick-next:hover {
right: -17px;
}
}
.reassurance {
border: 2px solid #00c0e6;
border-radius: 3px;
background: #ebebeb;
display: inline-block;
padding: 20px;
text-align: center;
}
.reassurance p {
line-height: 1.6;
font-size: 18px;
color: #333333;
}
.reassurance p.title {
font-weight: 700;
font-size: 22px;
color: #00c0e6;
}
.reassurance .tel {
font-weight: 900;
margin: 5px 0 10px 0;
}
.reassurance.reassuranceBig {
width: 100%;
}
.reassurance.reassuranceBig p {
font-size: 22px;
}
.reassurance.reassuranceBig p.title {
font-size: 25px;
}
.reassurance.reassuranceBig .tel {
font-size: 30px;
}
.rightContent .goodDesc .reassurance p {
font-size: 18px;
}
.rightContent .goodDesc .reassurance p.title {
font-size: 22px;
}
div.row-rea {
padding: 0 !important;
margin: 20px 0;
}
div.row-rea > div {
vertical-align: top !important;
}
div.row-rea > div + div {
text-align: right;
}
.galleryPopin {
display: none;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
}
.galleryPopin .popinContent {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1170px;
}
@media screen and (max-width: 1180px) {
.galleryPopin .popinContent {
width: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
left: 0;
top: 0;
}
.galleryPopin .popinTitle {
display: none;
}
}
.gallery {
padding: 30px;
text-align: center;
}
.gallery .gallerySliderNavWrapper {
width: 75px;
margin-right: 100px;
display: inline-block;
vertical-align: top;
}
.gallery .gallerySliderNav {
height: 390px;
width: 75px;
margin-top: 60px;
}
.gallery .gallerySliderNav .slick-prev {
left: 50%;
-webkit-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
top: -55px;
}
.gallery .gallerySliderNav .slick-next {
left: 50%;
top: auto;
-webkit-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
bottom: -70px;
}
.gallery .gallerySliderNav .slick-active.active {
outline: 3px solid #00c0e6;
outline-offset: -2px;
}
.gallery .gallerySliderNav .slick-active.active figure {
height: 55px;
margin: 0 auto;
width: 98%;
}
.gallery .gallerySliderNav .slide {
margin: 5px 0;
width: 75px;
height: 57px;
}
.gallery .gallerySliderNav .slide figure {
cursor: pointer;
height: 57px;
}
.gallery .gallerySlider {
display: inline-block;
vertical-align: top;
width: 665px;
}
.gallery .gallerySlider .slick-slide {
width: 665px;
position: relative;
}
.gallery .gallerySlider .slick-list {
overflow: hidden;
}
.gallery .gallerySlider img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
max-height: 500px;
}
.gallery .gallerySlider .legend {
padding: 10px 15px;
position: absolute;
bottom: 20px;
right: 20px;
left: 20px;
background: #00c0e6;
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
font-size: 18px;
text-align: center;
}
.gallery .gallerySlider .shareButtons {
margin-top: 20px;
}
.gallery .gallerySlider .shareButtons a {
color: #ffffff;
background: #00c0e6;
padding: 10px 20px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
display: inline-block;
border-radius: 5px;
}
.gallery .gallerySlider .shareButtons a:hover {
background: #04739d;
}
.gallery .gallerySlider .shareButtons a + a {
margin-left: 10px;
}
.gallery .slick-prev {
background: url(../bundles/capiapp/images/arrow_slider_left.png) no-repeat;
height: 56px;
width: 40px;
}
.gallery .slick-next {
background: url(../bundles/capiapp/images/arrow_slider_right.png) no-repeat;
height: 56px;
width: 40px;
}
@media screen and (max-width: 1180px) {
.gallery {
padding: 0;
}
.gallery .gallerySliderNav {
display: none;
}
.gallery .gallerySlider {
width: 665px;
position: fixed;
top: 50%;
left: 50%;
margin-top: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.gallery .gallerySlider img {
width: 500px;
height: auto;
}
.gallery .gallerySlider .legend,
.gallery .gallerySlider .shareButtons {
display: none;
}
.gallery .gallerySlider .slick-list {
overflow: hidden;
width: 665px;
}
.gallery .gallerySlider .slick-prev {
left: 10px;
}
.gallery .gallerySlider .slick-next {
right: 10px;
}
}
@media screen and (max-width: 767px) {
.gallery .gallerySlider {
width: 320px;
}
.gallery .gallerySlider img {
width: 320px;
height: auto;
}
.gallery .gallerySlider .slick-list {
width: 320px;
}
.gallery .gallerySlider .slick-slide {
width: 320px;
}
.gallery .gallerySlider .slick-prev {
left: 10px;
}
.gallery .gallerySlider .slick-next {
right: 10px;
}
}
.popinTitle {
text-transform: uppercase;
font-weight: 900;
font-size: 22px;
text-align: center;
color: #ffffff;
}
.b-close {
background: #00c0e6;
color: #ffffff;
cursor: pointer;
padding: 4px 15px 6px;
line-height: 1;
font-weight: 900;
font-size: 40px;
position: absolute;
top: -40px;
right: -30px;
}
.b-close:hover {
background: #04739d;
}
@media screen and (max-width: 1180px) {
.b-close {
z-index: 10;
top: 0;
right: 0;
}
}
/* perfect-scrollbar v0.6.5 */
.ps-container {
-ms-touch-action: none;
overflow: hidden !important;
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block;
}
.ps-container.ps-in-scrolling {
pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #ebebeb;
opacity: 1;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #333333;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #ebebeb;
opacity: 1;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #333333;
}
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute;
/* please don't change 'position' */
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
transition: background-color 0.2s linear, opacity 0.2s linear;
bottom: 3px;
/* there must be 'bottom' for ps-scrollbar-x-rail */
height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
/* please don't change 'position' */
background-color: #7a7a7a;
border-radius: 4px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
bottom: 0;
/* there must be 'bottom' for ps-scrollbar-x */
height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
/* please don't change 'position' */
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
transition: background-color 0.2s linear, opacity 0.2s linear;
right: 13px;
/* there must be 'right' for ps-scrollbar-y-rail */
width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
/* please don't change 'position' */
background-color: #7a7a7a;
border-radius: 4px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
right: 0;
/* there must be 'right' for ps-scrollbar-y */
width: 8px;
}
.ps-container:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #ebebeb;
opacity: 1;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #333333;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #ebebeb;
opacity: 1;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #333333;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
opacity: 1;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #ebebeb;
opacity: 1;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #333333;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: #ebebeb;
opacity: 1;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #333333;
}
.commerce {
/*Header*/
/* Top content */
/* Reassurance */
/* Details */
/* Conseiller */
/* Map*/
/* Carousel*/
/* Utils */
/* Page conseiller */
}
.commerce .bgcolor,
.commerce aside .category.bgcolor {
background: #63307e;
}
.commerce section.control-center .toggle {
background: #451D59;
}
.commerce .breadcrumb li a,
.commerce .breadcrumb li span {
color: #63307e;
}
.commerce .rightContent .mainInformations .row .iconInfo .icon {
background: #63307e;
}
.commerce .rightContent .mainInformations .row .iconInfo > span {
color: #63307e;
}
.commerce .agentInfos .agentPicture figure {
border-color: #63307e;
}
.commerce .reassurance {
border-color: #63307e;
}
.commerce .reassurance p.title {
color: #63307e;
}
.commerce .rightContent .goodDetails .row > div .detailBox .title {
background: #63307e;
}
.commerce .agentInfos {
background: #63307e;
}
.commerce .goodLocation {
background: #63307e;
}
.commerce .similarGoods .similarTitle {
background: #63307e;
}
.commerce .similarGoods .carouselItem .content > span.price {
color: #63307e;
}
.commerce .similarGoods .carouselItem .content > span.pertinence span {
background: #63307e;
}
.commerce .similarGoods .slick-next,
.commerce .similarGoods .slick-prev {
background-color: #63307e;
}
.commerce .gallery .slick-prev {
background: url("../bundles/capiapp/images/arrow_slider_left_commerce.png") no-repeat;
}
.commerce .gallery .slick-next {
background: url("../bundles/capiapp/images/arrow_slider_right_commerce.png") no-repeat;
}
.commerce .gallery .gallerySliderNav .slick-active.active {
outline: 3px solid #63307e;
}
.commerce .b-close,
.commerce .gallery .gallerySlider .shareButtons a {
background: #63307e;
}
.commerce .b-close:hover,
.commerce .gallery .gallerySlider .shareButtons a:hover {
background: #451D59;
}
.commerce .utils ul li span,
.commerce .utils ul li a,
.commerce .utils ul li .shareButtons [data-pin-log] {
background-color: #63307e;
}
.commerce .utils ul li span:hover,
.commerce .utils ul li a:hover,
.commerce .utils ul li .shareButtons [data-pin-log]:hover {
background-color: #451D59;
}
.commerce .page-conseiller .agentSocial .icon svg {
fill: #63307e;
}
.commerce .page-conseiller .agentSocial .icon svg path {
fill: #63307e;
}
.commerce .page-conseiller .agentTop5 .title {
background: #63307e;
}
.commerce .page-conseiller .similarGood {
background: #63307e;
}
.commerce .page-conseiller .goods .title {
background: #63307e;
}
.commerce .page-conseiller .goodsFilters .col-20 .layoutType .icon.active,
.commerce .page-conseiller .goodsFilters .col-20 .layoutType .icon:hover {
background: #63307e;
}
.commerce .page-conseiller .goodsList .good.good-grid .content > span.price,
.commerce .page-conseiller .infoBox .good.good-grid .content > span.price,
.commerce .page-conseiller .goodsList .good.good-list .content > span.price,
.commerce .page-conseiller .infoBox .good.good-list .content > span.price {
color: #63307e;
}
.commerce .page-conseiller .paginate-pagination li button.paginate-page-active,
.commerce .page-conseiller .paginate-pagination li button:hover {
background: #63307e;
border-top-color: #63307e;
border-bottom-color: #63307e;
}
.commerce .page-conseiller .paginate-pagination li:first-child button.paginate-page-active,
.commerce .page-conseiller .paginate-pagination li:first-child button:hover {
border-left-color: #63307e;
}
.commerce .page-conseiller .paginate-pagination li:last-child button.paginate-page-active,
.commerce .page-conseiller .paginate-pagination li:last-child button:hover {
border-right-color: #63307e;
}
.prestige {
/*Header*/
/* Top content */
/* Top content */
/* Reassurance */
/* Details */
/* Conseiller */
/* Map*/
/* Carousel*/
/* Utils */
/* Page conseiller */
}
.prestige .maincolor-hover:hover,
.prestige menu .active,
.prestige menu > ul#main > li > a.off:hover,
.prestige menu .active,
.prestige menu > ul#main > li:hover > a.off {
background-color: transparent;
color: #999;
}
.prestige .bgcolor,
.prestige aside .category.bgcolor {
background: #434343;
}
.prestige section.control-center .toggle {
background: #7a7a7a;
}
.prestige .mainNav .navContainer .btn-tvb:hover {
background: none;
}
.prestige .breadcrumb li a,
.prestige .breadcrumb li span {
color: #ffffff;
}
.prestige .liste_cyber .breadcrumb li a,
.prestige .liste_cyber .breadcrumb li span {
color: #D1B773;
}
.prestige .rightContent .mainInformations .row .iconInfo .icon {
background: #434343;
}
.prestige .rightContent .mainInformations .row .iconInfo > span {
color: #434343;
}
.prestige .agentInfos .agentPicture figure {
border-color: #000000;
}
.prestige .reassurance {
border-color: #000000;
}
.prestige .reassurance p.title {
color: #000000;
}
.prestige .rightContent {
background: rgba(255, 255, 255, 0.85);
}
.prestige .rightContent .goodDetails .row > div .detailBox .title {
background: #000000;
}
.prestige .agentInfos {
background: #000000;
}
.prestige .goodLocation {
background: #000000;
}
.prestige .similarGoods .similarTitle {
background: #000000;
}
.prestige .similarGoods .carouselItem {
background: #ffffff;
}
.prestige .similarGoods .carouselItem .content > span.price {
color: #000000;
}
.prestige .similarGoods .carouselItem .content > span.pertinence span {
background: #000000;
}
.prestige .greyBG {
background: transparent !important;
}
.prestige .innerContent {
background: #333;
}
.prestige .similarGoods .slick-next,
.prestige .similarGoods .slick-prev {
background-color: #666;
}
.prestige .gallery .slick-prev {
background: url("../bundles/capiapp/images/arrow_slider_left_prestige.png") no-repeat;
}
.prestige .gallery .slick-next {
background: url("../bundles/capiapp/images/arrow_slider_right_prestige.png") no-repeat;
}
.prestige .gallery .gallerySliderNav .slick-active.active {
outline: 3px solid #999;
}
.prestige .b-close,
.prestige .gallery .gallerySlider .shareButtons a {
background: #666;
}
.prestige .b-close:hover,
.prestige .gallery .gallerySlider .shareButtons a:hover {
background: #999;
}
.prestige .utils ul li span,
.prestige .utils ul li a,
.prestige .utils ul li .shareButtons [data-pin-log] {
background-color: #666;
}
.prestige .utils ul li span:hover,
.prestige .utils ul li a:hover,
.prestige .utils ul li .shareButtons [data-pin-log]:hover {
background-color: #999;
}
.prestige .page-conseiller .agentSocial .icon svg {
fill: #000000;
}
.prestige .page-conseiller .agentSocial .icon svg path {
fill: #000000;
}
.prestige .page-conseiller .goodsFilters label {
color: #333 !important;
}
.prestige .page-conseiller .agentTop5 .title {
background: #000000;
}
.prestige .page-conseiller .similarGood {
background: #000000;
}
.prestige .page-conseiller .goods .title {
background: #000000;
}
.prestige .page-conseiller .goodsFilters .col-20 .layoutType .icon.active,
.prestige .page-conseiller .goodsFilters .col-20 .layoutType .icon:hover {
background: #000000;
}
.prestige .page-conseiller .goodsList .good.good-grid .content > span.price,
.prestige .page-conseiller .infoBox .good.good-grid .content > span.price,
.prestige .page-conseiller .goodsList .good.good-list .content > span.price,
.prestige .page-conseiller .infoBox .good.good-list .content > span.price {
color: #000000;
}
.prestige .page-conseiller .paginate-pagination li button {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
color: #ffffff;
}
.prestige .page-conseiller .paginate-pagination li button.paginate-page-active,
.prestige .page-conseiller .paginate-pagination li button:hover {
background: #000000;
border-top-color: #000000;
border-bottom-color: #000000;
}
.prestige .page-conseiller .paginate-pagination li:first-child button {
border-left-color: #ffffff;
}
.prestige .page-conseiller .paginate-pagination li:first-child button.paginate-page-active,
.prestige .page-conseiller .paginate-pagination li:first-child button:hover {
border-left-color: #000000;
}
.prestige .page-conseiller .paginate-pagination li:last-child button {
border-right-color: #ffffff;
}
.prestige .page-conseiller .paginate-pagination li:last-child button.paginate-page-active,
.prestige .page-conseiller .paginate-pagination li:last-child button:hover {
border-right-color: #000000;
}
.neuf {
/*Header*/
/* Top content */
/* Reassurance */
/* Details */
/* Conseiller */
/* Map*/
/* Carousel*/
/* Utils */
}
.neuf .bgcolor,
.neuf aside .category.bgcolor {
background: #939e2b;
}
.neuf section.control-center .toggle {
background: #9FB641;
}
.neuf .breadcrumb li a {
color: #939e2b;
}
.neuf .rightContent .mainInformations .row .iconInfo .icon {
background: #939e2b;
}
.neuf .rightContent .mainInformations .row .iconInfo > span {
color: #939e2b;
}
.neuf .agentInfos .agentPicture figure {
border-color: #939e2b;
}
.neuf .reassurance {
border-color: #939e2b;
}
.neuf .reassurance p.title {
color: #939e2b;
}
.neuf .rightContent .goodDetails .row > div .detailBox .title {
background: #939e2b;
}
.neuf .agentInfos {
background: #939e2b;
}
.neuf .goodLocation {
background: #939e2b;
}
.neuf .similarGoods .similarTitle {
background: #939e2b;
}
.neuf .similarGoods .carouselItem .content > span.price {
color: #939e2b;
}
.neuf .similarGoods .carouselItem .content > span.pertinence span {
background: #939e2b;
}
.neuf .similarGoods .slick-next,
.neuf .similarGoods .slick-prev {
background-color: #939e2b;
}
.neuf .gallery .gallerySliderNav .slick-active.active {
outline: 3px solid #939e2b;
}
.neuf .gallery .slick-prev {
background: url("../bundles/capiapp/images/arrow_slider_left_neuf.png") no-repeat;
}
.neuf .gallery .slick-next {
background: url("../bundles/capiapp/images/arrow_slider_right_neuf.png") no-repeat;
}
.neuf .b-close,
.neuf .gallery .gallerySlider .shareButtons a {
background: #939e2b;
}
.neuf .b-close:hover,
.neuf .gallery .gallerySlider .shareButtons a:hover {
background: #9FB641;
}
.neuf .utils ul li span,
.neuf .utils ul li a {
background: #939e2b;
}
.neuf .utils ul li span:hover,
.neuf .utils ul li a:hover {
background: #9FB641;
}
.location {
/*Header*/
/* Top content */
/* Reassurance */
/* Details */
/* Conseiller */
/* Map*/
/* Carousel*/
/* Utils */
}
.location .bgcolor,
.location aside .category.bgcolor {
background: #da104f;
}
.location section.control-center .toggle {
background: #C91E52;
}
.location .breadcrumb li a {
color: #da104f;
}
.location .rightContent .mainInformations .row .iconInfo .icon {
background: #da104f;
}
.location .rightContent .mainInformations .row .iconInfo > span {
color: #da104f;
}
.location .agentInfos .agentPicture figure {
border-color: #da104f;
}
.location .reassurance {
border-color: #da104f;
}
.location .reassurance p.title {
color: #da104f;
}
.location .rightContent .goodDetails .row > div .detailBox .title {
background: #da104f;
}
.location .agentInfos {
background: #da104f;
}
.location .goodLocation {
background: #da104f;
}
.location .similarGoods .similarTitle {
background: #da104f;
}
.location .similarGoods .carouselItem .content > span.price {
color: #da104f;
}
.location .similarGoods .carouselItem .content > span.pertinence span {
background: #da104f;
}
.location .similarGoods .slick-next,
.location .similarGoods .slick-prev {
background-color: #da104f;
}
.location .gallery .slick-prev {
background: url("../bundles/capiapp/images/arrow_slider_left_location.png") no-repeat;
}
.location .gallery .slick-next {
background: url("../bundles/capiapp/images/arrow_slider_right_location.png") no-repeat;
}
.location .gallery .gallerySliderNav .slick-active.active {
outline: 3px solid #da104f;
}
.location .b-close,
.location .gallery .gallerySlider .shareButtons a {
background: #da104f;
}
.location .b-close:hover,
.location .gallery .gallerySlider .shareButtons a:hover {
background: #C91E52;
}
.location .utils ul li span,
.location .utils ul li a {
background: #da104f;
}
.location .utils ul li span:hover,
.location .utils ul li a:hover {
background: #C91E52;
}
.kelquartier {
padding: 20px;
clear: both;
}
.kelquartier .kelquartier-map {
width: 100%;
height: 500px;
}
.kelquartier .kelquartier-map p {
margin-top: 100px;
font-size: 20px;
}
.kelquartier .kelquartier-picture {
text-align: center;
padding: 0 10px 10px;
}
.kelquartier .kelquartier-picture img {
max-width: 100%;
max-height: 250px;
}
.kelquartier-general {
padding: 0 20px 0 0;
}
.kelquartier-general .title {
font-size: 28px;
color: #00c0e6;
text-transform: uppercase;
font-weight: 700;
}
.kelquartier-general .kelquartier-name {
margin: 5px 0 15px;
color: #333333;
font-weight: 700;
font-size: 22px;
}
.kelquartier-general .kelquartier-descriptif {
font-size: 14px;
}
.kelquartier-keyPoints {
padding: 0 10px 10px;
font-size: 14px;
}
.kelquartier-keyPoints .smallTitle {
margin-bottom: 10px;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
color: #333333;
}
.kelquartier-keyPoints .keyPoint {
border-top: 1px solid #dfdfdf;
padding-top: 10px;
margin-top: 10px;
}
.kelquartier-keyPoints .keyPoint:last-child {
padding-bottom: 10px;
border-bottom: 1px solid #dfdfdf;
}
.kelquartier-keyPoints .keyPoint > div:first-child {
color: #333333;
font-weight: bold;
text-transform: uppercase;
}
.kelquartier-keyPoints .keyPoint > div + div {
color: #00c0e6;
font-weight: bold;
}
.kelquartier-poi {
padding: 0 10px;
height: 250px;
position: relative;
}
.kelquartier-poi > ul {
margin: 0;
padding: 0;
list-style: none;
}
.kelquartier-poi > ul > li > span {
display: block;
padding: 10px 5px;
border-bottom: 1px solid #ffffff;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
color: #ffffff;
background: #00c0e6;
}
.kelquartier-poi > ul > li > span:hover {
background: #1ad9ff;
}
.kelquartier-poi > ul ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
.kelquartier-poi > ul ul.active {
display: block;
}
.kelquartier-poi > ul ul li span {
cursor: pointer;
background: #f7f7f7;
display: block;
padding: 10px 5px;
border-bottom: 1px solid #7a7a7a;
color: #333333;
}
.kelquartier-poi > ul ul li span:hover,
.kelquartier-poi > ul ul li span.active {
background: #dedede;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*! Hint.css - v1.3.5 - 2015-06-16
* http://kushagragour.in/lab/hint/
* Copyright (c) 2015 Kushagra Gour; Licensed MIT */
.hint--bottom:after,
.hint--top:after {
margin-left: -18px;
}
.hint,
[data-hint] {
position: relative;
display: inline-block;
}
.hint:after,
.hint:before,
[data-hint]:after,
[data-hint]:before {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
.hint--always:after,
.hint--always:before,
.hint:focus:after,
.hint:focus:before,
.hint:hover:after,
.hint:hover:before,
[data-hint]:focus:after,
[data-hint]:focus:before,
[data-hint]:hover:after,
[data-hint]:hover:before {
opacity: 1;
visibility: visible;
}
.hint:hover:after,
.hint:hover:before,
[data-hint]:hover:after,
[data-hint]:hover:before {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.hint:before,
[data-hint]:before {
content: '';
position: absolute;
background: 0 0;
border: 6px solid transparent;
z-index: 1000001;
}
.hint:after,
[data-hint]:after {
content: attr(data-hint);
background: #383838;
color: #fff;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
text-shadow: 0 -1px 0 #000;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.hint--top:before {
border-top-color: #383838;
margin-bottom: -12px;
}
.hint--bottom:before {
border-bottom-color: #383838;
margin-top: -12px;
}
.hint--top:after,
.hint--top:before {
bottom: 100%;
left: 50%;
}
.hint--top:focus:after,
.hint--top:focus:before,
.hint--top:hover:after,
.hint--top:hover:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--bottom:after,
.hint--bottom:before {
top: 100%;
left: 50%;
}
.hint--bottom:focus:after,
.hint--bottom:focus:before,
.hint--bottom:hover:after,
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.hint--right:before {
border-right-color: #383838;
margin-left: -12px;
margin-bottom: -6px;
}
.hint--right:after {
margin-bottom: -14px;
}
.hint--right:after,
.hint--right:before {
left: 100%;
bottom: 50%;
}
.hint--right:focus:after,
.hint--right:focus:before,
.hint--right:hover:after,
.hint--right:hover:before {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
}
.hint--left:before {
border-left-color: #383838;
margin-right: -12px;
margin-bottom: -6px;
}
.hint--left:after {
margin-bottom: -14px;
}
.hint--left:after,
.hint--left:before {
right: 100%;
bottom: 50%;
}
.hint--left:focus:after,
.hint--left:focus:before,
.hint--left:hover:after,
.hint--left:hover:before {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0 #592726;
}
.hint--error.hint--top:before {
border-top-color: #b34e4d;
}
.hint--error.hint--bottom:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
border-right-color: #b34e4d;
}
.hint--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0 #6c5328;
}
.hint--warning.hint--top:before {
border-top-color: #c09854;
}
.hint--warning.hint--bottom:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
border-left-color: #c09854;
}
.hint--warning.hint--right:before {
border-right-color: #c09854;
}
.hint--info:after {
background-color: #3986ac;
text-shadow: 0 -1px 0 #193b4d;
}
.hint--info.hint--top:before {
border-top-color: #3986ac;
}
.hint--info.hint--bottom:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
border-left-color: #3986ac;
}
.hint--info.hint--right:before {
border-right-color: #3986ac;
}
.hint--success:after {
background-color: #458746;
text-shadow: 0 -1px 0 #1a321a;
}
.hint--success.hint--top:before {
border-top-color: #458746;
}
.hint--success.hint--bottom:before {
border-bottom-color: #458746;
}
.hint--success.hint--left:before {
border-left-color: #458746;
}
.hint--success.hint--right:before {
border-right-color: #458746;
}
.hint--always.hint--top:after,
.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--bottom:after,
.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--left:after,
.hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--right:after,
.hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
}
.hint--rounded:after {
border-radius: 4px;
}
.hint--no-animate:after,
.hint--no-animate:before {
-webkit-transition-duration: 0ms;
transition-duration: 0ms;
}
.hint--bounce:after,
.hint--bounce:before {
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.formPart {
display: inline-block;
}
.formPart label,
.formPart span {
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
cursor: pointer;
}
.formPart + .formPart {
margin-left: 10px;
}
/* Checkbox */
.checkboxSkin + label,
.radioSkin + label {
width: auto;
padding-left: 20px;
position: relative;
}
.checkboxSkin,
.radioSkin {
visibility: hidden;
position: absolute;
}
.checkboxSkin + label:before,
.radioSkin:not(.radioGender) + label:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
border: 1px solid #dfdfdf;
background: #dfdfdf;
}
.radioSkin + label::before {
border-radius: 50%;
}
.checkboxSkin:checked + label:before,
.radioSkin:checked + label:before {
box-shadow: inset 0 0 0 2px #dfdfdf;
background: #00c0e6;
}
.page-conseiller .bandeauPub {
margin-bottom: 30px;
}
.page-conseiller .goodsMapContainer {
display: none;
height: 1145px;
width: 100%;
padding-top: 20px;
}
@media screen and (max-width: 1180px) {
.page-conseiller .goodsMapContainer {
height: 400px;
}
}
.page-conseiller .goodsMapContainer .goodsMap {
width: 100%;
height: 100%;
}
.page-conseiller .conseillerTitle {
padding: 0 20px 20px;
margin-top: 40px;
}
.page-conseiller .conseillerTitle h1 {
text-transform: uppercase;
font-size: 17px;
font-weight: 900;
color: #333333;
}
.page-conseiller .conseillerTitle h1 span {
display: block;
font-size: 28px;
margin-top: 10px;
}
.page-conseiller .conseillerTitle h2 {
font-size: 22px;
font-weight: 400;
color: #333333;
margin-top: 10px;
}
.page-conseiller .conseillerTitle h2 span {
display: block;
}
.page-conseiller .conseillerDesc {
background: #dfdfdf;
margin-top: 10px;
padding: 30px;
min-height: 343px;
}
.page-conseiller .goodDesc {
border: none;
}
.page-conseiller .goodDesc .descContainer {
height: 105px;
overflow: hidden;
}
.page-conseiller .goodDesc .descContainer.fullDesc {
height: auto;
overflow: visible;
}
.page-conseiller .goodDesc .descContainer * {
font-size: 14px !important;
font-weight: normal !important;
text-transform: none !important;
color: #7a7a7a !important;
}
.page-conseiller .goodDesc a {
color: #00c0e6;
text-decoration: underline;
font-weight: bold;
}
.page-conseiller .goodDesc a.button {
background: #ebebeb none repeat scroll 0 0;
border-radius: 5px;
margin-top: 20px;
color: #333;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
font-size: 18px;
font-weight: 900;
padding: 15px 10px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.page-conseiller .goodDesc a.button:hover {
background: #dedede;
}
.page-conseiller .mainInformations .row {
padding: 0;
}
.page-conseiller .mainInformations .row > .iconInfo {
vertical-align: top;
}
.page-conseiller .mainInformations .row > .iconInfo .iconContainer {
display: inline-block;
vertical-align: top;
width: 27%;
}
.page-conseiller .mainInformations .row > .iconInfo > span {
width: 71%;
vertical-align: top;
font-size: 22px;
}
.page-conseiller .mainInformations .row > .iconInfo > span span {
display: block;
font-size: 16px;
color: #333333;
}
.page-conseiller .mainInformations .row > .iconInfo > span a {
display: block;
text-decoration: underline;
font-size: 18px;
}
.page-conseiller .agentInfos .agentSocial {
padding-top: 10px;
}
.page-conseiller .agentInfos .agentSocial .icon {
background: #ffffff;
padding: 10px;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}
@media screen and (max-width: 1180px) {
.page-conseiller .agentInfos .agentSocial .icon {
margin-bottom: 5px;
}
}
.page-conseiller .agentTop5 {
background: #f7f7f7;
margin-bottom: 20px;
}
.page-conseiller .agentTop5 .title {
margin-bottom: 0;
}
.page-conseiller .agentTop5 .top5Content {
padding: 20px;
}
.page-conseiller .agentTop5 .top5Content ul {
list-style: none;
padding: 0;
margin: 0;
}
.page-conseiller .agentTop5 .top5Content ul li {
text-transform: uppercase;
font-weight: bold;
}
.page-conseiller .agentTop5 .top5Content ul li a {
font-size: 18px;
}
.page-conseiller .agentTop5 .top5Content ul li + li {
border-top: 1px solid #7a7a7a;
margin-top: 10px;
padding-top: 10px;
}
.page-conseiller .paginate-pagination {
text-align: center;
margin: 20px auto;
padding: 0;
list-style: none;
font-size: 0;
}
.page-conseiller .paginate-pagination li {
display: inline-block;
}
.page-conseiller .paginate-pagination li button {
border-top: 2px solid #dfdfdf;
border-bottom: 2px solid #dfdfdf;
padding: 0 10px;
font-size: 26px;
font-weight: 400;
color: #dfdfdf;
cursor: pointer;
}
.page-conseiller .paginate-pagination li button.paginate-page-active,
.page-conseiller .paginate-pagination li button:hover {
background: #00c0e6;
color: #ffffff;
border-top-color: #00c0e6;
border-bottom-color: #00c0e6;
}
.page-conseiller .paginate-pagination li:first-child button {
border-left: 2px solid #dfdfdf;
}
.page-conseiller .paginate-pagination li:first-child button.paginate-page-active,
.page-conseiller .paginate-pagination li:first-child button:hover {
border-left-color: #00c0e6;
}
.page-conseiller .paginate-pagination li:last-child button {
border-right: 2px solid #dfdfdf;
}
.page-conseiller .paginate-pagination li:last-child button.paginate-page-active,
.page-conseiller .paginate-pagination li:last-child button:hover {
border-right-color: #00c0e6;
}
.page-conseiller .agentActu {
background: #dfdfdf;
padding: 10px;
margin: 20px 0;
}
@media screen and (max-width: 1180px) {
.page-conseiller .agentActu {
margin: 0 auto;
}
}
.page-conseiller .agentActu .actuTitle {
text-transform: uppercase;
font-weight: 900;
margin: 10px 0 15px;
font-size: 15px;
}
.page-conseiller .agentActu .actuContent {
padding: 20px 10px;
line-height: 1.6;
}
.page-conseiller .agentActu img {
width: 100%;
}
.page-conseiller .similarGood {
background: #00c0e6;
text-align: center;
padding: 20px;
margin-bottom: 20px;
}
.page-conseiller .similarGood .goodTitle {
text-transform: uppercase;
font-weight: 900;
font-size: 22px;
margin-bottom: 20px;
}
.page-conseiller .similarGood p {
color: #ffffff;
font-size: 18px;
}
.page-conseiller .similarGood p span {
font-weight: 700;
font-size: 22px;
}
.page-conseiller .title {
font-weight: 900;
font-size: 18px;
color: #ffffff;
background: #00c0e6;
padding: 8px 15px;
text-transform: uppercase;
margin: 15px 0;
}
.page-conseiller .goods {
padding: 0 16px;
}
@media screen and (max-width: 1180px) {
.page-conseiller .goods {
padding: 0;
}
}
.page-conseiller .negotiatorResultsOrder .selectWrapper {
display: inline-block;
padding: 5px;
background: #fbfbfb;
}
@media screen and (max-width: 767px) {
.page-conseiller .negotiatorResultsOrder .selectWrapper select {
font-size: 16px;
}
}
.page-conseiller .negotiatorResultsOrder .selectDefault .chosen-container-single {
font-size: 13px;
}
.page-conseiller .negotiatorResultsOrder #orderBy_chosen {
width: 160px !important;
}
.page-conseiller .negotiatorResultsOrder #orderBy_chosen .chosen-single span {
margin-right: 33px;
}
.page-conseiller .goodsFilters {
background: #fbfbfb;
border: 2px solid #dfdfdf;
}
@media screen and (max-width: 767px) {
.page-conseiller .goodsFilters form .col-50 .formPart {
display: block;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
width: auto;
}
.page-conseiller .goodsFilters form .col-50 .formPart + .formPart {
margin-top: 0;
}
}
.page-conseiller .goodsFilters form {
display: table;
height: 60px;
width: 100%;
}
.page-conseiller .goodsFilters .col-45 {
display: table-cell;
vertical-align: middle;
width: 45%;
text-align: center;
}
.page-conseiller .goodsFilters .col-45 .formPart {
width: 45%;
text-align: left;
display: inline-block;
}
.page-conseiller .goodsFilters .col-45 .formPart + .formPart {
margin-left: 0;
}
.page-conseiller .goodsFilters .col-45 .formPart + .formPart + .formPart {
margin-top: 10px;
}
.page-conseiller .goodsFilters .col-35 {
display: table-cell;
vertical-align: middle;
width: 35%;
text-align: center;
}
@media screen and (max-width: 767px) {
.page-conseiller .goodsFilters .col-35 {
display: none;
}
}
.page-conseiller .goodsFilters .col-20 {
display: table-cell;
vertical-align: middle;
text-align: center;
border-left: 2px solid #dfdfdf;
width: 20%;
}
@media screen and (max-width: 767px) {
.page-conseiller .goodsFilters .col-20 {
display: none;
}
}
.page-conseiller .goodsFilters .col-20 .layoutType {
display: inline-block;
}
.page-conseiller .goodsFilters .col-20 .layoutType .icon {
background: #dfdfdf;
padding: 7px;
cursor: pointer;
display: inline-block;
}
.page-conseiller .goodsFilters .col-20 .layoutType .icon:hover,
.page-conseiller .goodsFilters .col-20 .layoutType .icon.active {
background: #00c0e6;
}
.page-conseiller .goodsFilters .col-20 .layoutType .icon svg {
width: 16px;
height: 16px;
display: block;
}
.page-conseiller .goodsFilters .col-20 .layoutType .icon + .icon {
margin-left: 8px;
}
.goodsList .good,
.infoBox .good {
background: #ffffff;
}
.goodsList .good.paginate-hide,
.infoBox .good.paginate-hide {
display: none;
}
.goodsList .good .addToFavorites,
.infoBox .good .addToFavorites {
display: block;
position: absolute;
right: 0;
bottom: 0;
padding: 5px 5px 3px;
border-top: 3px solid #dfdfdf;
border-left: 3px solid #dfdfdf;
}
.goodsList .good .addToFavorites.favorites svg,
.infoBox .good .addToFavorites.favorites svg {
fill: #00c0e6;
}
.goodsList .good .addToFavorites.favorites svg path,
.infoBox .good .addToFavorites.favorites svg path {
fill: #00c0e6;
}
.goodsList .good .addToFavorites.favorites.on-favorites svg,
.infoBox .good .addToFavorites.favorites.on-favorites svg {
fill: #f570c9;
}
.goodsList .good .addToFavorites.favorites.on-favorites svg path,
.infoBox .good .addToFavorites.favorites.on-favorites svg path {
fill: #f570c9;
}
.goodsList .good.good-list,
.infoBox .good.good-list {
width: 93%;
margin-top: 10px;
border: 2px solid #dfdfdf;
padding: 5px;
font-size: 0;
position: relative;
}
.goodsList .good.good-list .addToFavorites,
.infoBox .good.good-list .addToFavorites {
border-top-width: 2px;
border-left-width: 2px;
}
.goodsList .good.good-list.paginate-show,
.infoBox .good.good-list.paginate-show {
display: block;
}
.goodsList .good.good-list .message,
.infoBox .good.good-list .message {
position: absolute;
top: 10px;
right: -55px;
font-size: 17px;
text-transform: uppercase;
font-weight: 900;
color: #ffffff;
padding: 10px 20px;
text-align: center;
}
.goodsList .good.good-list .message.blue,
.infoBox .good.good-list .message.blue {
background: #00c0e6;
}
.goodsList .good.good-list .message.orange,
.infoBox .good.good-list .message.orange {
background: #ff8518;
}
.goodsList .good.good-list .message.yellow,
.infoBox .good.good-list .message.yellow {
background: #F8DF00;
}
.goodsList .good.good-list .message.pink,
.infoBox .good.good-list .message.pink {
background: #f570c9;
}
.goodsList .good.good-list:last-child,
.infoBox .good.good-list:last-child {
margin-bottom: 20px;
}
.goodsList .good.good-list .picture,
.infoBox .good.good-list .picture {
display: inline-block;
vertical-align: top;
width: 25%;
position: relative;
}
.goodsList .good.good-list .picture figure,
.infoBox .good.good-list .picture figure {
height: 120px;
}
.goodsList .good.good-list .picture .picto-operation,
.infoBox .good.good-list .picture .picto-operation {
position: absolute;
bottom: 5px;
right: 5px;
width: 50px;
}
.goodsList .good.good-list .picture .picto-operation img,
.infoBox .good.good-list .picture .picto-operation img {
max-width: 100%;
}
.goodsList .good.good-list .content,
.infoBox .good.good-list .content {
display: inline-block;
vertical-align: top !important;
width: 50%;
margin-left: 20px;
min-height: 120px;
position: relative;
}
.goodsList .good.good-list .content .desc,
.infoBox .good.good-list .content .desc {
line-height: 1.4;
color: #000000;
margin-top: 15px;
}
.goodsList .good.good-list .content > span,
.infoBox .good.good-list .content > span {
display: block;
font-weight: 900;
text-transform: uppercase;
}
.goodsList .good.good-list .content > span.ville,
.infoBox .good.good-list .content > span.ville {
margin-top: 15px;
font-size: 14px;
color: #333333;
}
.goodsList .good.good-list .content > span.goodTitle,
.infoBox .good.good-list .content > span.goodTitle {
margin-top: 5px;
font-size: 18px;
color: #333333;
}
.goodsList .good.good-list .content > span.price,
.infoBox .good.good-list .content > span.price {
color: #00c0e6;
font-size: 34px;
}
.goodsList .good.good-list .content > span.price svg,
.infoBox .good.good-list .content > span.price svg {
margin-right: 5px;
}
.goodsList .good.good-list .content > span.price.lower,
.infoBox .good.good-list .content > span.price.lower {
color: #74D43C;
}
@media screen and (max-width: 767px) {
.goodsList .good.good-list,
.infoBox .good.good-list {
width: 320px;
padding: 0;
border: 3px solid #dfdfdf;
position: relative;
margin-top: 22px;
}
.goodsList .good.good-list .message,
.infoBox .good.good-list .message {
position: absolute;
top: 15px;
right: -15px;
font-size: 22px;
text-transform: uppercase;
font-weight: 900;
z-index: 20;
color: #ffffff;
padding: 10px 20px;
text-align: center;
}
.goodsList .good.good-list .message.blue,
.infoBox .good.good-list .message.blue {
background: #00c0e6;
}
.goodsList .good.good-list .message.orange,
.infoBox .good.good-list .message.orange {
background: #ff8518;
}
.goodsList .good.good-list .message.yellow,
.infoBox .good.good-list .message.yellow {
background: #F8DF00;
}
.goodsList .good.good-list .message.pink,
.infoBox .good.good-list .message.pink {
background: #f570c9;
}
.goodsList .good.good-list .picture,
.infoBox .good.good-list .picture {
position: relative;
display: block;
width: 100%;
}
.goodsList .good.good-list .picture figure,
.infoBox .good.good-list .picture figure {
height: 178px;
}
.goodsList .good.good-list .content,
.infoBox .good.good-list .content {
padding: 20px 30px 65px;
min-height: 170px;
position: relative;
display: block;
width: 100%;
margin: 0;
}
.goodsList .good.good-list .content > span,
.infoBox .good.good-list .content > span {
display: block;
font-weight: 900;
text-transform: uppercase;
}
.goodsList .good.good-list .content > span.ville,
.infoBox .good.good-list .content > span.ville {
font-size: 14px;
color: #333333;
}
.goodsList .good.good-list .content > span.goodTitle,
.infoBox .good.good-list .content > span.goodTitle {
margin-top: 5px;
font-size: 18px;
color: #333333;
}
.goodsList .good.good-list .content > span.price,
.infoBox .good.good-list .content > span.price {
color: #00c0e6;
font-size: 34px;
bottom: 20px;
left: 30px;
position: absolute;
}
.goodsList .good.good-list .content > span.price svg,
.infoBox .good.good-list .content > span.price svg {
margin-right: 5px;
}
.goodsList .good.good-list .content > span.price.lower,
.infoBox .good.good-list .content > span.price.lower {
color: #74D43C;
}
}
.goodsList .good.good-grid,
.infoBox .good.good-grid {
width: 360px;
border: 3px solid #dfdfdf;
position: relative;
margin-top: 22px;
vertical-align: top;
}
.goodsList .good.good-grid.grid-margin,
.infoBox .good.good-grid.grid-margin {
margin-left: 22px;
}
.goodsList .good.good-grid.paginate-show,
.infoBox .good.good-grid.paginate-show {
display: inline-block;
}
@media screen and (max-width: 767px) {
.goodsList .good.good-grid.paginate-show,
.infoBox .good.good-grid.paginate-show {
display: block;
}
}
@media screen and (max-width: 1180px) {
.goodsList .good.good-grid,
.infoBox .good.good-grid {
width: 290px;
}
}
@media screen and (max-width: 767px) {
.goodsList .good.good-grid,
.infoBox .good.good-grid {
width: 280px;
margin: 10px auto 0 !important;
}
}
.goodsList .good.good-grid .message,
.infoBox .good.good-grid .message {
position: absolute;
top: 15px;
right: -15px;
font-size: 22px;
text-transform: uppercase;
font-weight: 900;
z-index: 20;
color: #ffffff;
padding: 10px 20px;
text-align: center;
}
.goodsList .good.good-grid .message.blue,
.infoBox .good.good-grid .message.blue {
background: #00c0e6;
}
.goodsList .good.good-grid .message.orange,
.infoBox .good.good-grid .message.orange {
background: #ff8518;
}
.goodsList .good.good-grid .message.yellow,
.infoBox .good.good-grid .message.yellow {
background: #F8DF00;
}
.goodsList .good.good-grid .message.pink,
.infoBox .good.good-grid .message.pink {
background: #f570c9;
}
.goodsList .good.good-grid .picture,
.infoBox .good.good-grid .picture {
position: relative;
}
.goodsList .good.good-grid .picture figure,
.infoBox .good.good-grid .picture figure {
height: 178px;
}
.goodsList .good.good-grid .content,
.infoBox .good.good-grid .content {
padding: 30px 30px 65px;
min-height: 170px;
position: relative;
}
.goodsList .good.good-grid .content > span,
.infoBox .good.good-grid .content > span {
display: block;
font-weight: 900;
text-transform: uppercase;
}
.goodsList .good.good-grid .content > span.ville,
.infoBox .good.good-grid .content > span.ville {
font-size: 14px;
color: #333333;
}
.goodsList .good.good-grid .content > span.goodTitle,
.infoBox .good.good-grid .content > span.goodTitle {
margin-top: 5px;
font-size: 18px;
color: #333333;
}
.goodsList .good.good-grid .content > span.price,
.infoBox .good.good-grid .content > span.price {
color: #00c0e6;
font-size: 34px;
bottom: 20px;
left: 30px;
position: absolute;
}
.goodsList .good.good-grid .content > span.price svg,
.infoBox .good.good-grid .content > span.price svg {
margin-right: 5px;
}
.goodsList .good.good-grid .content > span.price.lower,
.infoBox .good.good-grid .content > span.price.lower {
color: #74D43C;
}
/* Print
========================================================================== */
/* ==========================================================================
PRINT
========================================================================== */
@media print {
body {
zoom: 0.6;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
h2,
h3 {
-webkit-break-after: avoid;
-moz-break-after: avoid;
break-after: avoid;
}
.noprint:not(.greyBG) {
/*not fix print image bien*/
display: none !important;
}
.mainContent {
/*margin: 0 !important;*/
/*max-width: 100% !important;*/
}
.innerContent .breadcrumb {
display: none;
}
figure img {
height: auto !important;
opacity: 1 !important;
}
.mainVisual figure {
height: 300px;
position: relative;
}
.mainVisual figure img {
position: relative;
top: -50%;
}
.rightContent .mainInformations .row .priceBox > span {
top: -44px !important;
}
.rightContent .mainInformations .ope30jours {
top: -2px !important;
font-size: 7pt;
}
.onlyPhoto .innerContent,
.onlyPhoto .galleryPopin {
display: none !important;
}
/* Hide Header/Footer */
.mainNav,
.footerCapiFrance {
display: none !important;
}
.utilsContainer {
display: none !important;
}
}