@-webkit-keyframes shake1 {
    0%, 100% {-webkit-transform: scale(1); /* translateX(0);*/}
    25% {-webkit-transform: scale(1.2); /* translateX(-10px);*/}
    75% {-webkit-transform: scale(0.8); /* translateX(10px); */ }
    /* 0%, 100% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.2);} */
}
@keyframes shake1 {
    0%, 100% {transform: scale(1); /* translateX(0); */}
    25% {transform: scale(0.8); /* translateX(-10px); */}
    75% {transform: scale(1.2); /* translateX(10px); */}
    /* 0%, 100% {transform: scale(1);}
    50% {transform: scale(1.2);} */
}

/****** Animations ******/
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: scale(1); /* translateX(0);*/}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: scale(1); /* translateX(-10px);*/}
    20%, 40%, 60%, 80% {-webkit-transform: scale(1); /* translateX(10px); */ }
    /* 0%, 100% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.2);} */
}
@keyframes shake {
    0%, 100% {transform: scale(1); /* translateX(0); */}
    10%, 30%, 50%, 70%, 90% {transform: scale(1.2); /* translateX(-10px); */}
    20%, 40%, 60%, 80% {transform: scale(0.8); /* translateX(10px); */}
    /* 0%, 100% {transform: scale(1);}
    50% {transform: scale(1.2);} */
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -ms-animation:shake .7s; 
    -webkit-animation:shake .7s; 
    -moz-animation:shake .7s; 
    animation:shake .7s;
}


html,body { width:100%; height:100%; padding:0px; margin:0px; }
h1,h2,h3,h4,h5,h6,p,form,ul,li { padding:0px; margin:0px; }
* { outline:none !important; }

.p-0 { padding:0px; }
.m-0 { margin:0px; }
.desktop {  }
.mobile { display:block; }

