CUCM : Différence entre versions
Ligne 1 : | Ligne 1 : | ||
+ | {{#css: | ||
+ | @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap'); | ||
+ | @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,900;1,900&display=swap'); | ||
+ | |||
+ | body{ | ||
+ | font-family: 'Mulish', sans-serif; | ||
+ | line-height: 1.2; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | |||
+ | strong{ | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | |||
+ | p.lead{ | ||
+ | font-size:16px; | ||
+ | margin-top:1.5em; | ||
+ | } | ||
+ | |||
+ | p.lead em{ | ||
+ | font-style:normal; | ||
+ | color:#e8511e; | ||
+ | font-weight:800; | ||
+ | } | ||
+ | |||
+ | img{ | ||
+ | max-width:100%; | ||
+ | } | ||
+ | |||
+ | .above{ | ||
+ | z-index:2; | ||
+ | } | ||
+ | |||
+ | .center img{ | ||
+ | margin: 40px; | ||
+ | width: calc(100% - 80px); | ||
+ | } | ||
+ | |||
+ | .slick-prev:before, .slick-next:before{ | ||
+ | display:none !important; | ||
+ | } | ||
+ | |||
+ | .slick-prev, .slick-next { | ||
+ | width: 55px; | ||
+ | height: 55px; | ||
+ | z-index: 999; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | |||
+ | .slick-next { | ||
+ | background: url(../img/slider-next.png) top left no-repeat !important; | ||
+ | background-size: cover !important; | ||
+ | } | ||
+ | |||
+ | .slick-prev { | ||
+ | background: url(../img/slider-prev.png) top left no-repeat !important; | ||
+ | background-size: cover !important; | ||
+ | } | ||
+ | |||
+ | .slick-disabled{ | ||
+ | opacity:0; | ||
+ | } | ||
+ | |||
+ | .video a.video-link{ | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .video p{ | ||
+ | font-size: 15px; | ||
+ | margin-bottom: 30px; | ||
+ | text-shadow: 2px 1px #272727 | ||
+ | } | ||
+ | |||
+ | .video a.video-link:before{ | ||
+ | content:""; | ||
+ | display:block; | ||
+ | width: 45px; | ||
+ | height: 45px; | ||
+ | position:absolute; | ||
+ | left:50%; | ||
+ | top:50%; | ||
+ | margin-top:-22.5px; | ||
+ | margin-left:-22.5px; | ||
+ | background: url(../img/icon-play.png) center center no-repeat !important; | ||
+ | background-size: cover !important; | ||
+ | } | ||
+ | |||
+ | h2{ | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
+ | h3{ | ||
+ | font-size: 18px; | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | |||
+ | h1 span, h2 span, h3 span, p span{ | ||
+ | font-family: 'Fraunces', serif; | ||
+ | font-weight:900; | ||
+ | } | ||
+ | |||
+ | .checkbox{ | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .form{ | ||
+ | background:rgba(255,255,255,0.8); | ||
+ | padding:30px 40px; | ||
+ | border-radius:25px; | ||
+ | border-top: solid 25px #04cdc1; | ||
+ | } | ||
+ | |||
+ | .form #submit-contact:hover{ | ||
+ | background:#e8511e; | ||
+ | } | ||
+ | |||
+ | .form-container{ | ||
+ | position:relative; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | .form p{ | ||
+ | font-size: 16px; | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | |||
+ | .form button{ | ||
+ | width: 100%; | ||
+ | border-radius: 80px; | ||
+ | border: none; | ||
+ | background:#04cdc1; | ||
+ | } | ||
+ | |||
+ | a.btn{ | ||
+ | font-size: 18px; | ||
+ | font-weight: 800; | ||
+ | background:#e8511e; | ||
+ | color:#fff !important; | ||
+ | padding:4px 15px; | ||
+ | border-radius: 80px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | a.btn-contact{ | ||
+ | font-size: 12px; | ||
+ | font-weight: 800; | ||
+ | color:#fff !important; | ||
+ | padding:4px 15px; | ||
+ | border-radius: 80px; | ||
+ | border: none; | ||
+ | position:fixed; | ||
+ | top:20px; | ||
+ | right:20px; | ||
+ | z-index:9999; | ||
+ | background: #04cdc1 url(../img/icon-fleur_blanche.svg) center center no-repeat; | ||
+ | background-size: 13px auto; | ||
+ | background-position: 11px 50%; | ||
+ | padding-left: 35px; | ||
+ | } | ||
+ | |||
+ | a.btn-contact:hover{ | ||
+ | background-color:#e8511e; | ||
+ | } | ||
+ | |||
+ | a.btn-phone{ | ||
+ | padding-left: 40px; | ||
+ | background: #e8511e url(../img/icon-tel.svg) top left no-repeat; | ||
+ | background-size: 26px auto; | ||
+ | background-position: 12px 4px; | ||
+ | } | ||
+ | |||
+ | .emp{ | ||
+ | padding-left: 25px; | ||
+ | background: url(../img/icon-tel-black.svg) top left no-repeat; | ||
+ | background-size: 18px aut; | ||
+ | background-position: 0 50%; | ||
+ | } | ||
+ | |||
+ | span.ml{ | ||
+ | font-family: 'Mulish', sans-serif; | ||
+ | padding-left: 20px; | ||
+ | background: url(../img/icon-mail.svg) top left no-repeat; | ||
+ | background-size: 18px aut; | ||
+ | background-position: 0 50%; | ||
+ | font-weight:800; | ||
+ | } | ||
+ | |||
+ | #hero a.btn{ | ||
+ | background:#fff; | ||
+ | color:#e8511e !important; | ||
+ | padding:6px 20px; | ||
+ | border-radius: 25px; | ||
+ | transition: all 150ms ease; | ||
+ | } | ||
+ | |||
+ | #hero a.btn:hover{ | ||
+ | background:#e8511e; | ||
+ | color:#fff !important; | ||
+ | transition: all 150ms ease; | ||
+ | } | ||
+ | |||
+ | #hero .logo_cm{ | ||
+ | z-index:9; | ||
+ | right:0; | ||
+ | bottom:60px; | ||
+ | } | ||
+ | |||
+ | .modal-body{ | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | input[type=checkbox], input[type=radio] { | ||
+ | margin-right: 1em; | ||
+ | } | ||
+ | |||
+ | .list-team img{ | ||
+ | margin-bottom:1em; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .title{ | ||
+ | padding-left: 35px; | ||
+ | background: url(../img/fleur-orange.svg) top left no-repeat; | ||
+ | background-size: 18px auto; | ||
+ | background-position: 0 4px; | ||
+ | } | ||
+ | |||
+ | .alt .title{ | ||
+ | background: url(../img/icon-fleur_blanche.svg) top left no-repeat; | ||
+ | background-size: 18px auto; | ||
+ | background-position: 0 50%; | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | font-size: 73px; | ||
+ | font-weight:800; | ||
+ | } | ||
+ | |||
+ | h1 small{ | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
+ | h2.title{ | ||
+ | background-position: 0 50%; | ||
+ | } | ||
+ | |||
+ | h3.title{ | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | |||
+ | .container-fluid{ | ||
+ | padding-top:100px; | ||
+ | padding-bottom:100px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | header.container-fluid{ | ||
+ | padding-top:0px; | ||
+ | padding-bottom:0px; | ||
+ | position:absolute; | ||
+ | z-index:9; | ||
+ | } | ||
+ | |||
+ | header .navbar-brand{ | ||
+ | margin-right: 0rem; | ||
+ | } | ||
+ | |||
+ | header .navbar-brand img{ | ||
+ | width:53px; | ||
+ | } | ||
+ | |||
+ | #hero{ | ||
+ | background: url(../img/bg-hero.png) center center no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | .nom-operation{ | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | text-transform:uppercase; | ||
+ | color:#fff; | ||
+ | font-size: 18px; | ||
+ | font-family: 'Mulish', sans-serif; | ||
+ | } | ||
+ | |||
+ | .nom-operation:after{ | ||
+ | content:""; | ||
+ | display:block; | ||
+ | width: 18px; | ||
+ | height: 15px; | ||
+ | position:absolute; | ||
+ | left:-32.5px; | ||
+ | top:0; | ||
+ | background: url(../img/icon-fleur_blanche.svg) center center no-repeat; | ||
+ | background-size: 18px auto; | ||
+ | } | ||
+ | |||
+ | .operation a{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | .operation a:hover{ | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | .custom-switch{ | ||
+ | margin-right:1.5em; | ||
+ | } | ||
+ | |||
+ | .custom-switch .custom-switch-input + .custom-switch-btn:after { | ||
+ | left: 2px; | ||
+ | top: -2px; | ||
+ | left:0; | ||
+ | border-radius: 50%; | ||
+ | background: white; | ||
+ | border: solid 2px #04cdc1; | ||
+ | transition: all 150ms ease; | ||
+ | } | ||
+ | |||
+ | .custom-switch-xs .custom-switch-input + .custom-switch-btn{ | ||
+ | border: solid 2px #04cdc1; | ||
+ | } | ||
+ | |||
+ | .custom-switch .custom-switch-input[disabled] + .custom-switch-btn, | ||
+ | .custom-switch .custom-switch-input + .custom-switch-btn{ | ||
+ | background: #cdf6f0; | ||
+ | } | ||
+ | |||
+ | .custom-switch .custom-switch-input[disabled]:checked + .custom-switch-btn, | ||
+ | .custom-switch .custom-switch-input:checked + .custom-switch-btn{ | ||
+ | background: #04cdc1; | ||
+ | } | ||
+ | |||
+ | .jumbotron{ | ||
+ | background:transparent; | ||
+ | padding:1em; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .jumbotron:before{ | ||
+ | width:1px; | ||
+ | height:100%; | ||
+ | content:""; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | left:-10px; | ||
+ | top:0; | ||
+ | background:#fff; | ||
+ | } | ||
+ | |||
+ | .jumbotron p{ | ||
+ | color: #ffb883; | ||
+ | } | ||
+ | |||
+ | .jumbotron p em{ | ||
+ | color:#fff; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | |||
+ | .alt *{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | .light-pink{ | ||
+ | background-color: #ffddcc; | ||
+ | } | ||
+ | |||
+ | .light-blue{ | ||
+ | background-color: #cdf6f0; | ||
+ | padding-top:60px; | ||
+ | padding-bottom:60px; | ||
+ | } | ||
+ | |||
+ | .orange{ | ||
+ | background-color: #e8511e; | ||
+ | } | ||
+ | |||
+ | .map{ | ||
+ | margin-top:-180px; | ||
+ | } | ||
+ | |||
+ | footer .logo-single img{ | ||
+ | max-width:58px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | footer a{ | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | footer .emp{ | ||
+ | font-size:14px; | ||
+ | } | ||
+ | |||
+ | footer p{ | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | footer strong{ | ||
+ | font-size: 20px !important; | ||
+ | } | ||
+ | |||
+ | #comment{ | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #question:before, | ||
+ | #question:after, | ||
+ | #comment:before, | ||
+ | #comment:after, | ||
+ | #galerie:after, | ||
+ | footer:before, | ||
+ | footer:after, | ||
+ | #accompagnement .form-container:before, | ||
+ | #accompagnement .form-container:after{ | ||
+ | content:""; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | z-index:9; | ||
+ | } | ||
+ | |||
+ | #question:before{ | ||
+ | width: 135px; | ||
+ | height: 290px; | ||
+ | right:0; | ||
+ | top:0; | ||
+ | z-index:-1; | ||
+ | background: url(../img/raisin_01.svg) top left no-repeat; | ||
+ | background-size: auto 100%; | ||
+ | } | ||
+ | |||
+ | #question:after{ | ||
+ | width: 223px; | ||
+ | height: 246px; | ||
+ | left:60px; | ||
+ | transform:translateY(30%); | ||
+ | -webkit-transform:translateY(30%); | ||
+ | bottom:0; | ||
+ | background: url(../img/fleurs_01.svg) top center no-repeat; | ||
+ | background-size: contain; | ||
+ | } | ||
+ | |||
+ | #galerie:after{ | ||
+ | width: 246.3px; | ||
+ | height: 197px; | ||
+ | bottom:60px; | ||
+ | left:40px; | ||
+ | background: url(../img/fleurs_02.svg) top center no-repeat; | ||
+ | background-size: contain; | ||
+ | } | ||
+ | |||
+ | #comment:before{ | ||
+ | width: 145px; | ||
+ | height: 257px; | ||
+ | left:0; | ||
+ | top:0; | ||
+ | transform:translateY(-30%); | ||
+ | -webkit-transform:translateY(-30%); | ||
+ | background: url(../img/feuille-fleur_03.svg) top right no-repeat; | ||
+ | background-size: auto 100%; | ||
+ | } | ||
+ | |||
+ | #comment:after{ | ||
+ | width: 139px; | ||
+ | height: 290px; | ||
+ | right:0; | ||
+ | transform:translateY(30%); | ||
+ | -webkit-transform:translateY(30%); | ||
+ | bottom:0; | ||
+ | background: url(../img/feuilles-raisins_01.svg) top left no-repeat; | ||
+ | background-size: auto 100%; | ||
+ | } | ||
+ | |||
+ | #accompagnement .form-container:before{ | ||
+ | width: 231px; | ||
+ | height: 283px; | ||
+ | right:-15px; | ||
+ | transform:translate(-160%, -30%); | ||
+ | -webkit-transform: translate(-160%, -30%); | ||
+ | top:0; | ||
+ | z-index:-1; | ||
+ | background: url(../img/feuilles_01.svg) top center no-repeat; | ||
+ | background-size: contain; | ||
+ | } | ||
+ | |||
+ | #accompagnement .form-container:after{ | ||
+ | width: 252px; | ||
+ | height: 280px; | ||
+ | left:60px; | ||
+ | transform:translate(100%, 10%); | ||
+ | -webkit-transform: translate(100%, 10%); | ||
+ | bottom:0; | ||
+ | z-index:-1; | ||
+ | background: url(../img/feuilles_02.svg) top center no-repeat; | ||
+ | background-size: contain; | ||
+ | } | ||
+ | |||
+ | |||
+ | footer:before{ | ||
+ | width: 114px; | ||
+ | height: 290px; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | transform: translate(35%, 10%); | ||
+ | -webkit-transform: translate(0%, -45%); | ||
+ | background: url(../img/feuilles-raisins-02.svg) top right no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | footer:after{ | ||
+ | width: 113px; | ||
+ | height: 290px; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | transform:translate(0%, -45%); | ||
+ | -webkit-transform:translate(0%, -45%); | ||
+ | bottom:0; | ||
+ | background: url(../img/feuilles-raisins_03.svg) top left no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #nav-main{ | ||
+ | opacity:0; | ||
+ | display:none !important; | ||
+ | } | ||
+ | |||
+ | #nav-main:before{ | ||
+ | width:1px; | ||
+ | height:100%; | ||
+ | background:#000; | ||
+ | content:""; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | left:9px; | ||
+ | top:0; | ||
+ | } | ||
+ | |||
+ | #nav-main{ | ||
+ | width: 210px !important; | ||
+ | position:fixed !important; | ||
+ | z-index:999 !important; | ||
+ | left:20px !important; | ||
+ | top:50% !important; | ||
+ | padding-top:30px !important; | ||
+ | padding-bottom:30px !important; | ||
+ | -webkit-transform:translateY(-50%) !important; | ||
+ | transform:translateY(-50%) !important; | ||
+ | overflow:visible !important; | ||
+ | } | ||
+ | |||
+ | .nav-main .list-group-item{ | ||
+ | background:transparent; | ||
+ | border:none; | ||
+ | margin:10px 0; | ||
+ | } | ||
+ | |||
+ | .nav-main ul{ | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .nav-main a{ | ||
+ | font-weight:bold; | ||
+ | font-size:12px; | ||
+ | color:#000; | ||
+ | text-transform:none; | ||
+ | } | ||
+ | |||
+ | .nav-main a:before{ | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | left: -10px; | ||
+ | top: 16px; | ||
+ | display: block; | ||
+ | width: 18px; | ||
+ | height: 15px; | ||
+ | background: url(../img/fleur-orange.svg) top left no-repeat; | ||
+ | background-size: contain; | ||
+ | } | ||
+ | |||
+ | #nav-main a:hover{ | ||
+ | text-decoration:none !important; | ||
+ | } | ||
+ | |||
+ | #nav-main .midnightHeader.white a.active:before, | ||
+ | .nav-main a.active:before{ | ||
+ | background: url(../img/fleur-verte.svg) top left no-repeat !important; | ||
+ | background-size: contain !important; | ||
+ | } | ||
+ | |||
+ | #nav-main .midnightHeader.white a:before{ | ||
+ | background: url(../img/icon-fleur_blanche.svg) top left no-repeat; | ||
+ | background-size: contain; | ||
+ | } | ||
+ | |||
+ | #nav-main .midnightHeader.white a{ | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (max-width: 1150px){ | ||
+ | footer .logo-single img{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #nav-main{ | ||
+ | display:none !important; | ||
+ | } | ||
+ | |||
+ | #accompagnement{ | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | #accompagnement .col-6{ | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | .map{ | ||
+ | margin-top:auto; | ||
+ | } | ||
+ | |||
+ | #comment{ | ||
+ | padding-top:120px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-toggler{ | ||
+ | display:none !important; | ||
+ | } | ||
+ | |||
+ | h3 i.sm{ | ||
+ | font-size:15px; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 1350px){ | ||
+ | #accompagnement .form-container:after { | ||
+ | left: auto; | ||
+ | right: 0; | ||
+ | transform: translate(20%, 10%); | ||
+ | -webkit-transform: translate(20%, 10%); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 980px){ | ||
+ | |||
+ | #accompagnement .form-container:before{ | ||
+ | transform: translate(-80%, -30%); | ||
+ | -webkit-transform: translate(-80%, -30%); | ||
+ | } | ||
+ | |||
+ | .navbar{ | ||
+ | justify-content: flex-start; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 768px){ | ||
+ | |||
+ | |||
+ | h1 { | ||
+ | font-size: 43px; | ||
+ | } | ||
+ | |||
+ | #accompagnement .form-container:before { | ||
+ | transform: translate(-160%, -10%); | ||
+ | -webkit-transform: translate(-160%, -10%); | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media (max-width: 680px){ | ||
+ | |||
+ | |||
+ | #comment:after, | ||
+ | #question:before{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #galerie:after{ | ||
+ | z-index:-1; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | /* | ||
+ | @media (min-width: 1320px){ | ||
+ | .container { | ||
+ | max-width: 1280px; | ||
+ | } | ||
+ | }*/ | ||
+ | }} | ||
+ | |||
+ | |||
{{#tag:html| | {{#tag:html| | ||
Version du 4 février 2021 à 19:37
{{#tag:html|
LA BONNE IDÉE
Et si je me faisais construire
la maison de mes rêves
dans un jardin ?
N’attendez plus, contactez-nous !
Opération BIMBY
Un service proposé par
la Communauté urbaine Creusot-Montceau
& assuré par
le LIV, laboratoire R&D de Villes Vivantes
Durée de l’opération
De avril 2019 à avril 2022
L’objectif ?
Produire une offre de terrains à bâtir sans étalement urbain
et accompagner gratuitement les particuliers dans des projets de
logements sur-mesure, réalisés par des professionnels locaux
Puis-je construire une deuxième maison dans mon jardin ?
Dans un autre jardin ?
Quelles sont les démarches à entreprendre ?
Un accompagnement
gratuit
Les superurbanistes de l’équipe du LIV
répondent à vos questions,
proposent leurs idées,
modélisent votre projet en 3D
& vous accompagnent dans vos démarches
Du lundi au samedi, de 9h à 19h
Bertho
Lemperiere
Daymier
Bennani-Smires
Alfonso
0 805 38 38 94
(appel gratuit)
Comment ça marche ?
C’est vous qui décidez !
Si vous décidez de vous lancer dans un projet immobilier, la Communauté urbaine Creusot-Montceau met à votre disposition* une assistance technique et gratuite, indépendante et sans engagement, celle des superurbanistes du LIV.
Notre rôle ?
Vous accompagner dans votre projet
étape par étape
jusqu'à sa réalisation !
C'est fou tout ce qu'on peut faire dans un jardin !
Aller plus loin
Les vidéos du LOV /
Nos bons conseils, nos bonnes pratiques.