CUCM : Différence entre versions

De LIV
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|

Et si je me faisais construire la maison de mes rêves dans un jardin ?

Je suis interessé !

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

Bérénice
Bertho
Paul
Lemperiere
Léa
Daymier
Ghita
Bennani-Smires
Maxime
Alfonso

0 805 38 38 94
(appel gratuit)

Je suis intéressé.e

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.

Le confort avec un grand C

Les autorisations d'urbanisme, un jeu d'enfant !

Un.e voisin.e dans mon jardin ?

Un terrain, plus c’est petit, plus c’est sexy !

Votre jardin : mille et une opportunités !

Une solution pour rénover ma maison ?

Faire entrer la lumière !

Mon jardin, ma cour, mon éden !

Ce que votre jardin a à vous offrir !