@charset "UTF-8";
/***
CSS BY ARTAMEDIA
ARP RealEstate 2025 J4

bleu : #006795 rgba(0, 102, 149, 1)v- bleu clair : #2288b7 - gris/bleu : #677a82
fonts : Quicksand et Montserrat
***/


/*** GLOBAL ***/
body, p {font-family: "Quicksand", "Opensans", sans-serif; color:#444; font-size: 15px}
h1, h2, h3, h4, h5, h6, .sp-page-title .sp-page-title-heading {font-family: "Montserrat", sans-serif; color:#677a82}
.qx-h1, h1 {font-size: 1.8rem;}
.qx-h2, h2 {font-size: 1.6rem;}
.qx-h3, h3 {font-size: 1.4rem; color:#444}
.qx-h4, h4 {font-size: 1.2rem; color:#677a82}
em {color:inherit}

a:link, a:visited {color:#006695}
a:hover, a:focus {color:#2288b7}

.tpp-bootstrap hr {border-top: 1px solid rgba(0, 0, 0, 0.5);}


#sp-main-body {padding: 0}
.qx-section {padding:40px 0}
#home-slider {padding:0}
#sp-component {padding:0 0 0 0}
.sp-page-title {background:#fff!important; padding:44px 0 0 0}
.sp-page-title .sp-page-title-heading {font-size: 1.8rem; font-weight: 500; line-height: 2}


/*BOUTONS*/
.error-page a.btn-secondary, .qx-btn-outline-primary {
    color: #006795;
    background-color: transparent;
    background-image: none;
    border-color: #006795;
}
.error-page a.btn-secondary:hover, .error-page a.btn-secondary:active, .error-page a.btn-secondary:focus, 
.qx-btn-outline-primary:hover, .qx-btn-outline-primary:active, .qx-btn-outline-primary:focus {
    color: #fff;
    background-color: #006795;
    border-color: #006795;
}

/*HEADER*/
#sp-header {box-shadow:0 0 0 0}
/*#sp-header .container, #sp-header .container .container-inner {height:100px}*/
#sp-header .logo {height: 100px}

/*TOP BAR & FOOTER*/
#sp-top-bar, #sp-footer {background: #006795; color: #fff}
#sp-top-bar ul.sp-contact-info li span {color: #fff; padding-right: 4px}
#sp-top-bar a, #sp-top-bar a:link, #sp-top-bar a:visited {color: #fff}
#sp-top-bar a:hover, #sp-top-bar a:focus {color: #fff}

#sp-footer .container-inner {padding: 8px 0; border-top: none;}
#sp-footer a, #sp-footer a:link, #sp-footer a:visited {color:#C3D4DD}
#sp-footer a:hover, #sp-footer a:focus {color: #fff}
#sp-footer .sp-copyright>span {color:#C3D4DD; font-size: 110%}

#footer, #intro {background-color:rgba(0, 102, 149, 0.1)!important }

#footer #qx-social {margin-top: -16px}
#footer figcaption {font-size: 10px; text-transform: uppercase; font-weight: 500; color:#677a82!important}

/*LANGUES*/
div.mod-languages ul li.lang-active, div.mod-languages ul li:hover {
    background-color: transparent!important;
    padding: 0 3px 1px 3px;
	border-bottom:#fff 1px solid!important;
    border-radius: 0px;
}

/*NAV*/
#sp-menu a {text-transform: uppercase; font-size:16px}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {line-height: 95px}
.sp-megamenu-parent>li.active {border-top:#006795 5px solid}
.sp-megamenu-parent>li:last-child>a {padding:0 15px}
.sp-megamenu-parent>li.active>a, 
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent>li:hover>a {color:#006795}
.sp-megamenu-parent>li:hover, .sp-megamenu-parent>li.active:hover {border-top:rgba(0, 102, 149, 0.5) 5px solid }

/*NAV OFF CANEVAS*/
.burger-icon>span { background-color: #006795}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color:#006795!important}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {color: #000}

/*** HOME ***/
#home-slider-col .qx-col-wrap {padding:0}
#diapo .qx-dotnav li * {background-color:#fff}
#diapo .qx-dotnav li.qx-active * {background-color:#ECAB00}
#home-intro p {line-height: 200%}

/*slogan sur slide*/
#slider h3 {font-size: 20px; line-height: 30px; text-transform: none; border-bottom: #999 1px dotted; color:#999; font-family: Michroma}
#slider .caption {display: flex; flex-wrap:wrap; justify-content: center; background: rgba(0, 0, 0, 0.6); color: #ffffff; padding: 60px 16px; margin: 0 auto}
#slider .caption p {font-size: 20px; line-height: 150%; font-weight: bold; color:#006795; text-shadow: 1px 1px 2px #000; text-align: left; padding: 0 20px; float:right; width: 50%; border-left:#006795 2px solid}
.qx-slider-pro-v2 .slider-pro-item img#logo {width:50%; max-width:400px; margin:8px 32px 32px 8px}

/*presse*/
#qx-slider-pro-jrcjf .slide-content a.qx-btn:hover {background-color:rgba(255, 255, 255, 0.2)}

/*** PRESENTATION ***/
#intro p {line-height: 200%}

/*** PROJETS ***/
#tpPortfolio {padding: 24px 0 40px 0}
.tplBesley .element .TzInner {padding: 0; border: none; margin: 4px;}/*espacement horizonzal des vignettes*/
.tplBesley #tz_options .option-combo {margin-top: 0}
h3.TzPortfolioTitle a:hover {text-decoration: none; margin: 0} /*titre des projets en rollover*/
h3.TzPortfolioTitle a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 25%;} /*positionner zone de clic en rolloverc*/
#tpPortfolio .iconhover {display: none} /* masquer les icone lien et loupe */
.TzInner:hover .tz_portfolio_plus_image_gallery {webkit-filter: grayscale(100%); filter: grayscale(100%);} /*img noir et blanc en rollover*/

#tz_options {padding: 0 8px 24px 8px} espaces autour des boutons de catégorie
.tplBesley #tz_options .option-combo {margin-top: 0}
#tz_options .option-combo a.btn-default {bbackground-color:#fff!important; color:#006795!important; border-color:rgba(0, 102, 149, 0.5)!important}
#tz_options .option-combo a.btn-default.selected {background-color:rgba(0, 102, 149, 0.1)!important; color:#2288b7!important; border-color:rgba(0, 102, 149, 0.5)!important}
#tz_options .option-combo a.btn-default:hover {background-color:rgba(0, 102, 149, 0.1)!important; color:#2288b7!important; rgba(0, 103, 149, 0.3)!important}

.tz-icon-spinner {display:none; color: #fff}

/*Page d'un projet*/
#tz-portfolio-template-information,#tz-portfolio-template-vote, .tp-item-tools {display: none} /*Date, auteur, catégorie, vues et votes et print*/
#tz-portfolio-template-introtext {padding: 32px 0} /*espace autour du texte de présentation*/
#tz-portfolio-template-title {padding-top: 40px!important} /*espace au dessus du titre du projet, haut de page*/
#tz-portfolio-template-title h1.tpTitle {color:#677a82; line-height: 1.4!important; font-size: 2rem} /*titre du projet*/
.flexslider .flex-control-nav {bottom: 0px} /*points de navigation sur le slide*/
.tpp-bootstrap ol {margin-bottom: 8px} /*points de navigation sur le slide*/

/*** CONTACT ***/
#contactform #cf_1 {margin: 0 auto}
#qx-column-do6qh .qx-col-wrap, #qx-column-6pgd4 .qx-col-wrap {padding:0} /*supprime l'espace autour du plan*/
#contactform .qx-form-check input[type="radio"] {height:16px!important} /*corrige la forme du radio boutton*/

/*** RESPONSIVE ***/

@media (min-width: 1600px){
	#diapo .qx-slideshow.slider-height-custom, #diapo .qx-slideshow.slider-height-custom .qx-slideshow-items img {height: 720px!important;}
}
@media (min-width: 1280px) and (max-width: 1599px){
	#diapo .qx-slideshow.slider-height-custom, #diapo .qx-slideshow.slider-height-custom .qx-slideshow-items img {height: 600px!important;}
}
@media (min-width: 1024px) and (max-width: 1279px){
	#diapo .qx-slideshow.slider-height-custom, #diapo .qx-slideshow.slider-height-custom .qx-slideshow-items img {height: 500px!important;}
}
@media (min-width: 768px) and (max-width: 1023px) {
	#diapo .qx-slideshow.slider-height-custom, #diapo .qx-slideshow.slider-height-custom .qx-slideshow-items img {height: 400px!important;}

}
@media (max-width: 991px){
	#sp-header .logo {height: 60px;}
}
@media (max-width: 767px) {
	#diapo .qx-slideshow.slider-height-custom, #diapo .qx-slideshow.slider-height-custom .qx-slideshow-items img {height: 300px!important;}
}
@media (max-width: 575px){
	#sp-header .logo {height: 50px;}
}
@media (max-width: 480px) {

}