.columns { display:flex; list-style-type:none; }
.columns > .column { position:relative; flex:1; }
.columns > li { flex:1; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

.lightbox .lb-number { display:none !important; }
.lightbox .lb-closeContainer { position:fixed; top:0px; right:0px; }
.lightbox .lb-close { width:40px; height:40px; background-color:#000; background-position:center center; }
.lightbox .lb-image { border-radius:0px; border:solid 10px #fff; }

#error-message { font-family:Arial !important; font-size:16px; }

.image-container { position:relative; display:block; width:100%; }
.image-container span { /* position:absolute; left:0px; bottom:0px; right:0px; */ display:block; height:20px; line-height:20px; font-size:12px; color:#000; }


/****** // ******/

body {
	min-width: 320px;
	background: white;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px;
	background: #f6f3ee;
	padding-top: 85px;
}


.linkPage{ text-decoration:none;color:#ffffff; }

.container { width:1360px; max-width:100%; min-width:320px; }
.container > .columns { /* margin-left:-15px; margin-right:-15px; */ }
.container > .columns > .column { padding:0px 15px; box-sizing:content-box; }


/***** Buttons ******/
.btn { display:inline-block; height:36px; line-height:36px; padding:0px 20px; background:#fff; border:solid 1px #888; border-radius:0px; font-size:22px; text-transform:uppercase; color:#333; text-decoration:none;  }
.btn.btn-pink { border:solid 1px #DC408C; }
.btn-form { position:relative; display:inline-block; height:40px; line-height:40px; width:280px; text-align:center; background:#fff; border:solid 2px #333; color:#000 !important; text-decoration:none !important; }
.btn-form:after { content:" "; position:absolute; left:-18px; top:-12px; width:31px; height:42px; background:transparent url('../img/picto-enveloppe.png') no-repeat; }
.btn-acteur { position:relative; display:inline-block; height:40px; line-height:40px; width:280px; text-align:center; background:#fff; border:solid 2px #97c218; color:#000 !important; text-decoration:none !important; }
.btn-acteur:after { content:" "; position:absolute; left:-12px; top:-16px; width:21px; height:48px; background:transparent url('../img/picto-smartphone.png') no-repeat; }


/****** Navbar: top ******/
#navbar-top { position:fixed; left:0px; top:0px; right:0px; height:70px; background:#fff; z-index:11; margin:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius:0px !important; }
#navbar-top > .container { padding:0px; }
#navbar-top .navbar-header { height:70px; line-height:70px; overflow:hidden; }
#navbar-top .navbar-header a { display:inline-block; vertical-align:middle; }
#navbar-top .navbar-nav { float:none; }
#navbar-top .navbar-nav>li>a { height:70px; line-height:70px; padding:0px 20px; font-family:'BNPP Sans Condensed', sans-serif; font-size:20px; }
#navbar-top .columns > .column { height:70px; line-height:70px; vertical-align:middle; }
#navbar-top .columns > .column.navb-logo { max-width:100px; }
#navbar-top .columns > .column.navb-logo a { display:inline-block; vertical-align:middle; margin-top:-5px; }
#navbar-top .columns > .column:last-child { text-align:right; }
#navbar-top ul.partenaires { list-style-type:none; display:inline-block; white-space:nowrap; }
#navbar-top ul.partenaires > li { display:inline-block; height:70px; line-height:70px; vertical-align:top; }
#navbar-top ul.partenaires > li > img { display:inline-block; }
#navbar-top ul.partenaires > li > a { display:inline-block; vertical-align:middle; border-left:solid 1px #ddd; }
#navbar-top ul.partenaires > li:first-child > a { border-left:none; }

#navbar-top .icon-menu { display:inline-block; width:50px; height:50px; line-height:50px; border:solid 1px #000; text-align:center; font-size:7vw; color:#000; float:right; margin-top:10px; text-decoration:none; }
#menu-mobile { position:fixed; left:0px; right:0px; top:70px; background:#fff; transition:all 0.5s ease; left:100%; }
#menu-mobile.open { left:0px; }
#menu-mobile ul { list-style-type:none; padding:0px; }
#menu-mobile ul > li { border-top:solid 1px #ccc; }
#menu-mobile ul > li a { font-family:'BNPP Sans Condensed', sans-serif; font-size:24px; height:50px; line-height:50px; padding:0px 20px; color:#000; text-decoration:none; white-space:nowrap; display:block; }


/****** Header: slider ******/
header { margin-bottom:30px; }
header > .container { /* padding:0px; */ }
header .img-responsive { display:inline-block; max-width:100%; max-height:100%; }
header .baseline { font-family:'BNPP Sans Condensed', sans-serif; font-weight:bold; font-size:1.3vw; /* 21px; */ color:#a40356; display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase; }
header .baseline strong { font-weight:bold; }
header #slider-header { position:relative; height:0px; padding-bottom:57%; }
header #slider-header > .carousel-inner { position:absolute; width:100%; height:100%; }
header #slider-header > .carousel-inner > .item { position:absolute; left:0px; top:0px; width:100%; height:100%; background-repat:no-repeat !important; background-size:cover !important; background-position:center center !important; }
.carousel .slider-ui { position:absolute; right:0px; bottom:0px; list-style-type:none; z-index:2; }
.carousel .slider-ui li { display:inline; float:left; border-right:solid 1px #eee; }
.carousel .slider-ui li:last-child { border-right:none; }
.carousel .slider-ui .slider-control { display:block; width:60px; height:60px; line-height:60px; text-align:center; background:rgba(0,0,0,0.7); color:#fff; font-size:24px; text-decoration:none; }


/****** Main page ******/
main { background:#f6f3ee; }
main > section { position:relative; overflow:hidden; margin-bottom:40px; }
main > section h1 { position:relative; font-family:'BNPP Sans Condensed', sans-serif; font-size:60px; text-transform:uppercase; font-weight:bold; margin-bottom:20px; }
main > section h1 span { display:inline-block; background-color:#fff; color:#000; height:1.15em; padding:9px 10px; /* font-size:60px; */ }
main > section h1 span.small, main > section h1 span.lt {  padding:4px 10px; font-size:40px; font-weight:200; }
main > section h2 { font-family:'BNPP Sans Condensed', sans-serif; }
main > section h2 span { display:inline-block; background-color:#fff; color:#000; height:1.15em; padding:9px 10px; }
main > section .more { display:none; }
main > section.show-more .more { display:block; }
main > section .btn-more { position:relative; display:inline-block; width:50px; height:50px; line-height:50px; background:transparent; text-align:center; font-size:30px !important; font-weight:bold; color:#000; border:solid 2px #000; text-decoration:none; }
main > section .btn-more:after { content:"+"; position:absolute; left:0px; top:0px; width:48px; height:48px; line-height:48px; text-align:center; }
main > section.show-more .btn-more:after { content:"-"; }
main > section img.perspective { width:100%; height:auto; }
ul.baseline { font-family:'BNPP Sans Condensed', sans-serif; font-size:40px; list-style-type:none; }
ul.baseline strong { display:inline-block; background:#fff; padding:0px 10px; font-size:77px; height:90px; }
ul.baseline span { display:inline-block; background:#fff; padding:0px 8px; height:42px; }
ul.baseline > li:nth-child(1) span { margin-left:-10px; }
ul.baseline > li:nth-child(2) { margin-left:56px; margin-top:-11px; }
ul.baseline > li:nth-child(3) { margin-left:84px; margin-top:-15px; }

ul.subtitle { list-style-type:none; }


/****** Section: Edito ******/
section#edito { mine-height:400px;  }
section#edito .baseline { position:absolute; left:21%; top:50px; z-index:2; }
section#edito .logo-programme { margin-top:50%; }
section#edito h1:before { content:" "; position:absolute; left:-20px; top:-20px; width:20px; height:20px; background:#dd3e91; }
section#edito p { font-family:'Roboto'; font-size:18px; margin-bottom:25px; text-align:justify; }
section#edito .btn-form { display:block; float:right; margin-top:10%; border-color:#FB760B; }


/****** Section: Evenement ******/
section#evenement { padding-left:100px; }
section#evenement .baseline { position:absolute; left:0px; top:50px; z-index:2; }
section#evenement .baseline span { height:50px; padding:0px 12px; font-weight:bold; }
section#evenement .baseline > li.hidden-xs:nth-child(2) { margin-left:100px; }
section#evenement .columns > .column:first-child { /* padding-left:85px; */ }
section#evenement h4 { font-family:'BNPP Sans Condensed', sans-serif; /* margin-left:100px; */ margin-bottom:25px; font-weight:bold; font-size:30px; margin-top:40%; }
section#evenement p { /* margin-left:100px; */ }
section#evenement h1 { margin-bottom:-0.5%; }
section#evenement h1.right { float:right; color:#1e9592; line-height:1em; }
section#evenement h1.right > span { color:#1e9592 !important; }
section#evenement h1.right > span.lt { height:1.4em; }

section#evenement .evenement-annonce h1 { position:absolute; left:0px; top:5%; z-index:2; font-size:77px; }
section#evenement .evenement-annonce h1 span { display:inline; padding:9px 0px; /* font-size:77px; */ }
section#evenement .evenement-annonce h1 span:first-child { padding-left:10px; }
section#evenement .evenement-annonce h1 span:last-child { padding-right:10px; }
section#evenement .evenement-annonce h2 { position:absolute; left:100px; top:14%; z-index:2; font-weight:bold; font-size:48px; overflow:hidden; }
section#evenement .evenement-annonce h2 span { display:inline; padding:9px 0px; height:1em; overflow:hidden; }
section#evenement .evenement-annonce h2 span:first-child { padding-left:10px; }
section#evenement .evenement-annonce h2 span:last-child { padding-right:10px; }
section#evenement .evenement-annonce .image-container { display:inline-block; width:50%; float:right; }
section#evenement .evenement-annonce .text-container { display:inline-block; width:50%; padding-right:15px; }
section#evenement .evenement-annonce p { text-align:justify; }
section#evenement ul.subtitle { display:inline-block; width:100%; font-family:'BNPP Sans Condensed', sans-serif; font-weight:bold; text-align:right; list-style-type:none; }
section#evenement ul.subtitle li { }
section#evenement ul.subtitle li span { display:inline-block; background-color:#fff; color:#000; font-size:48px; height:1.3em; padding:9px 10px; }


.programme-evenement { display:block; width:70%; margin-left:10%; background:#fff url('../img/picto-fleur1.png') no-repeat; background-position:45% 75%; overflow:hidden; padding:40px 60px 60px 60px; }
.programme-evenement strong { font-family:'BNPP Sans Condensed', sans-serif; font-weight:800; font-size:36px; text-transform:uppercase; }
.programme-evenement p { font-family:'Roboto'; font-weight:200; font-size:20px; margin-bottom:30px; }
.programme-evenement p:last-child { margin-bottom:0px; }
.programme-evenement > .columns > .column:first-child { padding-right:30px; }
.programme-evenement > .columns > .column:last-child { padding-left:30px; }


/****** Section: Quartier ******/
section#quartier { }
section#quartier .h-titre { position:absolute; left:0px; top:0px; z-index:2; }
section#quartier h1 span:nth-child(3) { margin-top:-2%; margin-left:7%; }
section#quartier .article { position:relative; margin-left:20%; margin-right:20%; }
section#quartier .article:before { content:" "; position:absolute; left:-17%; top:2%; width:88px; height:80px; background:transparent url('../img/picto-mecs.png') no-repeat; }
section#quartier .article p { font-family:'Roboto'; font-size:18px; margin-bottom:25px; text-align:justify; }
section#quartier .article .buttons { text-align:right; }
section#quartier .article .btn-form { border-color:#1e9592; }
section#quartier .article .btn-form:hover { background:#1e9592; color:#fff !important; }
.chiffres { list-style-type:none; padding:0px; margin-left:5%; margin-right:5%; background:transparent url('../img/carres-soleil.png') no-repeat; background-position:97% 10%; }
.chiffres h1 { margin-left:15px; }
/* ul.chiffres > li { display:inline-block; width:20%; padding:15px; }
ul.chiffres > li > .panneau { display:block; width:100%; height:0px; padding-bottom:100%; background:#fff; font-family:'Roboto'; font-weight:800; font-size:20px; color:#000; text-align:center; }
ul.chiffres > li > .panneau strong { font-family:'BNPP Sans Condensed'; font-size:80px; display:block; height:90px; }
ul.chiffres > li > .panneau:nth-child(even) { margin-top:30px; } */
.chiffres > .columns > .column { width:20%; padding-left:15px; padding-right:15px; }
.chiffres > .columns > .column:nth-child(even) { padding-top:5%; }
.chiffres > .columns > .column:last-child { padding-top:15%; }
.chiffres .panneau { display:block; width:100%; height:0px; padding-bottom:100%; background:#fff; font-family:'Roboto'; font-weight:800; font-size:1.3vw; color:#000; text-align:center; margin-bottom:30px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); transition:all 0.3s ease; cursor:pointer; z-index:2; }
.chiffres .panneau.animated:hover { 
		-webkit-animation-name: shake1;
		animation-name: shake1;
		-ms-animation:shake1 .7s; 
		-webkit-animation:shake1 .7s; 
		-moz-animation:shake1 .7s; 
		animation:shake1 .7s; }
.chiffres .panneau strong { font-family:'BNPP Sans Condensed'; font-size:6vw; display:inline-block; height:1.1em; margin-top:10%; width:100%; }
.chiffres .panneau strong sup { font-size:50%; }
.chiffres .panneau.surface strong { font-size:4vw; }
.chiffres .panneau span { display:inline-block; line-height:1em; color:#000 !important; }
.chiffres .panneau a { display:inline-block; font-weight:normal; text-decoration:underline; font-size:1vw; margin-top:5px; }
.chiffres .panneau .btn-form { width:auto; padding:0px 15px 0px 25px; font-size:15px; }
.plan-quartier { /* background:transparent url('../img/plan-quartier.png') no-repeat; background-position:0px -25%; */  }
.plan-quartier h1 { margin-bottom:0px; z-index:2; }
#plan-quartier { display:block; /* float:right; */ width:100%; height:0px; padding-bottom:150%; background:transparent url('../img/plan-quartier.new.png') no-repeat; background-position:center center; background-overflow: visible; margin-left:15%; margin-top:-10%; background-size:130% auto; }
#legende-quartier { width:65%; /* 340px; */ list-style-type:none; padding:40px; background:#fff; float:right; margin-right:15%; margin-top:-7px; overflow:hidden; }
#legende-quartier > li { height:40px; line-height:40px; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis; white-space:nowrap; font-size:1.15vw; }
#legende-quartier > li:last-child { margin-bottom:0px; }
#legende-quartier > li > span { display:inline; float:left; width:40px; height:40px; background:#ccc; border:solid 1px #777; margin-right:15px; box-shadow:0px 0px 6px rgba(0,0,0,0.2); }

.chiffres ul.subtitle { display:inline-block; width:100%; font-family:'BNPP Sans Condensed', sans-serif; font-weight:bold; text-align:right; list-style-type:none; }
.chiffres ul.subtitle li { }
.chiffres ul.subtitle li span { display:inline-block; background-color:#fff; color:#000; font-size:48px; height:1.3em; padding:9px 10px; }

#dates-clefs {}
#dates-clefs h1 { text-align:left; margin-top:10%; }
#dates-clefs h1 span.lt { display:table; margin-top:-10px; }
#dates-clefs h1 span:nth-child(3) { margin-top:-2% !important; margin-left:16% !important; }
#dates-clefs.columns > .column { max-width:40%; /* 30%; */ text-align:right; box-sizing:border-box; padding-left:0px; padding-right:0px; }
#dates-clefs.columns > .column:first-child { max-width:50%; text-align:right; padding-left:15px; }
#dates-clefs.columns > .column:first-child .perspective { margin-bottom:40px; }
#dates-clefs.columns > .column:last-child { max-width:10%; /* 20%; */ padding-right:15px; }

#dates-clefs ul.subtitle { display:inline-block; width:100%; font-family:'BNPP Sans Condensed', sans-serif; font-weight:normal; text-align:left; }
#dates-clefs ul.subtitle li { }
#dates-clefs ul.subtitle li span { display:inline-block; background-color:#fff; color:#000; font-size:48px; height:1.3em; padding:9px 10px; }
#dates-clefs ul.subtitle li span strong { font-weight:bold; }

ul.dates { list-style-type:none; padding:0px; }
ul.dates > li { display:block; margin-bottom:20px; font-family:'Roboto'; font-size:20px; }
ul.dates > li .date { display:block; font-family:'BNPP Sans Condensed'; font-weight:800; font-size:40px; height:40px; color:#36bbce; }
ul.dates > li .mini { font-size:14px; line-height:1em; }
#quartier-avenir ul.dates { margin-left:18%; } 
#quartier-avenir > .column.dates { max-width:40%; }
#quartier-avenir h1 span:nth-child(3) { margin-top:-2% !important; margin-left:18% !important; }
#quartier-avenir { direction:rtl; }
#quartier-avenir > .column { direction:ltr !important; }


/****** Section: Acteurs ******/
section#acteurs { }
section#acteurs h1 { position:absolute; top:15%; right:50%; z-index:2; font-size:95px; }
section#acteurs h1 span { font-size:95px; }
section#acteurs h1 span.lt { margin-left:-30%; font-size:60px; padding:6px 10px; height:1.25em; }
section#acteurs h1 span:nth-child(3) { margin-top:-3%; }
section#acteurs #acteurs-showroom { padding-right:6%; }
section#acteurs .acteurs-list { position:absolute; top:25%; right:0px; text-align:left; float:right; width:45%; }
section#acteurs .acteurs-list li { display:block; height:70px; line-height:70px; margin-bottom:40px; background:#fff; box-shadow:0px 0px rgba(0,0,0, 0.2); padding-left:20px; margin-left:100px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); transition:all 0.4s ease; }
section#acteurs .acteurs-list li .logo-acteur { display:inline-block; vertical-align:middle; }
section#acteurs .acteurs-list li:hover { margin-left:0px; cursor:pointer; }
section#acteurs .acteurs-list li > a { display:block; }


/****** Section: Localisation ******/
section#localisation { padding-top:210px; /* 90px; */ margin-top:0px; /* 100px; */ background:transparent url('../img/picto-velo.png') no-repeat; background-position:90% 5%;  }
section#localisation .map-container { display:block; width:100%; height:0px; padding-bottom:50%; background:#ccc; }
section#localisation h1 { position:absolute; top:0px; left:100px; font-size:90px; z-index:2; height:90px; overflow:hidden; }
section#localisation h1:before { content:" "; position:absolute; left:0px; top:0px; }
section#localisation .h-titre { position:absolute; left:10%; top:4%; z-index:2; }


/****** Footer ******/
footer { background:#fff; font-size:13px; padding:40px 80px; }
footer .columns > .column { text-align:left; }
footer .columns > .column:first-child { text-align:left; max-width:181px; }
footer .columns > .column:last-child { text-align:right; }
ul.footer-links { list-style-type:none; display:inline-block; position:absolute; left:0px; bottom:10px; }
ul.footer-links > li { display:inline-block; margin-right:10px; }
ul.footer-links > li a { text-decoration:underline; font-size:16px; color:#666; }
footer .btn-form { position:absolute; right:0px; bottom:50%; border-color:#36bbce; font-size:20px; font-weight:bold; }


/****** Modal: common ******/
.modal-backdrop { z-index:540; }
.modal { z-index:550; }
.modal > .modal-dialog { width:80%; height:auto; margin:5% auto 0px auto; }
.modal > .modal-dialog > .modal-content { height:100%; display:flex; flex-direction:column; }
.modal > .modal-dialog > .modal-content > .modal-header { position:relative; flex:1; max-height:60px; height:60px; line-height:60px; padding:0px 20px; box-shadow:0px 0px 10px #777; }
.modal > .modal-dialog > .modal-content > .modal-header .modal-title { height:60px; line-height:60px; font-family:'Roboto'; font-size:18px; color:#42145f; }
.modal > .modal-dialog > .modal-content > .modal-header .btn-close { position:absolute; right:-10px; top:-10px; width:40px; height:40px; line-height:40px; text-align:center; background:#42145f; color:#fff; opacity:1; }
.modal > .modal-dialog > .modal-content > .modal-body { flex:1; overflow-y:auto; font-size:14px; padding:40px; }
.modal-body h5 { font-family:'BNPP Sans Condensed', sans-serif !important; font-weight:bold; margin-bottom:15px; }
.modal-body p { margin-bottom:15px; }
.modal-body ul li { margin-bottom:15px; margin-left:20px; }
.modal > .modal-dialog .close { position:absolute; top:0px; right:0px; width:40px; height:40px; }
#mentions-legales h1 { font-family:'Roboto'; font-size:17px; margin-bottom:20px; }


/****** Modal: documentation ******/
.modal-dialog#documentation { position:relative; width:640px; max-width:100%; background:#fff; border:solid 2px #1e9592; /* position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; */ }
.modal-dialog#documentation .modal-content { border-radius:0px; padding:40px; overflow:hidden; overflow-y:auto; }
#documentation h5 { font-family: 'BNPP Sans Condensed', sans-serif !important; font-weight:bold; font-size:45px; text-transform:uppercase; color:#000; text-align:center; margin-bottom:30px; }
#documentation button.close { position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; background:#000; color:#fff; opacity:1; }
/*
#documentation .modal-header { border:none; box-shadow:none; padding:40px 40px 0px 40px; max-height:100px; }
#documentation .modal-title { font-family: 'BNPP Sans Condensed', sans-serif !important; font-weight:bold; font-size:45px; text-transform:uppercase; color:#000; text-align:center; }
#documentation .modal-body { padding:0px 40px 0px 40px; }
*/
#documentation form { max-width:400px; margin-left:auto; margin-right:auto; }
#documentation .form-group .control-label { display:none; }
#documentation .form-control { height:46px; line-height:46px; padding:0px 15px; background:#eee; border-radius:0px; }
#documentation .form-submit { text-align:center; }
#documentation .form-submit button { height:50px; line-height:50px; padding:0px 20px; font-size:22px; text-transform:uppercase; color:#000; font-weight:bold; background:#fff; border:solid 2px #000; margin-bottom:20px; }
#documentation .form-intro { font-family:'BNPP Sans Condensed', sans-serif !important; font-weight:200; font-size:25px; line-height:1.1em; text-align:center; }
#documentation p.mentions { font-family:'Roboto'; /* font-weight:200; */ font-size:10px; margin-bottom:20px; }
#documentation p.mentions.cnil { font-size:9px; text-align:justify; margin-bottom:0px; }
.form-group.error .form-control { border:solid 1px #ff0000; }
.form-group.error .checkbox-inline, .form-group.error .checkbox-inline label { color:#ff0000; }
#documentation .form-group#optin1 { font-size:12px; line-height:1.1em; }

section#en-savoir-plus #documentation { min-height:800px; }


section#mentions-legales h1 { position:relative; margin-top:20px; margin-left:10%; }
section#mentions-legales h1 span { font-size:30px; height:1.6em; }
section#mentions-legales h1:before { content:" "; position:absolute; left:-20px; top:-20px; width:20px; height:20px; background:#dd3e91; }
section#mentions-legales .article { display:block; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); margin-bottom:30px; padding:40px; font-size:14px; }
section#mentions-legales h4 { margin-bottom:20px; font-size:18px; font-weight:bold; }
section#mentions-legales p,
section#mentions-legales ul { margin-bottom:20px; }
section#mentions-legales ul > li { margin-left:20px; }
section#mentions-legales .columns > .column:last-child { text-align:right; }
section#mentions-legales .logo-bnp-paribas { display:inline-block; margin:20px 0px; }


@media (min-width: 1360px) {
		#legende-quartier > li { font-size:16px; }
		.chiffres .panneau { font-size:20px; }
		.chiffres .panneau a { font-size:20px; }
		.chiffres .panneau strong { font-size:80px; }
		.chiffres .panneau.surface strong { font-size:60px; }
}

@media (max-width: 768px) {
	
		header > .container { padding:0px; }
		#slider-header { padding-bottom:161.7% !important; }
		#slider-header > .carousel-inner > .item.evenement { background-image: url('../img/slide-evenement.mobile.jpg') !important; }
		#slider-header > .carousel-inner > .item.quartier { background-image: url('../img/slide-quartier.mobile.jpg') !important; }
		#slider-header > .carousel-inner > .item.concertation { background-image: url('../img/slide-concertation.mobile.jpg') !important; }
		
		main > section h1 span { margin-top:-5%; }
		main > section .btn-more { width:200px; }
		main > section .btn-more:after { width:200px; content:"EN SAVOIR +"; font-size:5vw; }
		main > section.show-more .btn-more:after { }
		
		section#edito .edito-perspective1 { padding-left:0px; padding-right:0px; }
		section#edito .buttons { margin-top:30px; text-align:right; }
		section#edito .btn-form { font-weight:bold; line-height:35px; }
		section#edito h1 { margin-top:15%; }
		section#edito h1:before { left:-15px; top:-25px; width:15px; height:15px; }
		
		ul.baseline strong { font-size:18vw; line-height:1em; height:18.3vw; }
		
		section#evenement { padding-left:0px; padding-right:0px; }
		section#evenement .baseline { position:relative; left:0px; top:0px; }
		section#evenement .evenement-annonce h1 { z-index:2; position:relative; font-size:15vw; }
		section#evenement .evenement-annonce h1 > span { display:inline-block; padding:9px 10px; }
		section#evenement .evenement-annonce h1 > span:nth-child(1) { margin-left:15%; }
		section#evenement .evenement-annonce h1 > span:nth-child(3) { float:right; }
		section#evenement .evenement-annonce h2 { position:relative; left:0px; top:0px; text-align:right; width:100%; }
		section#evenement .evenement-annonce h2 > span { display:inline-block; background:#fff; padding:5px 8px; font-size:5vw; }
		section#evenement .evenement-annonce h2 > span:nth-child(1) { margin-right:10%; }
		section#evenement .evenement-annonce .image-container { display:inline-block; overflow:hidden; margin-top:-15%; width:100%; }
		section#evenement .evenement-annonce .text-container { padding-right:0px; margin-bottom:40px; width:100%; }
		section#evenement h4 { margin:20px 0px 15px 0px; }
		
		
		section#evenement ul.subtitle { display:inline-block; width:100%; font-family:'BNPP Sans Condensed', sans-serif; font-weight:bold; text-align:left; list-style-type:none; }
		section#evenement ul.subtitle li { display:block; }
		section#evenement ul.subtitle li span { display:inline-block; background-color:#fff; color:#000; height:1.3em; padding:2px 10px; }
		
		section#evenement ul.subtitle.fete-printemps { position:relative; z-index:2; padding-top:15%; }
		section#evenement ul.subtitle.fete-printemps li span { font-weight:bold; font-size:15vw; height:1.15em; margin-top:-0.1em; margin-left:15px; }
		section#evenement ul.subtitle.fete-printemps li:first-child span { margin-left:15%; }
		section#evenement ul.subtitle.fete-printemps li:last-child { text-align:right; margin-left:0px; }
		section#evenement ul.subtitle.fete-printemps:before { content:" "; position:absolute; left:0px; top:0px; width:16px; height:16px; background:#98C11A; }
		section#evenement ul.subtitle.fete-printemps:after { content:" "; position:absolute; left:16px; top:32px; width:16px; height:16px; background:#FFDD15; }
		
		section#evenement ul.subtitle.ouverture-exceptionnelle { display:inline-block !important; margin-top:15px; text-align:right; }
		section#evenement ul.subtitle.ouverture-exceptionnelle li span { font-size:7.2vw; white-space:nowrap; padding:2px 10px; height:1.4em; }
		section#evenement ul.subtitle.ouverture-exceptionnelle li:first-child { margin-right:10%; }
		
		section#evenement ul.subtitle.blue { text-align:left; margin-top:10px; }
		section#evenement ul.subtitle.blue li span { font-size:8vw; margin-left:15px; color:#1e9592; text-transform:uppercase; }
		section#evenement ul.subtitle.blue li:first-child { margin-right:0px; }
		section#evenement ul.subtitle.blue li:first-child span { font-size:11vw; white-space:nowrap; }
		
		.programme-evenement { width:auto; margin:-2% 15px -3% 15px; padding:20px 30px; background-image:none; background-position:-15% 30%; }
		.programme-evenement .columns { display:block; }
		.programme-evenement .columns > .column { display:block; padding:0px !important; margin-bottom:20px; }
		.programme-evenement .columns > .column:last-child { margin-bottom:0px; }
		.programme-evenement p { margin-bottom:20px; font-size:4vw; }
		
		section#evenement h1.right { float:none; margin-left:15px; margin-top:0; }
		section#evenement h1.right span { font-size:10.5vw; }
		
		section#quartier { padding:0px; overflow:visible; }
		section#quartier h1 span { margin-top:-5%; margin-left:10%; }
		section#quartier .article { margin-left:0px; margin-right:0px; margin-bottom:30px; }
		section#quartier .article:before { background-image:none; }
		section#quartier h1 span.lt { margin-left:0px; }
		section#quartier h1 span:nth-child(3) { font-size:14vw; }
		
		.chiffres { margin-left:0px; margin-right:0px; }
		
		.chiffres { position:relative; padding-top:80%; background-position:100% 0px; overflow:visible; }
		.chiffres h1 { position:absolute; left:0px; top:5%; }
		.chiffres h1 br { display:none; }
		.chiffres h1 span { margin-left:0px !important; white-space:nowrap; font-size:12vw !important; padding:2px 10px !important; height:1em !important; }
		.chiffres h1 span.lt { font-size:8vw !important; }
		.chiffres h1 span:first-child { margin-left:10% !important; }
		.chiffres .panneaux.mobile { /* margin-top:46%; */ margin-bottom:10%; }
		.chiffres .panneaux.mobile .panneau { display:inline-block; width:46%; margin:0 2% 8% 1%; padding-bottom:46%; vertical-align:top; }
		.chiffres .panneaux.mobile .panneau:nth-child(even) { margin-top:-20%; margin-left:4%; margin-right:0; }
		.chiffres .panneau { position:relative; }
		.chiffres .panneau strong { font-size:16vw; }
		.chiffres .panneau.surface strong { font-size:12vw; }
		.chiffres .panneau span { font-size:4vw; margin-top:5%; }
		.chiffres .panneaux.mobile .panneau.animated span { margin-top:3%; }
		.chiffres .panneau .btn-form { /* display:none; */ position:absolute; left:0px; bottom:0px; right:0px; height:36px; line-height:34px; font-size:3.5vw; margin:0px; padding:0px 10px 0px 25px; }
		.chiffres .panneau .btn-form:after { left:-10px; }
		
		.chiffres ul.subtitle { display:inline-block !important; margin-top:15px; text-align:left; position:absolute; left:0px; top:5%; }
		.chiffres ul.subtitle li span { font-weight:normal; font-size:8vw; white-space:nowrap; padding:2px 10px; height:1.4em; background:#fff; }
		.chiffres ul.subtitle li span strong { font-weight:bold; }
		.chiffres ul.subtitle li:first-child span { margin-left:20%; }
		.chiffres ul.subtitle li:last-child span { font-weight:bold; font-size:13vw; padding:0px 10px; height:1.2em; margin-top:-0.1em; }
		
		h1.plan-bagneux { position:relative; }
		section#quartier h1.plan-bagneux span { margin-top:0px; margin-left:10%; font-size:13vw; }
		h1.plan-bagneux:before { content:" "; position:absolute; left:calc(10% - 15px); top:-15px; width:15px; height:15px; background:#D5063A; }
		#plan-quartier { margin-top:-25%; margin-left:0px; background-size:cover; background-size:160%; background-position:30% 50%; padding-bottom:180%; margin-top:-10%; }
		#legende-quartier { margin-right:0px; margin-top:-25%; width:100%; }
		#legende-quartier > li { font-size:3vw; }
		
		#dates-clefs { display:block; margin-top:50px; }
		#dates-clefs > .column { display:block; width:100%; max-width:100% !important; padding:0px !important; }
		ul.dates > li { font-size:4vw; }
		
		#dates-clefs ul.subtitle { margin-top:-20%; }
		#dates-clefs ul.subtitle li span { padding:2px 10px; }
		#dates-clefs ul.subtitle li:nth-child(1) { margin-left:8%; }
		#dates-clefs ul.subtitle li:nth-child(2) { margin-left:25%; }
		#dates-clefs ul.subtitle li:nth-child(2) span { font-weight:bold; font-size:8vw; height:1.4em; padding:2px 10px; margin-top:-0.2em; }
		
		#quartier-avenir { display:block; }
		#quartier-avenir > .column { display:block; width:100%; max-width:100% !important; padding:0px !important; }
		#quartier-avenir ul.dates { margin-left:0px; }
		
		section#localisation { /* margin-left:-15px; margin-right:-15px; */ background-position:90% -10%; }
		section#localisation .h-titre { left:-15%; top:75px; }
		section#localisation .map-container { /* width:calc(100% + 30px); */ padding-bottom:150%; }
		
		section#acteurs { padding-left:0px; padding-right:0px; }
		section#acteurs #acteurs-showroom { height:0px; padding-bottom:330%; /* 760px; */ background: transparent url('../img/illustration-acteurs.mobile.jpg') no-repeat; background-position: center center; background-size: 100% auto; }
		section#acteurs #acteurs-showroom img.perspective { display:none; }
		section#acteurs .acteurs-list li { margin-left:0px; } 
		section#acteurs h1 { left:0px; right:auto; top:15%;  }
		section#acteurs h1 span.lt { margin-left:0px; }
		section#acteurs h1 span:nth-child(3) { margin-left:30px; }
		section#acteurs .acteurs-list { top:40%; width:90%; }
		
		footer .container { padding:0px; }
		footer .columns { display:block; }
		footer .columns > .column { display:block; width:100%; max-width:100% !important; box-sizing:border-box !important; text-align:center !important; margin-bottom:20px; }
		footer .columns > .column:last-child { margin-top:20px; }
		footer .columns > .column a { display:inline-block; }
		ul.footer-links { display:block; position:relative; left:0px; bottom:0px; }
		ul.footer-links > li { display:block; padding:0px; }
		footer .btn-form { position:relative; right:0px; bottom:0px; }
		
		
		#documentation { position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; }	
		#documentation button.close { position:fixed; top:0px; right:0px; }
		
		section#en-savoir-plus { padding-left:0px; padding-right:0px; background-image:none !important; }
		section#en-savoir-plus .columns { display:block; }
		section#en-savoir-plus .columns > .column { display:block; width:100%; max-width:100% !important; padding:0px; }
		section#en-savoir-plus .columns > .column:first-child { display:none; }
		section#en-savoir-plus .logo-bnp-paribas { margin-left:auto; margin-right:auto; }
		section#en-savoir-plus #documentation { position:relative; padding:40px 20px; }
		#documentation .form-intro { margin-bottom:20px; }
		
		section#mentions-legales { padding-left:0px; padding-right:0px; }
		section#mentions-legales .columns { display:block; }
		section#mentions-legales .columns > .columns { display:block; width:100%; max-width:100% !important; text-align:center; }
		section#mentions-legales h1 span { font-size:6vw; }
		section#mentions-legales .logo-bnp-paribas { display:none; }
		section#mentions-legales .article { padding:20px; }
	
}




/****** 20190320 // Concertations ******/

section .section-row { position:relative; display:block; margin-bottom:40px; }

#concertations { background:transparent url('../img/pixels-ecureuil.png') no-repeat; background-position:11% 100%; font-family:'Roboto', sans-serif; font-weight:normal; font-size:20px; }
#concertations ul.dates { list-style-type:none; } 
#concertations ul.dates li { position:relative; display:block; margin-left:10%; margin-bottom:20px; font-family:'Roboto', sans-serif; font-size:20px; }
#concertations ul.dates li strong { color:#1e9592; font-weight:bold; text-transform:uppercase; /* margin-right:10px; */ }
#concertations ul.dates li span { color:#1e9592; font-weight:normal; margin-right:10px; }
#concertations ul.dates li:before { content:" "; position:absolute; left:-4%; top:6px; width:16px; height:16px; background:#1e9592; }

.title_big { display:inline-block; list-style-type:none; font-family:'BNPP Sans Condensed', sans-serif !important; font-weight:bold; }
.title_big > li { display:block; margin-top:-0.1em; }
.title_big > li span { display:inline-block; padding:0 0.2em; height:1.2em; background:#fff; color:#000; font-size:40px; white-space:nowrap; }
.title_big.black > li span { background:#000; color:#fff; }

#concertations-intro { padding-left:12.5%; }
#concertations-intro .title_big { position:absolute; left:4%; top:30%; }
#concertations-intro .title_big li { margin-top:-0.3em; }
#concertations-intro .title_big li span { font-size:60px; }
#concertations-intro .title_big li:nth-child(1) {  }
#concertations-intro .title_big li:nth-child(2) span { font-size:40px; margin-left:15%; }
#concertations-intro .title_big li:nth-child(4) span { margin-left:25%; }
#concertations-intro .perspective { width:100%; max-width:100%; margin-bottom:40px; margin-left:12.5%; }
#concertations-intro p { font-family:'Roboto'; font-size:20px;  margin-bottom:40px; }
#concertations-intro p strong { font-weight:800; }
#concertations-intro ul.dates { margin-bottom:40px; }
#concertations-intro p.mentions { font-size:12px; font-style:italic; }

#concertations-formulaire { }
#concertations-formulaire .title_big { margin-left:8%; margin-bottom:40px; }
#concertations-formulaire .title_big li span { font-size:60px; }
#concertations-formulaire .title_big li:nth-child(2) span { font-size:40px; margin-left:12%; }
#concertations-formulaire .title_big li:nth-child(3) span { margin-left:4%; }
#concertations-formulaire .formulaire { display:block; width:875px; max-width:100%; margin:auto; background:#fff; border:solid 1px #f1b618; padding:40px 80px; }
#concertations-formulaire .formulaire h5 { font-family:'BNPP Sans Condensed', sans-serif; font-weight:bold; text-align:center; font-size:30px; margin-bottom:20px; text-transform:uppercase; }
#concertations-formulaire .formulaire p.form-intro { font-family:'BNPP Sans Condensed', sans-serif; font-weight:200; text-align:center; font-size:20px; margin-bottom:30px; line-height:1.2em; }
#concertations-formulaire .formulaire .checkbox-inline label { font-size:12px; }
#concertations-formulaire .formulaire .form-group#optin1 { margin-left:10%; margin-right:10%; }
#concertations-formulaire .formulaire .form-submit { margin-bottom:20px; text-align:center; }
#concertations-formulaire .formulaire .mentions { display:block; overflow:hidden; width:100%; text-align:center; font-size:10px; margin-bottom:20px; }
#concertations-formulaire .formulaire .cnil { font-size:9px; text-align:justify; }
#concertations-formulaire .formulaire .btn-submit { width:200px; height:40px; line-height:34px; text-align:center; font-family:'Roboto'; font-size:20px; font-weight:bold; text-transform:uppercase; border:solid 2px #000; background:#fff; }
#concertations-formulaire .formulaire .form-group { display:inline; float:left; width:50%; padding:0px 0px 0px 15px; outline:none !important; }
#concertations-formulaire .formulaire .form-group.checkboxes,
#concertations-formulaire .formulaire .form-group#optin1 { display:block; width:80%; }
#concertations-formulaire .formulaire input.form-control { height:45px; line-height:45px; background:#eee; border:none; border-radius:0px; }
#concertations-formulaire .formulaire .form-group .control-label { display:none; }
#concertations-formulaire .formulaire .form-group.error .form-control { border:solid 1px #ff0000; }

#concertations-calendrier { padding-left:12.5%; }
#concertations-calendrier p { font-family:'Roboto'; font-size:20px;  margin-bottom:40px; }
#concertations-calendrier ul.dates { margin-left:20%; margin-right:30%; }
#concertations-calendrier ul.dates li:before { left:-32px; top:8px; width:16px; height:16px; }

@media (max-width: 768px) {
	
		section#concertations > .section-row { margin-left:-15px; margin-right:-15px; }
		#concertations { padding-bottom:30%; background-position:-20% 100%; overflow:visible; }
		#concertations ul.dates li { margin-left:10%; }
		#concertations ul.dates li:before { left:-10%; }
		
		#concertations-intro { padding-left:0px; padding-top:20px; }
		#concertations-intro .title_big { position:relative; left:0; top:0; margin-bottom:10%; }
		#concertations-intro .title_big li span { font-size:10vw; }
		#concertations-intro .title_big li:nth-child(2) span { font-size:8.5vw; }
		#concertations-intro .title_big li:nth-child(3) span { font-size:12vw; }
		#concertations-intro .title_big li:nth-child(4) span { margin-left:30%; font-size:8vw; }
		#concertations-intro .perspective { margin-left:0px; }
		
		#concertations-formulaire .formulaire { padding:30px 15px; }
		#concertations-formulaire .title_big { margin-left:0px; margin-bottom:30px; }
		#concertations-formulaire .title_big li:nth-child(1) span { font-size:10vw; }
		#concertations-formulaire .title_big li:nth-child(2) span { font-size:12vw; }
		#concertations-formulaire .title_big li:nth-child(3) span { font-size:8vw; }
		#concertations-formulaire .formulaire h5 { font-size:5vw; }
		#concertations-formulaire .formulaire p.form-intro { font-size:4.5vw; }
		#concertations-formulaire .formulaire .form-group { display:block; width:100%; padding:0px !important; }
		#concertations-formulaire .formulaire .form-group#optin1 { margin-left:0px; margin-right:0px; width:100%; }
		
		#concertations-calendrier { padding-left:0px; }	
		#concertations-calendrier p { font-size:5vw; }
		#concertations-calendrier ul.dates { margin-left:0px; margin-right:0px; }
		#concertations-calendrier ul.dates > li { font-size:5vw; }
}


/****** 20190429 ******/
#navbar-top .navbar-nav>li { line-height:70px; }
#navbar-top .navbar-nav>li>a { display:inline-block; height:30px; line-height:30px; }
#navbar-top .navbar-nav>li.page>a { border-left:solid 1px #ccc; }

.btn-download { position:relative; display:inline-block; height:50px; line-height:50px; padding:0px 25px; text-align:center; background:#fff; border:solid 2px #00843d; color:#000 !important; text-decoration:none !important; }
.btn-download:after { content:" "; position:absolute; left:-15px; top:-20px; width:25px; height:48px; background:transparent url('../img/picto-download.png') no-repeat; }

#concertations { background-position:0% 100%; }
#concertations ul.dates.evenements li strong { color:#00843d; }
#concertations ul.dates.evenements li:before { background:#00843d; }
#concertations ul.dates.previsionnel { margin-left:30%; }
#concertations .title_image { position:relative; padding-right:40%; }

#concertations-intro { padding-left:14%; }
#concertations-intro p.intro { padding-right:35%; margin-top:20px; background:transparent url('../img/picto-voyageur.png') no-repeat; background-position:right bottom; }
#concertations-intro .title_image { padding-right:0%; }
#concertations-intro .title_big { left:0%; top:auto; bottom:4%; } 

#concertations-plan { margin-bottom:120px; background:transparent url('../img/picto-maison.png') no-repeat; background-position:90% 20%; }
#concertations-plan .btn-download { margin-bottom:20px; }
#concertations-plan .title_image { position:relative; padding-right:40%; margin-bottom:100px; }
#concertations-plan .title_big { position:absolute; left:4%; bottom:-48px; }
#concertations-plan .title_big li:nth-child(1) > span { font-size:90px; }
#concertations-plan .title_big li:nth-child(2) { margin-left:10%; }
#concertations-plan .title_big li:nth-child(2) > span { font-size:60px; }
#concertations-plan .title_big li:nth-child(3) > span { font-size:40px; }
#concertations-plan p { padding-left:15%; margin-bottom:30px; padding-right:30%; }
#concertations-plan ul.texte { margin-left:15%; list-style-type:none; padding-right:30%; }
#concertations-plan ul.texte > li { position:relative; margin-bottom:30px; padding-left:5%; }
#concertations-plan ul.texte > li:before { content:" "; position:absolute; top:10px; left:2%; width:8px; height:8px; background:#36bbce; border-radius:4px; }
.plan-interactif { position:relative; padding-right:10%; margin-top:50px; }
.plan-interactif .mini-plan { position:absolute; right:0px; top:-30%; border-left:solid 10px #F6F3EE; border-bottom:solid 10px #F6F3EE; }
.plan-interactif .btn-lot { position:absolute; }
.plan-interactif .btn-lot.E1 { left:12%; top:25%; }
.plan-interactif .btn-lot.D1 { left:23%; top:65%; }
.plan-interactif .btn-lot.D2 { left:40%; top:65%; }
.plan-interactif .btn-lot.D3 { left:55%; top:65%; }
#concertations-plan ul.lots { position:relative; padding:0 15% 0 10%; list-style-type:none; display:flex; margin-top:-20px; }
#concertations-plan ul.lots > li { flex:1; display:inline-block; width:23%; margin-left:1.5%; background:#fff; padding:10px; vertical-align:top; padding-bottom:50px; }
#concertations-plan ul.lots > li > .title { display:inline-block; padding:5px 10px; color:#fff; margin-bottom:15px; }
#concertations-plan ul.lots > li > ul { list-style-type:none; }
#concertations-plan ul.lots > li > ul > li { position:relative; padding-left:20px; margin-bottom:15px; }
#concertations-plan ul.lots > li > ul > li:before { content:" "; position:absolute; left:4px; top:10px; width:6px; height:6px; border-radius:6px; }
#concertations-plan ul.lots > li.E1 > .title { background:#fcbd10; }
#concertations-plan ul.lots > li.E1 > ul > li:before { background:#fcbd10; }
#concertations-plan ul.lots > li.D1 > .title { background:#fcbd10; }
#concertations-plan ul.lots > li.D1 > ul > li:before { background:#fcbd10; }
#concertations-plan ul.lots > li.D2 > .title { background:#36bbce; }
#concertations-plan ul.lots > li.D2 > ul > li:before { background:#36bbce; }
#concertations-plan ul.lots > li.D3 > .title { background:#36bbce; }
#concertations-plan ul.lots > li.D3 > ul > li:before { background:#36bbce; }

#chantier { }
#chantier-intro { padding-left:10%; background:transparent url('../img/picto-coccinelle.png') no-repeat; background-position:97% 3%; }
#chantier-intro .title_image { position:relative; padding-right:30%; margin-bottom:100px; margin-left:-10%; }
#chantier-intro .title_big { position:absolute; left:50%; bottom:-30px; text-align:center; }
#chantier-intro .title_big li:nth-child(1) > span { font-size:90px; }
#chantier-intro .title_big li:nth-child(2) { margin-left:-10%; margin-top:-5%; }
#chantier-intro .title_big li:nth-child(2) > span { font-size:90px; }
#chantier-intro .title_big li:nth-child(3) { margin-top:-5%; }
#chantier-intro .title_big li:nth-child(3) > span { font-size:60px; }
#chantier-intro p a { color:#00843d; font-weight:bold; font-size:20px; }
#chantier-intro .columns > .column:first-child { padding-right:5%; font-size:20px; }
#chantier-intro .columns > .column:last-child { padding-left:5%; }
#chantier-intro .columns > .column > ul { margin-right:5%; }
#chantier-intro p { margin-bottom:30px; font-size:20px; }
ul.chantier-propre { list-style-type:none; margin-bottom:30px; }
ul.chantier-propre > li { position:relative; padding-left:30px; margin-bottom:30px; font-size:20px; }
ul.chantier-propre > li:before { content:" "; position:absolute; left:0px; top:10px; width:8px; height:8px; border-radius:8px; }
ul.chantier-propre > li:nth-child(1):before { background:#00843d; }
ul.chantier-propre > li:nth-child(2):before { background:#f9770e; }
ul.chantier-propre > li:nth-child(3):before { background:#97c218; }
ul.chantier-propre > li:nth-child(4):before { background:#dd3e91; }

ul.nuisances-sonores { list-style-type:none; margin-bottom:30px; }
ul.nuisances-sonores > li { position:relative; padding-left:30px; margin-bottom:30px; font-size:20px; }
ul.nuisances-sonores > li:before { content:" "; position:absolute; left:0px; top:10px; width:8px; height:8px; border-radius:8px; }
ul.nuisances-sonores > li:nth-child(1):before { background:#00843d; }
ul.nuisances-sonores > li:nth-child(2):before { background:#97c218; }
ul.nuisances-sonores > li:nth-child(3):before { background:#f9770e; }
ul.nuisances-sonores > li:nth-child(4):before { background:#dd3e91; }
ul.nuisances-sonores > li:nth-child(5):before { background:#00843d; }


@media (max-width: 1359px) {
		
		#navbar-top .columns > .column.navb-logo { max-width:50px; }
		#navbar-top .navbar-nav>li>a { padding:0px 10px; font-size:1.5vw; }
		#navbar-top ul.partenaires > li { max-width:25%; }
		
		#concertations-intro { padding-left:0px; }
		#concertations-intro .perspective { margin-left:15%; }
		#concertations-intro .title_big li:nth-child(1) span { font-size:5vw; }
		#concertations-intro .title_big li:nth-child(2) span { font-size:4vw; }
		#concertations-intro .title_big li:nth-child(3) span { font-size:5vw; }
		#concertations-intro .title_big li:nth-child(4) span { font-size:5vw; }
		#concertations-intro p.intro { font-size:2vw; }
		
		#concertations ul.dates.previsionnel { margin-left:0px; }
		#concertations ul.dates li { font-size:2vw; }
		
		#concertations-plan { background-position:90% 4%; }
		#concertations-plan .title_big li:nth-child(1) > span { font-size:6vw; }
		#concertations-plan .title_big li:nth-child(2) > span { font-size:5vw; }
		#concertations-plan .title_big li:nth-child(3) > span { font-size:4vw; }
		
		.plan-interactif > .plan { width:100%; }
		.plan-interactif > .mini-plan { width:25%; }
		#concertations-plan ul.lots { padding:0px; margin-top:30px; }
		#concertations-plan ul.texte { margin-left:0px; font-size:2vw; }
		#concertations-plan p { padding-left:0px; font-size:2vw; }
		#concertations-plan ul.lots > li > ul > li { font-size:2vw; }
		
		
		#chantier-intro { background-size:17%; padding-left:0px; }
		#chantier-intro .title_big li:nth-child(1) > span { font-size:7vw; }
		#chantier-intro .title_big li:nth-child(2) > span { font-size:7vw; }
		#chantier-intro .title_big li:nth-child(3) > span { font-size:5vw; }
		#chantier-intro p { font-size:2vw; }
		#chantier-intro .columns > .column > ul > li { font-size:2vw; }
		#chantier-intro p a { font-size:2vw; }
		#chantier-intro p img { max-width:100%; }
		ul.nuisances-sonores > li { font-size:2vw; }
}


/* POPUP */
.download {
	width: 100%;
	background-color: rgb(216, 66, 144);
}
.download p {
	color: #ffffff;
	text-align: center;
	padding: 15px;
    margin-bottom: 10px;
	cursor: pointer;
}
.download p:hover {
	text-decoration: underline;
}
#enquirypopup {
    padding: 0px !important;
}
#enquirypopup .modal-dialog {
    width: 75%;
    padding: 0px ;
    position: relative;
}
#enquirypopup .modal-dialog:before {
    content: '';
    height: 0px;
    width: 0px;

    position: absolute;
    top: 1px;
    left: -14px;
    z-index: 99;
}

.bgPop {
	background-color: rgb(216, 66, 144);
}
#enquirypopup .modal-body {
    padding: 75px;
}
.containerPop {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 70px !important;
}
#enquirypopup .modal-dialog .close {
    z-index: 99999999;
    color: white;
    text-shadow: 0px 0px 0px;
    font-weight: normal;
    top: 20px;
    right: 20px;
    position: absolute;
    opacity: 1;
}
#enquirypopup .modal-dialog .close {
	width: 30px;
	height: 30px;
}
#enquirypopup .modal-dialog .close img {
	width: 100%;
	vertical-align: top;
}

.custom-modal-header .modal-title {
    /* font-weight: bold; */
    font-size: 18px;
}


#enquirypopup .modal-dialog:after {
    content: '';
    height: 0px;
    width: 0px;
    /* border-right: 50px solid rgba(255, 0, 0, 0.98); */

    position: absolute;
    top: 1px;
    right: -14px;
    z-index: 999999;
}

#enquirypopup .containerPop p {
	width: 100%;
	text-align: center;
	font-family: 'BNPP Sans Condensed', sans-serif;
	font-size: 35px;
	color: #000000;
	line-height: 1;
	text-transform: uppercase;
}

#enquirypopup .containerPop a {
	width: 50%;
	cursor: pointer;
	margin: 0 auto;
	transition: all .2s ease-in-out;
	margin-top: 15px;
}
#enquirypopup .containerPop a:hover {
	transform: scale(1.01);
}
#enquirypopup .containerPop a img {
	width: 100%;
}
#enquirypopup .containerPop .linePop {
	width: 100%;
	margin-top: 10px;
}
#enquirypopup .containerPop .linePop p {
	text-transform: none;
	margin: 0;
	width: auto;
	font-size: 30px;
}
#enquirypopup .containerPop .linePop a {
	color: #000000;
	text-decoration: underline;
}
#enquirypopup .containerPop strong {
	color: #000000;
	margin-bottom: 15px;
	font-size: 20px;
}
@media (max-width: 900px) {
	#enquirypopup .modal-dialog {
		width: 60%;
	}
	#enquirypopup .containerPop p {
		font-size: 30px;
	}
	#enquirypopup .modal-dialog .close {
		top: 15px;
		right: 10px;
	}
	#enquirypopup .modal-dialog .close {
		width: 25px;
		height: 25px;
	}
	#enquirypopup .containerPop a {
		width: 60%;
	}
	#enquirypopup .modal-body {
		padding: 45px;
	}
	#enquirypopup .containerPop strong {
		font-size: 16px;
	}
	#enquirypopup .containerPop .linePop p {
		font-size: 23px;
	}
}
@media (max-width: 600px) {
	#enquirypopup .modal-dialog {
		width: 75%;
	}
	#enquirypopup .modal-dialog .close {
		width: 20px;
		height: 20px;
	}
	#enquirypopup .containerPop p {
		font-size: 30px;
	}
	#enquirypopup .containerPop a {
		width: 65%;
	}
	#enquirypopup .containerPop .linePop p {
		font-size: 21px;
	}
}
@media (max-width: 450px) {
	#enquirypopup .modal-dialog {
		width: 85%;
	}
	#enquirypopup .containerPop p {
		font-size: 28px;
	}
	#enquirypopup .modal-dialog .close {
		width: 18px;
		height: 18px;
	}
	#enquirypopup .containerPop a {
		width: 70%;
	}
	#enquirypopup .modal-body {
		padding: 30px;
	}
}
@media (max-width: 357px) {
	#enquirypopup .containerPop .linePop p {
		font-size: 18px;
	}
}
/* END POPUP */