fieldset > ul > li { display : block; width : 100%; } .pull-right { position: relative!important; top: initial; right: initial; padding: 0; } div.ombre1:before, div.ombre2:before { z-index: -1; } #site > header { position: relative; } #site > header.scroll { background-color: initial!important; box-shadow: initial!important; } #site > header.scroll > .container { height: 100px!important; } #site > header #logo > img { height: 70%; } #menu > ul > li > ul { max-height: initial!important; position: relative; } #menu > ul > li.sous-menu { border-bottom: 0; } #page-agence header:not(.scroll) #menu a, #page-agence header:not(.scroll) #menu i { color: inherit; } .bouton.bouton-fixed { /*position: absolute;*/ top: 10px; right: -20px; z-index: 56; } #content { margin-top: 0; } /*#site > footer > div > div { display : block; position : relative!important; top : initial!important; right : initial!important; left : initial!important; text-align : center; }*/ .big { font-size: 22px!important; } .bigger { font-size: 28px!important; } h1 { font-size: 28px; line-height: 35px; } h2 { font-size: 24px; line-height: 30px; } h3 { font-size: 28px; } /*#mentions > div:first-child, #mentions > div:first-child + div { display : block; width : initial; }*/ .container { padding: 0 35px; } .container-fluid { padding: 0 35px; } .container-small { padding: 0; } .row { margin: 0!important; } .col-1-1, .col-1-2, .col-1-3, .col-2-1, .col-3-1, .col-4-1, .col-1-280, .col-1-380, .col-230-1, .col-360-1, .col-605-1, .col-1-780-1, .col-1-1-1, .col-1-1-1-1, .col-1-1-1-1-1, .actualites > ul, .agences > ul, #site > footer > div:first-child > div, #page-annonces .biens > ul, .couverture #recherche form ul { /*display: block!important;*/ grid-template-columns: initial!important; } .couverture p { max-height: 216px; overflow: auto; } .col-1-1 > *, .col-1-2 > *, .col-1-3 > *, .col-2-1 > *, .col-3-1 > *, .col-4-1 > *, .col-1-280 > *, .col-1-380 > *, .col-230-1 > *, .col-360-1 > *, .col-605-1 > *, .col-1-780-1 > *, .col-1-1-1 > *, .col-1-1-1-1 > *, .col-1-1-1-1-1 > *, #site > footer > div:first-child > div > * { grid-column: initial!important; grid-row: initial!important; } #annonce-map { margin: 0; } #page-annonces .biens { overflow: visible; height: initial; } .biens > ul > li { width: 100%; padding: 0 0 20px; } #page-annonce #annonce-photos { margin: 0 -35px; } #page-annonce #annonce-caracteristiques { margin: 20px -25px; } body:not(.nav-open) #annonce #annonce-resume a.bouton-ombre { position: fixed; top: 20px; right: 0; z-index: 55; } #annonce .annonce-essentiel, #recherche > div > div > ul > li:nth-child(5), .galerie-photos > a > i.fa-clone { display: none; } .galerie-photos > a { pointer-events: none; -webkit-tap-highlight-color: transparent; } .galerie-photos > a > i.fa-angle-left, .galerie-photos > a > i.fa-angle-right { display: block; pointer-events: all; } .galerie-photos > a + div { margin: 8px 0 20px 0; } .galerie-photos > a + div > div > ul > li { width: calc(20% - 8px); margin: 0 10px 0 0; padding-top: 17%; } .liste > li { width: calc(50% - 10px)!important; } #annonce-map { height: 500px; } div.highlight, div.highlight-big { margin: 100px 0 50px; padding: 0 20px; } div.highlight .galerie-biens, div.highlight-big .galerie-biens, div.highlight .galerie-videos div.highlight-big .galerie-videos { margin: 30px -30px 30px -30px; } .galerie-videos img { max-width: 280px; } div.highlight:before { max-width: initial; left: -10px; width: calc(100% + 20px); height: 90%; } div.highlight-big:before { max-width: initial; left: -40px; width: calc(100% + 20px); } .image { width: initial!important; height: initial!important; } div:nth-child(2n) > .image.alterne { left: -40px; } div:nth-child(2n) > .image.alterne img.round { border-radius: 0 10px 10px 0; } div:nth-child(2n+1) > .image.alterne { right: -40px; } div:nth-child(2n+1) > .image.alterne img.round { border-radius: 10px 0 0 10px; } .article { margin: 40px 0 0; } .carte { padding: 20px; } .carte.carte-fond, .carte.carte-couleur, .carte.carte-small, .carte { margin: 10px -25px!important; } .carte.carte-fond { background-position: 70% 50%; } .carte.carte-fond .carte-titre, .carte.carte-couleur .carte-titre { max-width: 220px; } .carte.carte-fond.carte-grande { height: 320px; padding: 20px 110px 20px 20px; } #page-rejoindre div > div:first-child > .carte.carte-fond.carte-grande { border-radius: 10px 10px 0 0; margin-bottom: 0!important; } #page-rejoindre div > div:nth-child(2) > .carte.carte-fond.carte-grande { border-radius: 0 0 10px 10px; margin-top: 0!important; } .carte.carte-fond.carte-vraiment-grande .carte-titre { max-width: 250px; line-height: 35px; } .carte.carte-fond.carte-vraiment-grande .carte-contenu { max-width: 210px; } .carte.carte-fond.carte-vraiment-grande { padding: 40px; height: initial; } .carte-vraiment-grande .carte-texte { max-width: 225px; font-size: 16px; line-height: 26px; } .carte.carte-fond .carte-contenu { line-height: 23px; } .carte-bouton { padding: 20px; } .carte .carte-titre.big { line-height: 26px; } .carte-hero.carte-fond { margin: 0!important; } .carte-hero .carte-titre { font-size: 22px; } .carte.carte-agences, .galerie-biens, .galerie-videos { overflow: hidden; } .galerie-biens { margin: 30px -10px 30px -10px; padding: 0 30px; } .galerie-videos { margin: 30px -30px 30px -30px; padding: 0 30px; } .galerie-biens > i.fa-angle-left, .galerie-biens > i.fa-angle-right, .galerie-videos > i.fa-angle-left, .galerie-videos > i.fa-angle-right, .galerie-agences > i.fa-angle-left, .galerie-agences > i.fa-angle-right { display: none!important; } .carte.carte-fond.carte-moyenne { margin: 0 -10px; border-top-right-radius: 0; border-top-left-radius: 0; } .carte.carte-liste { padding: 30px; margin-left: -25px!important; margin-right: -25px!important; } .carte.carte-compteurs { margin: 0 -25px 0; } .carte.carte-liste ul { display: block; } .carte-titre { margin: 0 0 10px; } .carte.carte-agences { padding: 75px 30px 0; margin: 0px -35px 30px!important; } .carte.carte-agences:before { width: 100%; } .carte.carte-agences .carte-contenu { margin-bottom: 0; } .carte.carte-rejoindre { position: relative; padding: 37px 27px; min-height: 270px; background-position: 70% 50%; } #page-agences .carte.carte-rejoindre { background-image: url(../img/ouvrez-une-agence.jpg)!important; overflow: initial; margin-bottom: 75px!important; padding-bottom: 140px; } #page-agences .carte.carte-rejoindre .fa-ul { width: 60%; line-height: 27px; } #page-agences .carte.carte-rejoindre .bouton { position: absolute; bottom: -170px; left: 50%; transform: translateX(-50%); width: 100%; } .agences > ul { text-align: center; justify-content: center; margin: 0 30px; } .agence { width: 100%; } .actualites > ul { grid-gap: 20px 60px; } .actualite { margin: 0 20px; display: grid; grid-template-columns: 1fr 3fr; align-items: center; column-gap: 20px; } .actualite .actualite-photo { width: 80px; height: 80px; margin: 0; } #content .actualite .actualite-photo img { width: initial!important; height: 100%!important; max-width: initial!important; } .actualite-resume { font-size: 14px; } #recherche { height: initial; margin: -110px -25px 40px; } #recherche.intension { height: initial; margin: 0 -25px 40px; } #recherche > div:first-child { position: initial; } #recherche > div:first-child + div { position: initial; box-shadow: 0px 10px 30px -5px rgb(0 55 61 / 15%); border-radius: 0 0 25px 25px; } #recherche > div > div { width: 100%; border-radius: 25px 25px 0 0; box-shadow: none; } #recherche form input[type='text'], #recherche form select, #recherche form .bouton { width: 100%; } #recherche form > div { border-radius: 0 0 25px 25px; box-shadow: none; } #recherche form > div > ul { display: block; } #recherche > div > div > ul { text-align: center; border-bottom: 0; height: initial; white-space: initial; } #recherche form > div > ul > li .bouton { display: block; margin: 0 -20px -20px; width: calc(100% + 40px); border-radius: 25px; padding: 25px 30px; } #recherche #recherche_criteres { width: 100%; margin: 0; padding: 0; } #recherche #recherche_criteres > div:last-child { display: block!important; } #recherche #recherche_criteres a { /*display: block;*/ text-align: center; } #recherche #recherche_criteres a, #recherche #recherche_criteres button { width: 50%; margin: 0; } #recherche #recherche_criteres label { margin: 10px; } #recherche #recherche_criteres select, #recherche #recherche_criteres input[type='text'] { max-width: initial; } #recherche a.criteres { font-weight: 400; } #page-agence #recherche { z-index: 54; position: absolute; width: calc(100% - 50px); top: 200px; } #page-agence #recherche:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: -1; } #site > footer > div:first-child { padding: 75px 40px 50px 40px; } #site > footer > div:first-child + div { padding: 15px 40px; } #site > footer ul { margin: 0 0 25px; } #site > footer ul.reseaux { margin: 10px 0 20px; } #site > footer > div > div { text-align: left; } #site > footer > div:first-child > div > div:nth-child(2) { order: 1; } #page-accueil h2 { font-size: 34px; line-height: 42px; } #page-accueil #site > header #logo { position: relative; justify-content: center; } #page-accueil h1 { font-size: 36px; line-height: 45px; text-align: center; } #page-accueil h1 + p { text-align: center; } #page-blog-article .carte-moyenne { margin: -100px -35px 40px!important; border-radius: initial; border-radius: 0 0 25px 25px; } #page-blog-article .carte.carte-fond .carte-titre { max-width: initial!important; } #page-blog-article .resume { margin: 0 0 40px; } #page-blog-article .partage-reseaux { height: initial; z-index: 55; } #page-blog-article .partage-reseaux > ul { position: fixed; right: 10px; bottom: 120px; top: initial; padding: 0; } #page-blog-article .partage-reseaux > ul > li:not(:last-child) { overflow: hidden; height: 0; transition: 200ms ease-in-out height; margin: 0; } #page-blog-article .partage-reseaux > ul:hover li:not(:last-child) { height: 30px; margin: 15px 0; } #page-blog-article .partage-reseaux > ul > li:last-child { height: initial; } #page-blog-article .partage-reseaux > ul > li:last-child:before { content: "\f064"; font-family: "Font Awesome 6 Pro"; font-size: 18px; font-weight: 900; } #page-blog-article .partage-reseaux > ul > li:last-child span { display: none; } #page-devenir-societaire .carte-vraiment-grande { margin: -100px -35px 40px!important; background-position: 68% 0; height: 500px; padding: 100px 25px 0; border-radius: 0 0 25px 25px; } #page-agences-localite h2 { padding: 10px 0 0px; margin: 0 30px; } .coordonnees > div:first-child + div { margin: 10px 0; } .coordonnees > div:first-child + div + div { line-height: 25px; } #annonce #annonce-resume > .bouton.contact { position: fixed; bottom: 50px; left: 10px; margin: 0; z-index: 55; } .couverture { height: 500px; border-radius: 0 0 25px 25px; margin: -100px -35px 10px; padding: 50px; } .couverture > div:not(#recherche) { height: initial; margin: 80px 0; } .couverture h1 { font-size: 28px; line-height: 35px; } .couverture h1 .highlight { color: #FFF!important; } #page-accueil .couverture { height: 600px; } #page-agence #recherche { display: none; } #page-agence .equipe:before { left: 20px; } #page-agence .equipe h3 { margin: 50px 0 40px 80px; } #page-agence .equipe:before { background-image: none; left: 10px; top: 35px; } #page-agence .equipe ul { width: 340px; grid-template-columns: 1fr 1fr; grid-gap: 20px 10px; margin: 0 auto; } #page-accueil header #logo img, #page-agence header #logo img, #page-blog-article header #logo img { content: url(../img/logo-ladresse-light.png); background-size: contain; } #page-agence #logo { left: 50%; transform: translateX(-50%); } .bilan-energie { margin: 0 -25px; } .popbox > div { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 0; }