/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */ @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900&display=swap&subset=latin-ext'); @import url("../editor-style.css"); @font-face { font-family: 'SourceSansPro-Black'; src: url('SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('SourceSansPro-Black.woff') format('woff'), url('SourceSansPro-Black.ttf') format('truetype'), url('SourceSansPro-Black.svg#SourceSansPro-Black') format('svg'); font-weight: normal; font-style: normal; } body *, .special_amp {font-family: 'Source Sans Pro', sans-serif; } /* General Custom CSS */ html { background-color:#fff!important;} #header_main_alternate { border:0 ; background:#ffffff; } .av-logo-container { display:none; } .html_header_top.html_header_sticky.html_bottom_nav_header #main { padding-top:50px; } .avia-caption .avia-caption-title { background:#fff; font-size:16px; font-weight:bold; padding-right:280px; } .avia-slideshow .avia-caption .avia-caption-title{ color:#000; } .avia-caption { bottom:inherit; left:inherit; top:150px; right:-20px;} #sliderhome { display:flex; } #sliderhome .flex_cell_inner, #sliderhome .avia-slideshow, #sliderhome .flex_cell_inner ul, #sliderhome .flex_cell_inner ul li, #sliderhome .flex_cell_inner ul li > div { height:100%; } #sliderhome .flex_cell_inner ul li, #sliderhome .flex_cell_inner ul li > div img { height:100%; min-width:100%; width: inherit; max-width: inherit; } .no_restult { font-size:24px; text-align:center; font-weight:bold; color:#e4280d; margin:20px 0; } /* Recherche */ #recherche { padding:20px 20px 0;} #recherche label { font-size:15px; margin-right:10px; } #recherche .titre_blanc { font-size:15px; color:#ffffff; text-transform:uppercase; font-weight:bold; } #recherche .col-bien .titre_blanc { text-transform:none; } #recherche .titre_blanc span{ font-weight:normal; } #recherche .flex { display:flex; flex-wrap:wrap;} #recherche .col-12 { flex :0 0 100%; padding-right:10px; position:relative; margin-bottom:20px;} #recherche .col { flex:0 0 50%; padding-right:10px; position:relative;} #recherche .col-bien { flex:0 1 auto; padding-right:10px; position:relative;} #recherche label.spe input[type="radio"], #recherche label.spe input[type="checkbox"] { display:none; } #recherche label.spe input + span { background:#e4280d; color:#440e07; display: inline-block; padding:5px 15px; background:#fff; cursor:pointer; } #recherche label.spe input:checked + span { background:#e4280d; color:#FFF; } #image_gauche{ border-left:10px solid #FFF; position:absolute; right:0; top:0; bottom:0; left : calc( 50px + ((1600px - 100vw ) / 2) ); width: calc( 50% + (( 100vw - 1600px ) / 2) - 50px )!important} #image_droite{ border-right:10px solid #FFF; position:absolute; top:0; bottom:0; right : calc( 50px + ((1600px - 100vw ) / 2) ); width: calc( 50% + (( 100vw - 1600px ) / 2) - 50px )!important} #top #recherche .bouton_carre_rouge { position:absolute; bottom:-20px; left:50%; margin-left:-165px;} #top .bouton_carre_rouge a{ transition:all 0.350s ease-in-out; font-size:14px; text-transform:uppercase; font-weight:bold; color:#FFF; display:inline-block; padding:20px 80px; background:#e4280d; position:relative; } #top .bouton_carre_rouge a:after { content:"\f105"; font-family:fontawesome; position:absolute; right:30px; color:#fff; top:50%; transform:translateY(-50%); font-size:16px; } #top .bouton_carre_rouge a:hover, #top .bouton_carre_rouge a:focus { background:#000; text-decoration:none;} #top .bouton_carre_rouge2 a{ transition:all 0.350s ease-in-out; font-size:14px; text-transform:uppercase; font-weight:bold; color:#FFF; display:inline-block; padding:10px 100px; background:#e4280d; position:relative; } #top .bouton_carre_rouge2 a:after { content:"\f105"; font-family:fontawesome; position:absolute; right:30px; color:#fff; top:50%; transform:translateY(-50%); font-size:16px; } #top .bouton_carre_rouge2 a:hover, #top .bouton_carre_rouge2 a:focus { background:#000; text-decoration:none;} .titre_section strong { font-weight:bold; } .avia_textblock { line-height:1.4; } #top .container_wrap{ border:0;} #top .flex_column_table { margin-top:0;} p { margin: 0.85em 0 0; } #recherche div.col-bien label { float:left; width:auto; margin-right:80px; color:#FFF;} #recherche div.col-bien label:nth-child(4){ float:left; width:auto; margin-right:0; color:#FFF;} #recherche div.col-bien label span { color:#FFF;} #recherche div.col-bien label input { position:relative; top:2px;} .col-bien .ico1 { width:75px; height:60px; margin:15px auto 0; background:url(../images/ico_1.png) no-repeat left top; } .col-bien .ico2 { width:75px; height:60px; margin:15px auto 0; background:url(../images/ico_2.png) no-repeat left top; } .col-bien .ico3 { width:75px; height:60px; margin:15px auto 0; background:url(../images/ico_3.png) no-repeat left top; } .col-bien .ico4 { width:75px; height:60px; margin:15px auto 0; background:url(../images/ico_4.png) no-repeat left top; } .metresuffix { position:relative;} .prixsuffix { position:relative;} .metresuffix:after, .prixsuffix:after{ position:absolute; content:'m²'; right:10px; font-size:15px; font-weight:bold; color:#440e07; top: 6px;} .prixsuffix:after{ content:'€'; } .portfolio-template-default #header_page { margin-bottom:0;} .wpmk-page #header_page { margin-bottom:0;} .header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a { color:#440e07!important; font-size:18px; font-weight:300; text-transform: uppercase; } /* .flex-100 { display:flex; justify-content: space-between; } .flex-100 label{ flex:1 1 auto;} */ .header_color .main_menu ul:first-child > li.current-menu-item > a { font-weight:bold;} #top .header_color .avia-menu-fx{background-color:#e4280d; } .av-main-nav > li:not(:first-child) { position:relative;} .av-main-nav > li:not(:first-child):before { content:''; display:block; position:absolute; height:20px; width:1px; background:#440e07; left:0; top:50%; margin-top:-10px;} .av-main-nav > li a { margin:0 25px!important;} b, strong { color:inherit!important; } #header_page { margin-bottom:80px;} #header_page + #recherche { margin-top:0px!important;} #recherche > .titre { font-size:20px; color:#fff; font-weight:normal; margin-bottom:20px; } #recherche > .titre b { font-size:20px; color:#fff; font-weight:bold; } #header_page img { margin-right:150px;} #top .main_color table caption, #top .main_color tr:nth-child(even), #top .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td { color:#000;} .page-template-default #recherche .col-bien .titre_blanc, .portfolio-template-default #recherche .col-bien .titre_blanc{ font-size:20px; color:#fff; font-weight:bold; margin-bottom:20px; margin-top:-28px; } .page-template-default:not(.home) #recherche .col-bien .titre_blanc span, .portfolio-template-default #recherche .col-bien .titre_blanc span{ font-size:20px; color:#fff; font-weight:normal; margin-bottom:20px; margin-top: -46px; } .bouton_carre_rouge3 { display:flex; display: -webkit-flex; display: -ms-flexbox;} .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child { padding:20px 0; height:100px;} .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div { height:100px;} .html_header_top.html_header_sticky #top #wrap_all #main { padding-top:100px!important } #top .col5 span { width:46%; margin-right:4%; float:left;} #top .col5 span input { font-size:15px; } #top .col5 span input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:15px;} #top .col5 span input::-moz-placeholder { /* Firefox 19+ */ font-size:15px;} #top .col5 span input:-ms-input-placeholder { /* IE 10+ */ font-size:15px;} #top .col5 span input:-moz-placeholder { /* Firefox 18- */ font-size:15px;} #top .col select { max-width:345px; font-size:15px;} input[name="location"] { width:96%!important; margin-right:4%!important} .image-overlay .image-overlay-inside, .avia-image-overlay-wrap a.avia_image .image-overlay { display:none!important} #titre_logement .post-entry { position:absolute; bottom:10px; } #top .isotope-item { padding:0 10px;} .grid-entry .inner-entry { box-shadow:none; overflow:hidden;} .grid-entry-title { text-align:left; font-weight:bold; font-size:20px;} .grid-entry-title span { font-weight:normal;} .entry-content-header + .price { font-size:30px; font-weight:bold; text-align:left; margin-top:5px; } .grid-content { padding:10px 0;} .avia-builder-el-last { margin-bottom:60px; } #footer .textwidget { max-width:600px; margin:0 auto; text-align:center; font-size:14px;} #top #footer .widget ul.social_bookmarks { display:inline-block; margin:30px 0; width:auto;} #top #footer .widget ul.social_bookmarks li { border:0; margin:0 10px; border-radius:50%; border:1px solid #a1a1a1;} .widget .social_bookmarks li { clear: none !important; } #top div .avia-gallery .avia-gallery-big, #top div .avia-gallery img { border:0;} .single-portfolio #after_section_1 .template-page { padding-top:10px;} #caracteristiques { margin-top:10px;} #caracteristiques table { margin-top:10px; width:auto!important; background:transparent;} #caracteristiques table img{ margin-top:0; margin-bottom:5px; padding:0;} #caracteristiques table td, #caracteristiques table tr{ background:transparent; border:0;} .infos_logement .price { font-weight:bold; font-size:40px; color:#e4280d; margin-bottom:30px; margin-top:50px; } .infos_logement .price span{ font-weight:normal; font-size:18px; margin-left:10px;} .infos_logement .appart { font-weight:bold; padding:10px 0 10px 60px; margin-bottom:10px;background:url(../images/ico_appart.jpg) no-repeat left center; text-transform:uppercase; } .infos_logement .appart span{ font-weight:normal; text-transform:none;} .infos_logement .location{ font-weight:bold; padding:10px 0 10px 60px; margin-bottom:10px; background:url(../images/ico_location.jpg) no-repeat left center; text-transform:uppercase;} .infos_logement .disponibilite{ font-weight:bold; padding:10px 0 10px 60px; margin-bottom:10px;background:url(../images/ico_dispo.jpg) no-repeat left center; text-transform:uppercase;} .infos_logement .disponibilite span{ font-weight:normal; text-transform:none;} .infos_logement .conventionne{ position:relative; font-weight:bold; margin-top:15px; padding:10px 60px 10px 60px; margin-bottom:10px;background:#e4280d url(../images/ico_convention.jpg) no-repeat left center; ; color:#FFF; display:inline-block;} .infos_logement .conventionne img{ position:relative; top: 5px; margin-left: 10px;} .infos_logement .infoconventionne{ display:none; position:absolute; max-width:300px; z-index:99; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.6); padding:10px; color:#000; font-weight:normal; font-size:13px; top: 60px; right: -100px;} .infos_location { margin-top:20px;} .infos_location b { text-transform:uppercase;} #top .bouton_carre_rouge3 a{ text-transform:uppercase; transition:all 0.350s ease-in-out; font-size:14px; text-transform:uppercase; font-weight:bold; color:#FFF; display:inline-block; padding:15px 100px; background:#e4280d; position:relative; } #top .bouton_carre_rouge3 a:after { content:"\f105"; font-family:fontawesome; position:absolute; right:30px; color:#fff; top:50%; transform:translateY(-50%); font-size:16px; } #top .bouton_carre_rouge3 a:hover, #top .bouton_carre_rouge2 a:focus { background:#000; text-decoration:none;} #top .bouton_carre_rouge4 a{ text-transform:uppercase;transition:all 0.350s ease-in-out; font-size:14px; text-transform:uppercase; font-weight:bold; color:#FFF; display:inline-block; margin-left:10px;padding:15px 30px 15px 10px; background:#440e07; position:relative; } #top .bouton_carre_rouge4 a:after { content:"\f105"; font-family:fontawesome; position:absolute; right:10px; color:#fff; top:50%; transform:translateY(-50%); font-size:16px; } #top .bouton_carre_rouge4 a:hover, #top .bouton_carre_rouge2 a:focus { background:#000; text-decoration:none;} /*#top a#wpmk_pdf_generate_file {text-transform:uppercase;transition:all 0.350s ease-in-out; font-size:14px; text-transform:uppercase; font-weight:bold; color:#FFF; display:inline-block; margin-left:10px;padding:15px 30px 15px 10px; background:#440e07; position:relative; } #top a#wpmk_pdf_generate_file:after {content:"\f105"; font-family:fontawesome; position:absolute; right:10px; color:#fff; top:50%; transform:translateY(-50%); font-size:16px;} #top a#wpmk_pdf_generate_file:hover, #top a#wpmk_pdf_generate_file:focus { background:#000; text-decoration:none; }*/ #top .main_color input[name="Bienconcern"] { font-weight:bold; color:#000!important;} .overflowhidden { overflow:hidden; } #bandeau { position:absolute; left:-60px; top:10px; z-index:999; transform : rotate(-30deg);} #bandeau .statut_bandeau { background:#e4280d; color:#fff; font-size:20px ; font-weight:bold; padding:5px 80px ; } .inner-entry .statut_bandeau {position:absolute; right:-50px; top:11px; background:#e4280d; color:#fff; font-size:20px ; font-weight:bold; padding:5px 80px ; transform : rotate(30deg); } #bandeau .statut_bandeau_libre { background:#96c11f; color:#fff; font-size:20px ; font-weight:bold; padding:5px 80px ; } .inner-entry .statut_bandeau_libre {position:absolute; right:-50px; top:11px; background:#96c11f; color:#fff; font-size:20px ; font-weight:bold; padding:5px 80px ; transform : rotate(30deg); } .titre-rouge { font-size:24px; color:#e4280d; font-weight:bold; text-transform:uppercase;} div.wpcf7 input[type="file"] {font-size:18px} .inpufile { position:relative;} .inpufile{ cursor:pointer; margin-bottom:8px; display:inline-block; } .inpufile:hover:before{ background:#e74b3c; } .inpufile:before { content:"Choisir un fichier"; pointer-events: none; position:absolute; left:0; top:-1px; height:28px; background:#690b0b; width:120px; color:#fff; display:inline-block; border:0; text-transform:uppercase; padding:0 15px; font-weight:bold; font-size:12px; z-index:9; } @media (max-width: 1600px) { #image_gauche { width: calc(50% - 50px)!important; left:50px; } } @media (max-width: 1200px) { #top .bouton_carre_rouge2 a { padding:10px 40px 10px 20px;} } @media (max-width: 1024px) { #recherche .col { flex: 0 0 100%;} #recherche .col-bien { padding-bottom:70px; } #sliderhome{ display:block;} .responsive #top #wrap_all #sliderhome > div { width:100%!important; padding:0!important; } .avia-image-container.avia-align-right { float:none; } img[title="logo_home"] { max-height:180px; width:auto; } .header_color .main_menu ul:first-child > li > a{ font-size:16px; } .av-main-nav > li a { margin:0 10px!important;} #image_gauche { width:100%!important; left: -5px; height: 450px; position: relative; } #av_section_2 { background:#fff!important; margin-bottom:10px; } #av_section_1 + #av_section_2 { background:#430e09!important; margin-bottom:10px; } #av_section_3 { padding:0 30px; } #av_section_5 { padding:0 30px; } #top #av_section_2 .flex_column_table { display:block; } #top #av_section_2 .no_margin.av_one_half { width:100%; display:block; } #sliderhome > div { display:block!important;} #top .flex_column_table{ display:block ; } #top .flex_column_table_cell { display:block ; width:100%!important; } .avia-builder-el-8, .avia-builder-el-43 { padding:0 30px;} } @media (max-width: 768px) { .responsive #header_main_alternate {display:block!important;} #avia-menu{ float:right;} #recherche div.col-bien label { margin-right:10px; } .responsive #top #wrap_all .container{ width:100%; max-width:100%; } #top .bouton_carre_rouge { margin-top:10px; } #top .bouton_carre_rouge a { padding:10px 20px; } #top .bouton_carre_rouge a:after { display:none; } #recherche .col-bien{padding-bottom:50px;} #top .bouton_carre_rouge2 a { padding:10px 20px;} #top .bouton_carre_rouge2 a:after { display:none; } .html_header_top.html_header_sticky #top #wrap_all #main {padding-top:0!important;} .header_color .is-active .av-hamburger-inner, .header_color .is-active .av-hamburger-inner::before, .header_color .is-active .av-hamburger-inner::after {background-color:#000!important; } .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {background-color:#fff!important; } .av-main-nav > li:not(:first-child):before {display:none; } .avia-builder-el-last { margin-bottom:10px;} .avia-caption .avia-caption-title { padding-right:0; } .avia-caption { position:relative; top:0; left:0; right:0; } .content, .sidebar { padding-top:0; } .avia-builder-el-4 {padding-top:20px; } .responsive #top #wrap_all .container { padding:0 20px; } }