/*!
Theme Name: villamatignon
Theme URI: http://underscores.me/
Author: Agence Martingale
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: villamatignon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

villamatignon is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
  font-family: 'Merriweather', serif;
  font-weight: 300;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}

/*header#masthead{display: none;}*/

.spacer {
  background-color: white;
    height: auto;
    display: block;
    color: white;
    font-size: 2em;
    position: relative;
    width: 100%;
    clear: both;
    text-align: center;
}

.spacer video{
    max-height: 100vh;
    max-width: 100%;
    width: auto;
    height: 100%;
}

/*section.sectionleft{
position: fixed; overflow: visible; white-space: nowrap; pointer-events: none; font-size: 0.85em; z-index: 9999; top:0; left:0; background: black;width: 15%; height: 100%; visibility: hidden;
}
section.sectionleft.test{
visibility: initial;
}*/
.contenuleft{
    background: black;
    width: 15%;
    height: 100vh;
    float: left;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    }
.contenuright{
    position: relative;
    float: left;
    width: 85%;
    height: 100%;}
.menu{position: relative; padding: 30px;}
.menu svg{margin: 35% 20px 0px 20px; width: 80%;}

.contenuright a{text-decoration: none; color: #997a57; font-style: italic;}

/* Mobile Nav */
.mobile-nav-toggle{padding:0; color: #000; background:none; border:0; outline: 0; position: fixed; z-index: 10; right: 0; top: 0; font-size: 1rem;}
.mobile-nav-toggle:hover{color:#777;}
@media (min-width: 1231px){
.mobile-nav-toggle{display: none;}
}

/* Mobile Nav */
.mobile-navigation{position:fixed; z-index:888; height:100%; width: 100%; top:-100%; background: white; color:white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0;-webkit-transition: all 1.5s ;-o-transition: all 1.5s ;transition: all 1.5s ; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: auto;}
.mobile-nav-close{position: absolute; top: 2%; right: 4%; cursor: pointer; color: #aaa;}
.mobile-nav-close svg{fill: #fff;}
.mobile-navigation.active{right:0; top: 0; opacity: 1; background: black;}
.mobile-navigation.active.newhidden{opacity: 0;}
.mobile-navigation.active ul.menu-open{display: none;}
.mobile-navigation ul{margin: 0;padding: 0;}
.mobile-navigation ul li{margin:0; list-style: none; font-family: 'Roboto',sans-serif; text-transform: initial; padding-bottom: 11px;}
.mobile-navigation ul li a{color: white; font-size: 0.8em; text-decoration: none;}

.black li > ul.sub-menu li a{color: black;}

.mobile-navigation ul li ul li a{font-size: 12px;}
@media (min-width: 768px) {
.mobile-navigation{width: 300px; right: -300px;}
}

.nav-icon {
  margin: 1em;
  width: 40px;
}

/*.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background: linear-gradient(184deg, rgba(34,124,105,1) 0%, rgba(20,157,123,1) 100%);
  border-radius: 3px;
  content: '';
  display: block;
  height: 5px;
  margin: 7px 0;
  transition: all .2s ease-in-out;
}
.nav-icon:hover:before {
  transform: translateY(12px) rotate(135deg);
}

.nav-icon:hover:after {
  transform: translateY(-12px) rotate(-135deg);
}

.nav-icon:hover div {
  transform: scale(0);
}*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}

@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}



#mymenu{margin: 10% 0;}

/*section.menu{position: -webkit-sticky; position: sticky; display: block; top:20pc; left: 0;}*/
div.menu ul#primary-menu{padding: 0; margin: 0;}
div.menu li{list-style-type: none; line-height: 2.3em; font-family: 'Roboto', sans-serif; font-weight: 300;}
div.menu li a{text-decoration: none; color: white; outline: none; font-size: 14px;}
div.menu li a.active{color:#91785f;}
div.menu li a.current{color:#91785f;}
.high1.active a, .high2.active a, .high3.active a, .high4.active a, .high5.active a, .high6.active a, .high7.active a, .high8.active a{color:#91785f;}
.menu a{text-decoration: none; color: white;}
a.mentions{font-size: 0.8em; font-family: 'Roboto', sans-serif;}
/*section.sectionleft{
    width: 15%;
    background: black;
    float: left;
    height: 100%;
    padding: 3%;
    left: 0;
}*/

.sectionright{
    width: 100%;
    height:11795px;
    position: relative;
    display: block;
    }

.wrapper {
    width: 100%;
  /*width: 300px;*/
  height: 300px;
  position: relative;
  /*margin: 60px auto;*/
}

.parent,
.child {
  position: absolute;
  border-radius: 8px;
  -webkit-transition: all 0.6s ease-out;
     -moz-transition: all 0.6s ease-out;
      -ms-transition: all 0.6s ease-out;
       -o-transition: all 0.6s ease-out;
          transition: all 0.6s ease-out;
}

.wrapperelement{
  width: 100%;
  height: 100%;
  position: relative;
}

.childelement{
  position: absolute;
}

.parent {
  width: 100%;
  height: 100%;
  /*background: black;*/
}

/*.child {
  width: 200px;
  height: 100px;
  background: #42a6e0;
  right: -50px;
  bottom: -20px;
}*/

.wrapper#sec1::before {
    position: fixed;
    content: '';
}

:focus {
    outline: none;
}

/*#wpfront-scroll-top-container{height: 60px; border-radius: 5px; background: white;}*/

.buttonscroll{position: fixed; cursor: pointer; z-index: 9999; right: 25px; width: 65px; height: 65px; bottom: 25px; border: none; background: transparent;}
.buttonscroll button{border: 0; background: transparent; padding: 0; margin: 0;}

p.introbuilding{line-height: 2em;}

.listetexte ul li{line-height: 2em;}
ul li{list-style-type: none;}
.listetexte img{width: 13%; padding-inline-start: 40px;}

.wrapper#sec1{background: black; height:610px; margin: 0;}
.wrapper#sec1 .parent{}
.wrapper#sec1 .child video{width: 100%;cursor: none;display: inline-block; position: relative;}
.wrapper#sec1 .child{width: 78%; left: 0; background: none; top: 8%; bottom: auto;}
.wrapper#sec1two{height: 200px; background: black;}
.wrapper#sec1two .child{width: 78%; left: 0; background: none; top:20%; color: white; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; line-height: 1.7em; font-size: 1.1em;}

.wrapper#sec2{height: 545px;}
.wrapper#sec2 .parent:nth-child(1) .child{width: 78%; height: 160px; background: none; left: 100px; top: 60px; bottom: auto;}
.wrapper#sec2 .parent:nth-child(2) .child{width: 78%; height: 150px; background: none; left: 100px; top: 210px; bottom: auto;}
.wrapper#sec2 .child.forme{width: 13%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}

.wrapper#sec2two{height: 650px;}
.wrapper#sec2two .parent .photo{width: 78%; background-attachment: fixed; background-position: top center; background-size: cover; height: 545px; left: 100px; top: 80px; bottom: auto; right: auto;}
.wrapper#sec2two .parent:nth-child(2) .child{width: 78%; height: 125px; background: none; left: 100px; top: 730px; bottom: auto; right: auto;}

.wrapper#sec2two .photo01{width: 100%;}
.wrapper#sec2two .photo01 img{width: 100%;}

.wrapperelement#sec2forme{height: 650px; width: 15%; float: right; top: 100px; position: relative;}
.wrapperelement#sec2forme .childelement.forme{width: 100%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}

h2.titlerub{text-transform: uppercase; font-size: 41px; letter-spacing: 4px; font-family: 'Roboto', sans-serif; font-weight: 100; line-height: 1.3em; color: black; text-align: left;}
h2.titlerub span{color: #997a57;}

.wrapper#sec3{height: 200px;}
.wrapper#sec3 .parent:nth-child(1) .child{width: 78%; height: 160px; background: none; left: 100px; top: 120px; bottom: auto;}
/*.wrapper#sec3 .parent .child.forme{width: 13%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}*/

.wrapperelement#sec3forme{height: 650px; width: 13%; float: right; top: 0; position: relative;}
.wrapperelement#sec3forme .childelement.forme{width: 100%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}

.wrapper#sec3two{height: 900px;}
.wrapper#sec3two .parent .child{width: 78%; height: 650px; background: none; left: 100px; top:100px; bottom: auto;}
.cartemetro{width: 87%;}

ul.listemetro{margin-top: 80px; padding: 0;}

.polygon.traitpolygondore{
  fill: #997a57;
  animation: dash 5s linear forwards;
  -webkit-animation: dash  5s linear forwards;
  -moz-animation: dash  5s linear forwards;
  -o-animation: dash  5s linear forwards;
  }
.polygon.traitpolygonnoir{
  transition: fill .3s linear forwards;
  fill: #1d1d1b;}

.draw-pictos.visible svg path{stroke-dasharray: 300;stroke-dashoffset: 300;animation: dash  5s linear forwards; -webkit-animation: dash  5s linear forwards; -moz-animation:    dash  5s linear forwards;-o-animation:     dash  5s linear forwards; }

@keyframes dash {
  to {fill:none;}
}

@-webkit-keyframes dash {
  to {fill: none;}
}
@-moz-keyframes dash{
  to {fill: none;}
}
@-o-keyframes dash {
 to {fill: none;}
}
@keyframes dash {
 to {fill: none;}
}

.wrapper#sec12{height: 210px;}
.wrapper#sec12 .parent .child{width: 78%; height: 210px; background: none; left: 100px; top: 20px; bottom: auto;}

.wrapperelement#sec12forme{height: 510px; width: 13%; float: right; top: 0; position: relative;}
.wrapperelement#sec12forme .childelement.forme{width: 100%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}

.wrapper#sec12two{height:350px;}
.wrapper#sec12two .parent .child{width: 78%; height: 283px; background: none; left: 100px; top: 35px; bottom: auto; right: auto;}
.wrapper#sec12two .texteslider{text-align: left; width: 85%;}
.wrapper#sec12two .texteslider ul{margin-left: 0;padding-left: 0;}

.wrapper#sec12three{height: 550px;}
.wrapper#sec12three .parent .photo{width:100%; background-attachment: fixed; background-position: top center; background-size: cover; height: 545px; left: 100px; top: 80px; bottom: auto; right: auto;}
.wrapper#sec12three .photo02{width: 100%;}
.wrapper#sec12three .photo02 img{width: 100%;}

.wrapper#sec3three{height:250px;}
.wrapper#sec3three .parent .child{width: 78%; height: 160px; background: none; left: 100px; top: 0px; bottom: auto;}

.wrapper#sec4{height: 340px;}
.wrapper#sec4 .parent:nth-child(1) .child{width: 78%; height: 160px; background: none; left: 100px; top: 0; bottom: auto; right: auto;}
/*.wrapper#sec4 .parent:nth-child(2) .child{width: 17%; height: 600px; background: none; right: 0; top:0px; bottom: auto; left: auto;}*/
.wrapper#sec4 .parent:nth-child(2) .child{width: 78%; height: 160px; background: none; left: 100px; top: 185px; bottom: auto; right: auto;}

.wrapperelement#sec4forme{height: 650px; width: 15%; float: right; top: 0; position: relative;}
.wrapperelement#sec4forme .childelement.forme{width: 100%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}

.wrapper#sec5{height: 800px;}
.wrapper#sec5 .parent .child:nth-child(1){width: 35%; height: 779px; background: none; left:0px; top: 0; bottom: auto; right: auto;}
.wrapper#sec5 .parent .child:nth-child(2){width: 38%; height: 779px; background: none; left: 36%; top: 0; bottom: auto; right: auto;}
.wrapper#sec5 .parent .build{width:34%; height: 779px; background: none; left: 43%; top: 217px; bottom: auto; right: auto; position: absolute;}

.wrapper#sec5 .parent .child .imgleft img{width:90%;}

#group8{top: 100px; height: 700px;}
.contentbuildone, .contentbuildtwo, .contentbuildthree{position: absolute; width:100%;}
.contentbuildone img, .contentbuildtwo img, .contentbuildthree img{width: 100%;}

.contentbuildone{top: 0; z-index: 3;}
.contentbuildtwo{top: 229px; left: -23%; width: 94%; z-index: 2;}
.contentbuildthree{top: 461px; left: 0%; z-index: 1;}

.wrapper#sec6{height:505px;}
.wrapper#sec6 .parent:nth-child(1) .child{width: 78%; height: 260px; background: none; left: 100px; top: 150px; bottom: auto; right: auto;}
/*.wrapper#sec6 .parent:nth-child(2) .child.forme{width: 13%; height: 600px; background: none; right: 0; top:0px; bottom: auto; left: auto;}*/
.wrapper#sec6 .parent:nth-child(2) .child{width: 78%; height: 260px; background: none; left: 100px; top: 375px; bottom: auto; right: auto;}

.wrapperelement#sec6forme{height: 650px; width: 15%; float: right; top: 0; position: relative;}
.wrapperelement#sec6forme .childelement.forme{width: 100%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}

.wrapper#sec7{height: 765px;}
.wrapper#sec7 .parent:nth-child(1) .child{width:100%; height: 909px; background: none; left:0; top:100px; bottom: auto; right: auto;}

.wrapper#sec7two{height:350px;}
.wrapper#sec7two .parent .child{width: 78%; height: 199px; background: none; left: 100px; top: 70px; bottom: auto; right: auto;}

.slider{transform: translateZ(0px); top: 5700px;}
.slick-slider{width: 100%; margin: 0; padding: 0;}
.slick-list{width: 100%;}
.slick-slide{width: 100%;}
.slick-slide img{display: block; width: 100%;}

ul li.next-two.slick-arrow{background: url(/wp-content/themes/villamatignon/img/arrow-right-01_co.png); background-size: 100%; height: 55px; border: none; right: 0; width: 55px; float: right; transition: transform 0.5s ease-in-out; list-style-type: none;}
ul li.prev-two.slick-arrow{background: url(/wp-content/themes/villamatignon/img/arrow-left-01_co.png); background-size: 100%; height:55px; margin: 0% auto; border: none; right: 27%; width:55px; float: left; transition: transform 0.5s ease-in-out; list-style-type: none;}

@media (max-width: 768px){
ul li.next-two.slick-arrow{background: url(/wp-content/themes/villamatignon/img/arrow-right-01_co.png); background-size: 100%; height:33px; margin: 0% auto; border: none; right: 24%; width:34px; float: right;transition: transform 0.5s ease-in-out;}
ul li.prev-two.slick-arrow{background: url(/wp-content/themes/villamatignon/img/arrow-left-01_co.png); background-size: 100%; height:33px; margin: 0% auto; border: none; right: 27%; width:34px; float: left; transition: transform 0.5s ease-in-out;}
}

.container-arrow{margin-top: -28%; position: absolute; width: 100%;}

.arrowstwo{margin: 0; text-align: center; position: relative; width: 100%; padding: 0;}

/*.rotate{transform: rotate(-180deg);}*/


.wrapper#sec8{height:950px; background-attachment: scroll; background-position: bottom; background-repeat: no-repeat; background-size: cover;}
.wrapper#sec8 .parent .contentbuildone:nth-child(1){width: 80%; height: 160px; background: none; left: 0; top: 250px; bottom: auto; right: auto; z-index: 100; color: white; text-align: center; margin: 0 auto; display: block; position: relative;}
.wrapper#sec8 .parent .contentbuildone a{width: 40%; text-decoration: none; color: white; float: left;}
/*.wrapper#sec8 .parent .contentbuildone a:nth-child(1){padding-left: 10%;}
.wrapper#sec8 .parent .contentbuildone a:nth-child(2){padding-right: 10%;}*/
.wrapper#sec8 .parent .contentbuildone .left{padding-left: 10%;width: 40%; float: left;}
.wrapper#sec8 .parent .contentbuildone .left a{width: 100%; display: block; float: none;}
.wrapper#sec8 .parent .contentbuildone a.right{padding-right: 10%;}

.brochure img{width: 100%;}

.wrapper#sec9{height:680px; background:white;}
.wrapper#sec9 .parent .child:nth-child(1){width: 78%; height: 130px; background: none; left: 100px; top:120px; bottom: auto;}
.wrapper#sec9 .parent .contactone{width: 30%; height: 220px; background: none; left: 100px; top: 300px; bottom: auto; right: auto; color: black; position: absolute; font-size: 18px;}
.contactone img{width: 182px; margin-left: -7px;}
.contactone a{text-decoration: none; color: black;}
.wrapper#sec9 .parent .contacttwo{width: 30%; height: 220px; background: none; left: 35%; top: 300px; bottom: auto; right: auto; color: black; position: absolute; font-size: 18px;}
.contacttwo img{width: 110px;}
.contacttwo a{text-decoration: none; color: black;}
.wrapper#sec9 .parent .child.forme{width: 13%; height: 600px; background: none; right: 0; top: 180px; bottom: auto; left: auto;}

.formefive .cls-forme-3{fill:#9b7b5b;}

.wrapper#sec10{height:225px;}
.wrapper#sec10 .parent .child:nth-child(1){width: 78%; height: 160px; background: none; left: 100px; top: 30px; bottom: auto;}

.wrapperelement#sec10forme{height: 650px; width: 15%; float: right; top: 100px; position: relative;}
.wrapperelement#sec10forme .childelement.forme{width: 100%; height: 600px; background: none; right: 0; top: 100px; bottom: auto; left: auto;}

.wrapper#sec10one{height: 880px;}
.wrapper#sec10two{height: 780px;}
.wrapper#sec10three{height: 1052px;}

.wrapper#sec10one{width: 90%; padding-right: 5%;}
#sec10two{width: 90%; padding-right: 5%;}
#sec10three{width: 90%; padding-right: 5%;}

.wrapper#sec10one .parent .child{width: 75%; height: 60px; background: none; left: 100px; top: 30px; bottom: auto;}
.wrapper#sec10two .parent .child{width: 75%; height: 60px; background: none; left: 100px; top: 45px; bottom: auto;}
.wrapper#sec10three .parent .child{width: 75%; height: 60px; background: none; left: 100px; top: 230px; bottom: auto;}

.logo-acteur{width: 100%;}
.wrapper#sec10one .texte-acteur{width: 90%; float: none; padding-right: 5%; margin-bottom: 45px;}
.wrapper#sec10two .texte-acteur, .wrapper#sec10three .texte-acteur{float: none; margin-bottom: 45px;}

.texte-acteur p span{font-size: 11px; font-style: italic; line-height: 10px;}

.wrapper#sec10one .img-illustr{width: 85%; float: none; margin-top: 40px; height: 500px;}
.wrapper#sec10two .img-illustr, .wrapper#sec10three .img-illustr{width: 85%; float: left; margin-top: 40px; height: 500px;}
.wrapper#sec10one .img-illustr img, .wrapper#sec10two .img-illustr img, .wrapper#sec10three .img-illustr img{width: 50%; float: left;}

.img-illustr1{width: 100%; height: 600px; float: left;}
/*.img-illustr2{width: 50%; height: 600px; float: left;}*/

.img-illustrone{height: 100%; background-position: bottom; background-size: 60% auto; background-repeat: no-repeat; background-attachment: fixed;}
/*.img-illustrtwo{height: 100%; background-position: top center; background-size: contain; background-repeat: no-repeat; background-attachment: fixed;}*/

.menu .logomartingale{height: 100px; background-size: contain; width: 61%; clear: both; display: block; background-repeat: no-repeat; margin-top: 30px; background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.18 14.17'%3E%3Cdefs%3E%3Cstyle%3E.cls-logo-1%7Bfill:%23fff;%7D.cls-logo-2%7Bfill:%231b1c20;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-logo-1' d='M267,358.67v2a.53.53,0,0,1-.53.53.52.52,0,0,1-.51-.43,2.27,2.27,0,0,1-1.33.43,2.32,2.32,0,0,1-1.7-.73,2.56,2.56,0,0,1-.68-1.76,2.52,2.52,0,0,1,.68-1.76,2.3,2.3,0,0,1,1.7-.75,2.28,2.28,0,0,1,1.33.44.52.52,0,0,1,.51-.44.54.54,0,0,1,.53.54Zm-1.06,0a1.51,1.51,0,0,0-.38-1,1.24,1.24,0,0,0-.93-.41,1.21,1.21,0,0,0-.93.41,1.46,1.46,0,0,0-.38,1,1.5,1.5,0,0,0,.38,1,1.26,1.26,0,0,0,.93.39,1.29,1.29,0,0,0,.93-.39A1.55,1.55,0,0,0,266,358.67Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M273.8,358.69v1.86a2.4,2.4,0,0,1-2.39,2.4,2.32,2.32,0,0,1-1.05-.25.53.53,0,0,1-.24-.72.54.54,0,0,1,.72-.25,1.2,1.2,0,0,0,.57.14,1.34,1.34,0,0,0,1.3-1.07,2.28,2.28,0,0,1-1.3.4,2.31,2.31,0,0,1-1.7-.76,2.5,2.5,0,0,1-.7-1.76,2.63,2.63,0,0,1,.7-1.78,2.37,2.37,0,0,1,1.7-.74,2.26,2.26,0,0,1,1.33.42.54.54,0,0,1,.53-.42.53.53,0,0,1,.53.53v2Zm-1.07,0a1.55,1.55,0,0,0-.38-1,1.24,1.24,0,0,0-.94-.43,1.2,1.2,0,0,0-.92.43,1.47,1.47,0,0,0-.4,1,1.44,1.44,0,0,0,.4,1,1.22,1.22,0,0,0,.92.41,1.26,1.26,0,0,0,.94-.41A1.52,1.52,0,0,0,272.73,358.68Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M275.59,358.66a2.48,2.48,0,0,1,2.44-2.5,2.39,2.39,0,0,1,2.4,2.32v0a.28.28,0,0,1,0,.09.48.48,0,0,1-.52.4h-3.17a1.31,1.31,0,0,0,.34.66,1.55,1.55,0,0,0,1,.45,1.62,1.62,0,0,0,1-.25.57.57,0,0,1,.75,0,.46.46,0,0,1,0,.65,2.52,2.52,0,0,1-1.78.66A2.48,2.48,0,0,1,275.59,358.66Zm1.09-.49h2.82a1.63,1.63,0,0,0-1.47-1.06A1.4,1.4,0,0,0,276.68,358.17Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M286.19,358.24v2.39a.52.52,0,0,1-.52.53.54.54,0,0,1-.53-.53v-2.39a1,1,0,0,0-1-1,1,1,0,0,0-1,1v2.39a.2.2,0,0,1,0,.1.55.55,0,0,1-.53.43.53.53,0,0,1-.53-.53v-3.94a.53.53,0,0,1,.53-.53.54.54,0,0,1,.49.31,2,2,0,0,1,1.05-.31A2.09,2.09,0,0,1,286.19,358.24Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M287.81,358.67a2.54,2.54,0,0,1,2.53-2.51,2.64,2.64,0,0,1,1.59.55.55.55,0,0,1,.11.74.53.53,0,0,1-.75.1,1.6,1.6,0,0,0-1-.32,1.44,1.44,0,1,0,0,2.87,1.62,1.62,0,0,0,1-.32.54.54,0,0,1,.75.11.55.55,0,0,1-.11.74,2.75,2.75,0,0,1-1.59.53A2.53,2.53,0,0,1,287.81,358.67Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M293.37,358.66a2.48,2.48,0,0,1,2.44-2.5,2.39,2.39,0,0,1,2.4,2.32v0a.28.28,0,0,1,0,.09.48.48,0,0,1-.52.4h-3.17a1.31,1.31,0,0,0,.34.66,1.55,1.55,0,0,0,1,.45,1.62,1.62,0,0,0,1-.25.57.57,0,0,1,.75,0,.46.46,0,0,1,0,.65,2.52,2.52,0,0,1-1.78.66A2.48,2.48,0,0,1,293.37,358.66Zm1.09-.49h2.82a1.63,1.63,0,0,0-1.47-1.06A1.4,1.4,0,0,0,294.46,358.17Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M299.54,358.1a.6.6,0,0,1,.58-.6H302a.6.6,0,0,1,0,1.19h-1.88A.6.6,0,0,1,299.54,358.1Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M308.06,358.23v2.4a.53.53,0,0,1-.53.53.55.55,0,0,1-.54-.53v-2.4a1,1,0,0,0-2,0v2.37s0,.05,0,.07v0s0,0,0,.06v0a.6.6,0,0,1-.5.32h-.1a.54.54,0,0,1-.43-.52v-2.37h0V356.7a.52.52,0,0,1,.53-.54.49.49,0,0,1,.47.3,2.13,2.13,0,0,1,1.07-.3,2.08,2.08,0,0,1,1.57.69,2.06,2.06,0,0,1,1.57-.69,2.09,2.09,0,0,1,2.08,2.1v2.37a.53.53,0,0,1-.53.53.54.54,0,0,1-.54-.53v-2.37a1,1,0,0,0-1-1A1,1,0,0,0,308.06,358.23Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M317.62,358.67v2a.53.53,0,0,1-.53.53.54.54,0,0,1-.52-.43,2.27,2.27,0,0,1-1.33.43,2.32,2.32,0,0,1-1.7-.73,2.6,2.6,0,0,1-.67-1.76,2.56,2.56,0,0,1,.67-1.76,2.3,2.3,0,0,1,1.7-.75,2.28,2.28,0,0,1,1.33.44.54.54,0,0,1,.52-.44.54.54,0,0,1,.53.54Zm-1.06,0a1.47,1.47,0,0,0-.39-1,1.24,1.24,0,0,0-.93-.41,1.21,1.21,0,0,0-.93.41,1.5,1.5,0,0,0-.37,1,1.54,1.54,0,0,0,.37,1,1.26,1.26,0,0,0,.93.39,1.29,1.29,0,0,0,.93-.39A1.51,1.51,0,0,0,316.56,358.67Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M322.66,356.69a.53.53,0,0,1-.53.53.93.93,0,0,0-.59.19,1.51,1.51,0,0,0-.46.48,2.79,2.79,0,0,0-.41.84v1.9a.54.54,0,0,1-.55.53.53.53,0,0,1-.53-.53v-3.94a.52.52,0,0,1,.53-.52.54.54,0,0,1,.55.52v.07a1,1,0,0,1,.21-.2,2.16,2.16,0,0,1,1.25-.39A.51.51,0,0,1,322.66,356.69Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M326.22,356.71a.56.56,0,0,1-.56.55h-.24v2.79a.55.55,0,0,1,.54.56.54.54,0,0,1-.54.55,1.11,1.11,0,0,1-1.11-1.11v-2.79H324a.55.55,0,0,1-.55-.55.54.54,0,0,1,.55-.55h.29v-1.45a.56.56,0,0,1,1.11,0v1.45h.24A.56.56,0,0,1,326.22,356.71Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M329.06,354.91a.53.53,0,0,1-.53.55.55.55,0,0,1-.54-.55v-.21a.54.54,0,0,1,.54-.54.52.52,0,0,1,.53.54Zm0,1.81v3.9a.52.52,0,0,1-.53.54.54.54,0,0,1-.54-.54v-3.9a.53.53,0,0,1,.54-.55A.52.52,0,0,1,329.06,356.72Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M335,358.24v2.39a.52.52,0,0,1-.52.53.54.54,0,0,1-.53-.53v-2.39a1,1,0,0,0-1-1,1,1,0,0,0-1,1v2.39a.2.2,0,0,1,0,.1.57.57,0,0,1-.54.43.52.52,0,0,1-.52-.53v-3.94a.53.53,0,0,1,1-.22,2,2,0,0,1,1.07-.31A2.09,2.09,0,0,1,335,358.24Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M341.38,358.69v1.86A2.41,2.41,0,0,1,339,363a2.28,2.28,0,0,1-1-.25.52.52,0,0,1-.24-.72.53.53,0,0,1,.71-.25,1.2,1.2,0,0,0,.57.14,1.34,1.34,0,0,0,1.31-1.07,2.31,2.31,0,0,1-1.31.4,2.27,2.27,0,0,1-1.69-.76,2.5,2.5,0,0,1-.7-1.76,2.63,2.63,0,0,1,.7-1.78,2.33,2.33,0,0,1,1.69-.74,2.27,2.27,0,0,1,1.34.42.54.54,0,0,1,.53-.42.53.53,0,0,1,.53.53v2Zm-1.07,0a1.55,1.55,0,0,0-.38-1,1.25,1.25,0,0,0-.95-.43,1.2,1.2,0,0,0-.92.43,1.47,1.47,0,0,0-.4,1,1.44,1.44,0,0,0,.4,1,1.22,1.22,0,0,0,.92.41,1.26,1.26,0,0,0,.95-.41A1.52,1.52,0,0,0,340.31,358.68Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M347.74,358.67v2a.53.53,0,0,1-.53.53.54.54,0,0,1-.52-.43,2.27,2.27,0,0,1-1.33.43,2.32,2.32,0,0,1-1.7-.73,2.56,2.56,0,0,1-.68-1.76,2.52,2.52,0,0,1,.68-1.76,2.3,2.3,0,0,1,1.7-.75,2.28,2.28,0,0,1,1.33.44.54.54,0,0,1,.52-.44.54.54,0,0,1,.53.54Zm-1.06,0a1.47,1.47,0,0,0-.39-1,1.24,1.24,0,0,0-.93-.41,1.21,1.21,0,0,0-.93.41,1.51,1.51,0,0,0-.38,1,1.55,1.55,0,0,0,.38,1,1.26,1.26,0,0,0,.93.39,1.29,1.29,0,0,0,.93-.39A1.51,1.51,0,0,0,346.68,358.67Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M350.46,354.16a.55.55,0,0,1,.56.55v5.9a.56.56,0,0,1-1.11,0v-5.9A.55.55,0,0,1,350.46,354.16Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M352.44,358.66a2.48,2.48,0,0,1,2.44-2.5,2.39,2.39,0,0,1,2.4,2.32v0a.28.28,0,0,1,0,.09.48.48,0,0,1-.52.4h-3.18a1.31,1.31,0,0,0,.34.66,1.57,1.57,0,0,0,1,.45,1.62,1.62,0,0,0,1-.25.57.57,0,0,1,.75,0,.46.46,0,0,1,0,.65,2.52,2.52,0,0,1-1.78.66A2.48,2.48,0,0,1,352.44,358.66Zm1.09-.49h2.82a1.63,1.63,0,0,0-1.47-1.06A1.4,1.4,0,0,0,353.53,358.17Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M359.4,359.74a.76.76,0,0,1,.75.75.75.75,0,0,1-.75.74.74.74,0,0,1-.74-.74A.75.75,0,0,1,359.4,359.74Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M362.56,355.83V356h.3a.55.55,0,0,1,.55.55.55.55,0,0,1-.55.55h-.3v3.53a.55.55,0,0,1-.55.55.55.55,0,0,1-.55-.55v-3.53h-.25a.56.56,0,0,1-.57-.55.55.55,0,0,1,.57-.55h.25v-.14a2.07,2.07,0,0,1,.19-1,1.18,1.18,0,0,1,.73-.62,1.91,1.91,0,0,1,.59-.08.56.56,0,0,1,0,1.11.72.72,0,0,0-.26,0l-.06,0A.9.9,0,0,0,362.56,355.83Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M367.62,356.69a.53.53,0,0,1-.53.53,1,1,0,0,0-.6.19,1.38,1.38,0,0,0-.45.48,2.89,2.89,0,0,0-.42.84v1.9a.54.54,0,0,1-1.08,0v-3.94a.54.54,0,0,1,1.08,0v.07a1.94,1.94,0,0,1,.21-.2,2.19,2.19,0,0,1,1.26-.39A.52.52,0,0,1,367.62,356.69Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-1' d='M258.62,358.48a7.09,7.09,0,1,1-7.09-7.09A7.1,7.1,0,0,1,258.62,358.48Z' transform='translate(-244.44 -351.39)'/%3E%3Cpath class='cls-logo-2' d='M255.24,363a.13.13,0,0,0,.12.05l-.17-.35A.3.3,0,0,0,255.24,363Zm-1.64-5.72a.53.53,0,0,0-.49.36,19.46,19.46,0,0,0-.73,3.78s0,.09-.08.09-.07-.06-.07-.06a9.49,9.49,0,0,1-.41-3.39c0-1.85-.06-2.49-.59-2.49s-1.17,1.71-1.43,2.82c-.31,1.27-.7,2.16-1.1,2.16s-.64-1.39-.55-2.16a17.7,17.7,0,0,1,.86-3.87c.18-.58.08-1-.42-1.12s-.61.28-.7.54a17.52,17.52,0,0,0-.52,4.7c0,1.82.68,2.61,1.33,2.61.41,0,.75-.17,1.05-.85s1.15-3.56,1.39-4c0-.07.05,0,.05,0s.12,5.38,1.08,5.38c.34,0,.39-.28.42-.56.33-3.5.69-3.69.87-3.72.35-.06.45.2.67.94.64,2.06.54,4,.94,4C255.17,362.5,254.87,357.27,253.6,357.29Zm1.81,5.85s0,.09.14.19.06,0,.06,0Z' transform='translate(-244.44 -351.39)'/%3E%3C/svg%3E");}
.menu .logomartingale svg{margin: 20px 0 0 0; width: 61%;}

.logo_villa{height: 20vh; background-repeat: no-repeat; background-size: contain; width: 80%; margin: 31% auto 0; background-position: center; background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156.06 214.96'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:%23977a58;%7D.cls-1%7Bstroke:%23977a58;stroke-miterlimit:10;%7D.cls-3%7Bfill:%23977a58;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M401.69,237.23c-.19,0-.24.14-.3.25l-5.19,11.29L391,237.48c-.06-.11-.12-.25-.31-.25a.3.3,0,0,0-.29.29v12.42a.3.3,0,0,0,.29.3H391a.3.3,0,0,0,.31-.3v-9.63l4.63,10.1a.29.29,0,0,0,.27.16.28.28,0,0,0,.27-.16l4.61-10.1v9.63a.3.3,0,0,0,.29.3h.32a.3.3,0,0,0,.31-.3V237.52a.3.3,0,0,0-.31-.29m-25.47.23a.32.32,0,0,0-.31-.23.3.3,0,0,0-.28.23l-3.95,12.4a.3.3,0,0,0,.28.38h.35a.29.29,0,0,0,.26-.21l.9-2.88h4.9l.9,2.88a.3.3,0,0,0,.27.21h.34a.29.29,0,0,0,.28-.38Zm-2.46,8.78,2.15-6.81,2.18,6.81Zm-5.05,3.09h-4.79V237.84a.29.29,0,0,0-.31-.28h-.3a.3.3,0,0,0-.31.28v12.1a.3.3,0,0,0,.31.3h5.4a.29.29,0,0,0,.3-.3v-.31a.29.29,0,0,0-.3-.3M342,237.58h-.36a.29.29,0,0,0-.29.21L338,248.22l-3.33-10.43a.29.29,0,0,0-.29-.21h-.36a.27.27,0,0,0-.25.38l3.95,12.42a.3.3,0,0,0,.28.19.3.3,0,0,0,.29-.19L342.28,238a.27.27,0,0,0-.25-.38m5,0h-.32a.3.3,0,0,0-.29.28v12.1a.3.3,0,0,0,.29.3H347a.29.29,0,0,0,.29-.3v-12.1a.29.29,0,0,0-.29-.28m11.58,11.77h-4.79V237.84a.29.29,0,0,0-.3-.28h-.31a.29.29,0,0,0-.3.28v12.1a.29.29,0,0,0,.3.3h5.4a.3.3,0,0,0,.31-.3v-.31a.3.3,0,0,0-.31-.3M469,237.39a6.51,6.51,0,1,0,6.51,6.5,6.51,6.51,0,0,0-6.51-6.5m0,12.13a5.62,5.62,0,1,1,5.61-5.63,5.7,5.7,0,0,1-5.61,5.63m19.59-12h-.31a.29.29,0,0,0-.3.28v10.51l-7.27-11a.3.3,0,0,0-.25-.12.3.3,0,0,0-.28.29v12.42a.29.29,0,0,0,.28.3h.33a.29.29,0,0,0,.28-.3V239.5l7.29,10.95a.28.28,0,0,0,.36.1.29.29,0,0,0,.17-.27V237.84a.29.29,0,0,0-.3-.28m-31.06,0h-.31a.29.29,0,0,0-.3.28v10.51l-7.27-11a.3.3,0,0,0-.54.17v12.42a.3.3,0,0,0,.29.3h.32a.29.29,0,0,0,.29-.3V239.5l7.29,10.95a.28.28,0,0,0,.36.1.29.29,0,0,0,.17-.27V237.84a.29.29,0,0,0-.3-.28m-13.92,6.94h-4.26a.3.3,0,0,0-.28.29v.3a.3.3,0,0,0,.28.31H443v3.07a2.11,2.11,0,0,1-.31.19,5.6,5.6,0,1,1-2.92-10.38,5.43,5.43,0,0,1,3.19,1,.29.29,0,0,0,.4,0l.21-.27a.28.28,0,0,0-.06-.4l-.06,0a6.6,6.6,0,0,0-3.68-1.14,6.51,6.51,0,1,0,3.47,12s.25-.15.5-.34a.34.34,0,0,0,.17-.3v-4a.3.3,0,0,0-.3-.29m-20.31-6.94h-6.47a.29.29,0,0,0-.3.28v.33a.3.3,0,0,0,.3.29h2.79v11.48a.29.29,0,0,0,.28.3h.33a.29.29,0,0,0,.28-.3V238.46h2.79a.3.3,0,0,0,.3-.29v-.33a.29.29,0,0,0-.3-.28m5,0H428a.29.29,0,0,0-.29.28v12.1a.29.29,0,0,0,.29.3h.32a.3.3,0,0,0,.29-.3v-12.1a.3.3,0,0,0-.29-.28m-17.58-.1a.3.3,0,0,0-.59,0l-4,12.4a.31.31,0,0,0,.29.38h.34a.3.3,0,0,0,.27-.21l.9-2.88h4.9l.89,2.88a.31.31,0,0,0,.27.21h.34a.29.29,0,0,0,.29-.38Zm-2.46,8.78,2.16-6.81,2.17,6.81Z' transform='translate(-333.29 -236.73)'/%3E%3Cpolygon class='cls-2' points='77.73 151.29 0.14 31.23 13.46 31.23 77.73 130.67 142 31.23 155.33 31.23 77.73 151.29'/%3E%3Cpolygon class='cls-3' points='77.73 214.96 11.33 112.21 11.33 173.07 0.14 173.07 0.14 74.28 77.73 194.34 155.33 74.28 155.33 173.07 144.14 173.07 144.14 112.21 77.73 214.96'/%3E%3C/svg%3E");}

div.menu li.high8{line-height: 1.3em;}
.texte01{line-height: 2em;}
p.textexcept{margin: 0; padding: 0; line-height: 1.6em;}
.listetexte ul li.textexcept{line-height: 1.6em; margin: 8px 0px;}

.textehaussmannien{line-height: 2em;}
.textehaussmannien p.textexcept{margin: 8px 0px;}

.outil ul{padding: 0;}
.outil ul li.textexcept{line-height: 1.6em; margin: 8px 0px;}

#sec11{height: 565px; position: relative; clear: both;}
#sec11 .parent{width: 100%; height: 555px; background: none; left: 0; top: 0; bottom: auto; right: auto; z-index: 100; color: white; text-align: center;}
.maps{height: 555px;}

#map-villa{height: 600px; width: 100%; top: 0;}
.map-icon{display: block; width: 120px !important; height: 120px !important; border-radius: 0; background-image: url(/wp-content/themes/villamatignon/img/map-icon_co.png); background-repeat: no-repeat; background-size: 100%; cursor: pointer; box-shadow: 0 0 0 rgba(41,120,135, 0.4); animation: pulse 2s infinite;}

@-webkit-keyframes pulse {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(41,120,135, 0.6);}
  100% {-webkit-box-shadow: 0 0 0 15px rgba(41,120,135, 0);}}
@keyframes pulse {
  0% {-moz-box-shadow: 0 0 0 0 rgba(41,120,135, 0.4);box-shadow: 0 0 0 0 rgba(41,120,135, 0.6);}
  100% {-moz-box-shadow: 0 0 0 15px rgba(41,120,135, 0);box-shadow: 0 0 0 15px rgba(41,120,135, 0);}}


[class^="cursor--"] {
  position: absolute;
  display: inline-block;
  border-radius: 100%;
  z-index: 1000;
  width: 70px;
  height: 70px;
  text-align: center;
  visibility: hidden;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
[class^="cursor--"] [class*="text"] {
  display: inline-block;
  color: #fff;
  line-height:70px;
  font-size: 12px;
}

.cursor--video [class*="text"] {
  display: none;
}
.cursor--video.active {
  visibility: visible;
}

.cursor--video.active-stop .text--stop {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 100%;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.cursor--video.active-play .text--play {
  display: inline-block;
  color: black;
}
.text--play img{width: 30px; height: 30px; padding-top: 20px; padding-left: 3px;}
.text--stop img{width: 20px; height: 20px; padding-top: 25px; padding-left: 0px;}
.cursor--video.active-stop{background-color: #000;}
.cursor--video.active-play{background: white;}

.childelement.forme .forme{height: 100%; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 186.6 461.58'%3E%3Cdefs%3E%3Cstyle%3E.cls-forme-1%7Bfill:none;%7D.cls-forme-2%7Bfill:%239b7b5b;%7D.cls-forme-3%7Bfill:%239b7b5b;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-forme-1' points='26.92 356.36 0 356.36 0 108.15 186.63 409.77 186.63 301.63 0 0 0 461.58 186.63 461.58 26.92 203.45 26.92 356.36'/%3E%3Cpolygon class='cls-forme-1' points='186.63 0 32.03 0 186.63 249.83 186.63 0'/%3E%3Cpolygon class='cls-forme-2' points='186.63 249.83 32.03 0 0 0 186.63 301.63 186.63 249.83'/%3E%3Cpolygon class='cls-forme-3' points='0 108.15 0 356.36 26.92 356.36 26.92 203.45 186.63 461.58 186.63 409.77 0 108.15'/%3E%3C/svg%3E");}

.page-template-template-mentions .menu svg{margin: 21% 20px 0;}
.page-template-template-mentions .container{padding: 4% 10% 4% 9%;}
.number{float: left; margin-left: -50px; font-size: 28px; font-family: 'Roboto',sans-serif; font-weight: 100; line-height: 1.3em; color: #997a57; }
.title_mentions{text-transform: uppercase; width: 100%; font-size: 28px; margin-bottom: 10px; letter-spacing: 1px; font-family: 'Roboto',sans-serif; font-weight: 100; line-height: 1.3em; color: #997a57; text-align: left;}
.page-template-template-mentions .group{position: relative; display: block;}
.page-template-template-mentions .ensemble{position: relative; display: block; margin-bottom: 35px;}
/*.page-template-template-mentions .sectionright{height: auto;}*/
/*.page-template-template-mentions .contenuleft{height: 200vh;}*/

@media (min-width: 1301px){
  .page-template-template-mentions .sectionright{height: 2000px;}
}

@media (max-width: 1300px){
.page-template-template-mentions .sectionright{height: 2200px;}
}

@media (max-width: 1130px){
  .page-template-template-mentions .sectionright{height: 2500px;}
}

@media (max-width: 960px){
  .page-template-template-mentions .sectionright{height: 2800px;}
}

@media (max-width: 768px){
  .number{margin-left: -30px;}
}

@media (max-width: 1700px){
  .wrapper#sec7{height: 750px;}
}

@media (max-width: 1550px){
  .wrapper#sec7{height: 650px;}
}

@media (max-width: 1400px){
.wrapperelement#sec2forme{top:400px;}
.wrapperelement#sec3forme{top:400px;}
.wrapperelement#sec4forme{top:400px;}
.wrapperelement#sec12forme{top:400px;}
.wrapperelement#sec6forme{top:400px;}
.wrapperelement#sec10forme{top:400px;}

.wrapper#sec1{height: 430px;}
div.menu li{line-height: 2.3em;}
.wrapper#sec1two{height: 230px;}

.wrapper#sec2 .parent:nth-child(1) .child{top: 90px;}
.wrapper#sec2 .parent:nth-child(2) .child{top: 250px;}

.wrapper#sec2two .parent .photo{height: 490px;}
/*.wrapper#sec2two .parent:nth-child(1) .child{width: 75%;}*/
.wrapper#sec2two .parent:nth-child(2) .child{top: 715px;}

.wrapper#sec3two{height: 680px;}

.wrapper#sec4 .parent:nth-child(2) .child{width: 72%; top: 153px;}
.wrapper#sec5{height: 550px;}
.wrapper#sec5 .parent .child:nth-child(2){left: 47%;}
/*.wrapper#sec5 .parent .build{left: 59%;}*/

.wrapper#sec6 .parent:nth-child(1) .child{top: 60px;}
.wrapper#sec6 .parent:nth-child(2) .child{top: 250px;}
.wrapper#sec6{height: 350px;}

.wrapper#sec7{height: 600px;}

.wrapper#sec8{height: 700px;}

.contentbuildtwo{top: 173px; left: -18%; width: 94%;}
.contentbuildthree{top: 343px;left: 4%;}
.wrapper#sec10one{height: 980px;}
/*.wrapper#sec10two, .wrapper#sec10three{height: 780px;}*/
.sectionright{height: 10685px;}
a.mentions{font-size: 0.7em;}
}

@media (max-width: 1280px){
  .sectionright{height: 10579px;}
  #mymenu{margin: 15% 0;}
  .menu svg{margin: 10px;}

  .wrapper#sec2{height: 520px;}

  .wrapper#sec2two .parent:nth-child(1) .child{width: 74%;}
  .wrapper#sec2two .parent:nth-child(2) .child{top: 700px;}
  
  .wrapper#sec7{height: 500px;}
  .wrapper#sec7 .parent:nth-child(1) .child{height: 720px;}
  .wrapper#sec7 .parent:nth-child(2) .child{top: 796px;}
  .wrapperelement#sec2forme{width: 13%;}
  .wrapperelement#sec3forme{width: 13%;}
  .wrapperelement#sec4forme{width: 13%;}
  .wrapperelement#sec6forme{width: 13%;}
  .child.forme{width: 15%;}
  .container-arrow{margin-top: -28%;}
  div.menu li a{font-size: 13px;}
  div.menu li{line-height: 2.1em;}
}

@media (max-width: 1100px){
#mymenu{margin: 38% 0;}
.menu svg{margin: 0;}
.sectionright{height: 10468px;}
.wrapper#sec2 .parent:nth-child(1) .child{left: 57px; top: 70px; bottom: auto;}
.wrapper#sec7{height:450px;}

.wrapper#sec9 .parent .contacttwo{left: 47%;}

div.menu li{line-height: 2.2em;}
div.menu li a{font-size: 11px;}
a.mentions{font-size: 0.6em;}
}

@media (max-width: 1024px){
  .wrapper#sec9{height: 600px;}
  .wrapper#sec10one{height: 880px;}
  .wrapper#sec10two{height: 820px;}
  #sec11, #sec11 .parent, #map-villa{height: 350px;}
  .sectionright{height: 10142px;}
}

@media (max-width: 980px){
.contenuleft{width: 18%;}
.contenuright{width: 82%;}
.menu svg, .page-template-template-mentions .menu svg{width: 100%; margin: 0 auto;}

.wrapper#sec2 .parent:nth-child(2) .child{left: 50px; top: 230px; height: 350px;}

.wrapper#sec2two .parent:nth-child(1) .child{left: 40px;}
.wrapper#sec2two .parent:nth-child(2) .child{left: 57px; top: 522px;}

.wrapper#sec2two .parent .photo{height: 340px;}

.wrapper#sec3{height: 130px;}
.wrapper#sec3 .parent:nth-child(1) .child{left: 50px; top: 0;}

.wrapper#sec3two{height: 530px;}
.wrapper#sec3two .parent .child{top: 28px;}

.wrapper#sec3three .parent .child{left: 50px; height: 249px; font-size: .9em; font-size: .9em;}

.wrapper#sec4 .parent:nth-child(2) .child{top: 145px;}

.wrapper#sec5{height: 450px;}

.wrapper#sec6 .parent:nth-child(2) .child{top: 250px; font-size:.9em;}

.wrapper#sec7{height: 450px;}
.wrapper#sec7two .parent .child{font-size:.9em;}

.wrapper#sec9 .parent .contacttwo{left: 52%; height: 272px;}

.wrapper#sec12{height: 170px;}
.wrapper#sec12two{height: 395px;}

/*.wrapper#sec10two .parent .child{left: 50%;}*/

.sectionright{height: 9985px;}

h2.titlerub{font-size: 35px;}
}

@media (max-width:768px){
  .sectionright .contenuleft{display: none;}
  .sectionright .contenuright{width: 100%;}
  .wrapper{width: 100%;}
  .wrapper .parent .child{transform: none !important;}
  .contentbuildone{transform: none !important;}

  .wrapper#sec1{height: 392px;}
  
  .wrapper#sec1two{height: 100px; top: -8px;}
  .wrapper#sec1two .child{font-size: .8em; line-height: 1.8em;}
  
  .wrapper#sec2 .parent:nth-child(1) .child{left: 30px; top: 87px;}
  .wrapper#sec2 .parent:nth-child(2) .child{left: 30px; top: 195px;}

  .wrapper#sec2two{height: 750px;}
  .wrapper#sec2two .parent:nth-child(1) .child{width: 100%;height: auto; left: 0;}
  .wrapper#sec2two .parent:nth-child(2) .child{width: 74%; height: 270px; left: 30px; top: 549px; font-size: .8em;}
  .wrapper#sec2two .parent .photo{height: 390px; background-attachment: scroll;}

  .wrapper#sec3{height: 150px;}
  .wrapper#sec3 .parent:nth-child(1) .child{left: 31px; top: 20px;}
  
  .wrapper#sec3two{height: 585px;}
  .wrapper#sec3two .parent .child{width: 90%; height: 218px; left: 30px; top: 0px;}

  p.textexcept{margin: 5px 0;}

  ul.listemetro{margin-top: 30px; padding-left: 0; width: 75%; font-size:.8em;}
  .listetexte ul li{line-height: 1.8em;}

  .listetexte ul{font-size:.8em; padding-left: 0;}

  .wrapper#sec3three{height: 302px;}
  .wrapper#sec3three .parent .child{width: 88%; height: 349px; left: 10px; top: 0px; font-size: .8em;}

  .wrapperelement#sec2forme{height: 250px;}
  .wrapperelement#sec3forme{height: 250px;}
  .wrapperelement#sec4forme{height: 250px;}
  .wrapperelement#sec12forme{height: 250px;}
  .wrapperelement#sec6forme{height: 250px;}
  .wrapperelement#sec10forme{height: 250px;}
  .childelement.forme{height: 250px !important; top: 300px !important;}

  .wrapper#sec4{height: 400px;}
  .wrapper#sec4 .parent:nth-child(1) .child {width: 81%; height: 639px; left: 30px;}
  .wrapper#sec4 .parent:nth-child(2) .child{width: 84%; height: 230px; left: 34px; top: 100px; font-size: 0.8em;}

  .wrapper#sec5{height: 1627px;}
  .wrapper#sec5 .parent .child:nth-child(1){width: 100%; height: 645px;;}
  .wrapper#sec5 .parent .child:nth-child(2){left: 7%; width: 93%; top: 960px; height: 135px;}
  .wrapper#sec5 .parent .build{left: 19%; width: 53%; top: 1100px; height: 452px;}

  p.introbuilding{font-size: .8em;}

  .wrapper#sec12 .parent .child{left: 50px; width: 73%;}
  .wrapper#sec12two{height: 450px;}
  .wrapper#sec12two .parent .child{left: 50px;}
  .wrapper#sec12three .parent .photo{height: 445px; background-attachment: scroll;}

  .wrapper#sec6 {height: 398px;}
  .wrapper#sec6 .parent:nth-child(1) .child{left: 40px; height: 170px;}
  .wrapper#sec6 .parent:nth-child(2) .child{top: 175px; left: 44px; font-size: .8em;}

  .wrapper#sec7{height:391px;}
  .wrapper#sec7 .parent:nth-child(1) .child{height: 274px; top: 50px;}
  .wrapper#sec7two .parent .child{width: 87%; height: 361px; background: none; left: 23px; top: 0px; bottom: auto; right: auto; font-size: .8em;}

  .wrapper#sec8{height:365px; background-attachment: initial; background-size: cover;}
  .wrapper#sec8 .parent .child:nth-child(1){top: 41px; font-size: .8em;}
  .wrapper#sec8 .parent .contentbuildone:nth-child(1){top: 41px; font-size: .8em;}
  .wrapper#sec8 .parent .child a:nth-child(1){padding-left: 3%;}
  .wrapper#sec8 .parent .child a:nth-child(2){padding-right: 7%; float: right;}
  .wrapper#sec8 .parent .contentbuildone p{margin: 2px;}

  .wrapper#sec9{height: 660px;}
  .wrapper#sec9 .parent .child:nth-child(1){left: 35px; top: 50px; height: 72px;}
  .wrapper#sec9 .parent .contactone{width: 67%; height: 204px; left: 57px; top: 150px;font-size: 15px;}
  .wrapper#sec9 .parent .contacttwo{width: 67%; height: 255px; left: 16%; top: 410px; font-size: 15px;}

  .wrapper#sec10{height: 170px;}
  .wrapper#sec10 .parent .child:nth-child(1){height: 100px; left: 37px; top: 70px;}
  .wrapper#sec10one .parent .child{width: 80%; left: 30px; top: 30px;}
  .wrapper#sec10two .parent .child{width: 70%; left: 9%; top: 3px;}
  .wrapper#sec10three .parent .child{width: 80%; left: 9%;}

  .wrapper#sec10two .texte-acteur, .wrapper#sec10three .texte-acteur{margin-bottom: 0;}
  
  .wrapper#sec10one{height: 950px;}
  .wrapper#sec10two{height: 850px;}
  .wrapper#sec10three{height: 1000px;}

  .img-illustr1{height: 300px;}

  .img-illustrone{background-position: center; background-size: contain; background-attachment: initial; width: 100%;}
  /*.img-illustrtwo{background-position: center; background-size: contain;}*/
  .texte-acteur p{font-size:.8em; }

  .wrapper#sec12{height: 95px;}

  .sectionright{height: 7250px;}

  h2.titlerub{font-size: 22px;}
}

@media (max-width:520px){
  .wrapper#sec1{height: 200px;}
  .wrapper#sec2 .parent:nth-child(1) .child{top: 37px;}
  .wrapper#sec2 .parent:nth-child(2) .child{top: 145px;}
  .wrapper#sec2two .parent:nth-child(2) .child{top: 449px;}
  
  .wrapper#sec5{height: 1027px;}
  .wrapper#sec5 .parent .child:nth-child(1){height: 470px;}
  .wrapper#sec5 .parent .child:nth-child(2){top: 550px;}
  .wrapper#sec5 .parent .build{top: 700px;}
  
  .wrapper#sec12two{height: 517px;}
  .wrapper#sec12three{height: 465px;}

  .wrapper#sec6{height: 474px;}

  .wrapper#sec7{height: 238px;}

  .wrapper#sec10{height: 100px;}
  .wrapper#sec10 .parent .child:nth-child(1){top: 0;}
  .img-illustr1{height: 220px;}
  .wrapper#sec10one{height: 1040px;}
  .wrapper#sec10two{height: 1115px;}
  .wrapper#sec10three .parent .child{top: 50px;}
  .listetexte img{width: 45%; padding-inline-start: 0; padding-top: 12px;}
}

@media (max-width: 1024px){
  .container-arrow{margin-top: -30%; position: absolute;}
}
@media (max-width: 768px){
  .container-arrow{margin-top: -30%; position: absolute;}
}
@media (max-width:425px){
  .container-arrow{margin-top:-35%; position: absolute;}
  #sec11{height: 365px;}
  #sec11 .parent{height: 365px;}
  #map-villa{height: 365px;}
  #cursor-wrapper{display: none;}
  .wrapper#sec8 .parent .contentbuildone:nth-child(1){width: 100%;}
  .wrapper#sec8 .parent .contentbuildone .left{width: 50%;}
  .wrapper#sec8 .parent .contentbuildone a{width: 42%;}
  .wrapper#sec8 .parent .contentbuildone a.right{padding-left: 7%; padding-right: 0;}
  .wrapper#sec8 .parent .contentbuildone .left{padding-left: 0;}
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: block;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: block;*/
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
  }
.leaflet-container {
  overflow: hidden;
  }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
    -webkit-user-drag: none;
  }
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
  }
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
  }
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
  }
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  }

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
  }
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
  }
.leaflet-tile-loaded {
  visibility: inherit;
  }
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  z-index: 800;
  }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
  }

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
  }
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
  }


/* control positioning */

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
  }
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  }
.leaflet-top {
  top: 0;
  }
.leaflet-right {
  right: 0;
  }
.leaflet-bottom {
  bottom: 0;
  }
.leaflet-left {
  left: 0;
  }
.leaflet-control {
  float: left;
  clear: both;
  }
.leaflet-right .leaflet-control {
  float: right;
  }
.leaflet-top .leaflet-control {
  margin-top: 10px;
  }
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
  }
.leaflet-left .leaflet-control {
  margin-left: 10px;
  }
.leaflet-right .leaflet-control {
  margin-right: 10px;
  }


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
  }
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
     -moz-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
  }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
  }
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  }
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
  }
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
     -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
          transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
  }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
  }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
  }


/* cursors */

.leaflet-interactive {
  cursor: pointer;
  }
.leaflet-grab {
  cursor: -webkit-grab;
  cursor:    -moz-grab;
  cursor:         grab;
  }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
  }
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
  }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
  cursor:         grabbing;
  }

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
  }

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
  }

/* visual tweaks */

.leaflet-container {
  background: #ddd;
  outline: 0;
  }
.leaflet-container a {
  color: #0078A8;
  }
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
  }
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255,255,255,0.5);
  }


/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  }


/* general toolbar styles */

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
  }
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
  }
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  }
.leaflet-bar a:hover {
  background-color: #f4f4f4;
  }
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  }
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
  }
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
  }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  }
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  }
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  }

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
  }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
  font-size: 22px;
  }


/* layers control */

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
  }
.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
  }
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
  }
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
  }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
  }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
  }
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
  }
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
  }
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
  }
.leaflet-control-layers label {
  display: block;
  }
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
  }

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
  }


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
  }
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  }
.leaflet-control-attribution a {
  text-decoration: none;
  }
.leaflet-control-attribution a:hover {
  text-decoration: underline;
  }
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
  }
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
  }
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
  }
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
       box-sizing: border-box;

  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  }
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
  }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
  }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
  }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0,0,0,0.2);
  background-clip: padding-box;
  }


/* popup */

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
  }
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
  }
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
  }
.leaflet-popup-content p {
  margin: 18px 0;
  }
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
  }
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;

  margin: -10px auto 0;

  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
  }
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  }
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
  }
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
  }
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;

  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
  }
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
  }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
  }


/* div icon */

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
  }


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  }
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
  }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
  }

/* Directions */

.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
  }
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
  }
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
  }
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
  }
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
  }
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
  }