@import url('https://fonts.googleapis.com/css2?family=Rasa:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

*, body, html {
   padding:0;
   margin:0;
}

html {
   scroll-behavior:smooth;
}

body {
   font-family:'Rasa', serif;
   font-size:21px;
   max-width:100%;	
   line-height:30px;
   overflow-x:hidden;
   text-align:justify;
}

a {
   text-decoration:none;
   transition:0.2s;
}

a:hover,
a:focus {
   color:#90bfff;
   transition:0.2s;
}

strong, b {
   font-weight:900;
}

header,
nav,
main,
section,
input,
button,
footer,
label,
img,
figure,
figcaption {
   display:block;
}

img {
   max-width:100%;
   height:auto;
}


iframe {
   min-height:360px;
}


.iframe2 {
position: relative;
width:900px;
height:506px;
margin-right:auto;
margin-left:auto;
}

.iframe2 iframe {
position: absolute;
top:0;
left:0;
width:900px;
height:506px;
}



.icone-01 {
width:90px;
height:auto;
display:inline-block;
}

.hide-04 {
display:none;
}  


.inclusions-image-01 {
display:block;
}

.inclusions-image-02 {
display:none;
}


.separateur {
   padding:40px 0;
}

.video-container {
   overflow:hidden;
   position:relative;
   width:100%;
}

.video-container::after {
   padding-top:360px;
   display:block;
   content:'';
}

.video-container iframe {
   position:absolute;
   top:0;
   left:0;
   width:100%;
}

video {
   position:relative;
   z-index:8;
}

figcaption {
   margin-top:12px;
}

p {
   margin-bottom:30px;
}

p:last-child {
   margin-bottom:0;
}

ul {
   margin-left:20px;
}

h1 {
   font-family:'Racing Sans One', cursive;
   font-size:65px;
   font-weight:400;
   line-height:86px;
   text-transform:uppercase;
   padding:30px 0;
   color:#fff;
   text-align:center;
}

h2 {
   font-family:'Racing Sans One', cursive;
   font-size:46px;
   font-weight:400;
   font-style:italic;
   text-align:left;
   line-height:58px;
   color:#000;
   text-transform:uppercase;
   margin-bottom:30px;
}

h3 {
   font-family:'arial', helvetica, sans-serif;
   font-size:28px;
   line-height:40px;
   text-transform:uppercase;
   margin-bottom:20px;
}

h4 {
   font-family:'arial', helvetica, sans-serif;
   font-weight:700;
   font-size:20px;
   line-height:30px;
   text-transform:uppercase;
}

main {
position:relative;
background-image:url('images/triplex-neuf-laurentides.jpg');
background-attachment:fixed;
background-size: 100% auto;
margin-top:62%;
z-index:4;
}



.courbe-bas {
position:absolute;
max-width:100%;
width:100%;
height:170px;
background-image:url('images/courbe_002.png');
background-repeat:no-repeat;
background-position:bottom right;
background-size:cover;
top:0;
display:block;
z-index:5;
}

.background-01 {
background-image:url('images/gare-saint-jerome.jpg');
background-size:cover;
background-position:top right;
}

.plans-01 {
padding-top: 40px;
padding-bottom: 80px;
background-image: url('background-plans.jpg');
text-align:center;
background-size:cover;
}



.row {
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:nowrap;
   flex-wrap:nowrap;
   width:100%;
}

.container {
   max-width:1000px;
   width:100%;
   margin:0 auto;
   padding:0 40px;
   box-sizing:border-box;
}

.col-2 {
   max-width:50%;
   width:100%;
   float:left;
}

.col-2-gauche {
   max-width:50%;
   width:100%;
   float:left;
   padding-right:40px;
   box-sizing:border-box;
}

.col-2-droite {
   max-width:50%;
   width:100%;
   float:left;
   padding-left:40px;
   box-sizing:border-box;
}

input {
   width:100%;
   max-width:300px;
   height:32px;
   padding:0 10px;
   box-sizing:border-box;
   border:1px solid #cacaca;
}

input[type="submit"] {
   background-color:#32415c;
   max-width:200px;
   height:50px;
   margin-top:38px;
   border:none;
   color:#fff;
   padding:8px 24px;
   text-align:center;
   text-decoration:none;
   display:block;
   font-size:14px;
   cursor:pointer;
   text-transform:uppercase;
   transition:0.2s;
}

input[type="submit"]:hover {
   max-width:240px;
   background-color:#4f6a99;
   transition:0.2s;
}

label {
   margin-top:20px;
   padding-bottom:8px;
}

textarea {
   width:100%;
   max-width:300px;
   height:120px;
   padding:6px 10px;
   box-sizing:border-box;
   border:1px solid #cacaca;
}

.entry-title {

}


.plans-font-01 {
font-family:'Racing Sans One', cursive;
font-size:46px;
font-weight:400;
font-style:italic;
text-align:center;
line-height:58px;
color:#000;
text-transform:uppercase;
margin-bottom:30px;
}


.opacity {
   opacity:0;
   transition:3s;
}

.opacity.active {
   opacity:1;
   transition:3s;
}

.droite {
   opacity:0;
}

.droite.active {
   animation:droite 1s forwards;
}


@keyframes droite {
   from {
      -webkit-transform:translateX(120%);
      transform:translateX(120%);
      opacity:0;
   }
   to {
      -webkit-transform:translateX(0);
      transform:translateX(0);
      opacity:1;
   }
}

.gauche {
   opacity:0;
}

.gauche.active {
   animation:gauche 1s forwards;
}

@keyframes gauche {
   from {
      -webkit-transform:translateX(-120%);
      transform:translateX(-120%);
      opacity:0;
   }
   to {
      -webkit-transform:translateX(0);
      transform:translateX(0);
      opacity:1;
   }
}




.logo {
   position:relative;
   top:78px;
   margin:0 auto;
   max-width:450px;
   width:100%;
}

.galerie-001,
.galerie-002,
.galerie-003,
.galerie-004,
.galerie-005 {
   clear:both;
}

.galerie-001 {
   margin-bottom:40px;
}

.galerie-001 img,
.galerie-002 img,
.galerie-003 img,
.galerie-004 img,
.galerie-005 img {
  transition:0.3s;
}

.galerie-001 .col-droite img:hover,
.galerie-002 .col-droite img:hover,
.galerie-003 .col-droite img:hover,
.galerie-004 .col-droite img:hover,
.galerie-005 .col-droite img:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  transition:0.3s;
}

.galerie-003 {
   padding-top:80px;
   margin-left:-3.5px;
}


.galerie-005 {
   padding-top:80px;
   margin-left:-3.5px;
}


.galerie-001 .col-gauche {
   max-width:78.5%;
   width:100%;
}

.galerie-001 .col-gauche img {
   max-width:100%!important;
   width:100%;
   margin-bottom:0!important;
}

.galerie-003 .col-gauche img {
   width:100%;
}

.galerie-005 .col-gauche img {
   width:100%;
}


.galerie-002 .col-gauche,
.galerie-003 .col-gauche,
.galerie-004 .col-gauche,
.galerie-005 .col-gauche, {
   float:left;
}

.galerie-002 .col-gauche,
.galerie-004 .col-gauche {
   max-width:67.5%;
}

.galerie-001 .col-droite {
   display:grid;
   grid-template-columns:auto auto;
   column-gap:6px;
   row-gap:5px;
   margin-left:6px;
   max-width:21.28%;
}

.galerie-002 .col-droite {
   display:grid;
   grid-template-columns:auto auto;
   column-gap:8px;
   row-gap:5px;
   max-width:32.3%;
   margin-left:6px;
   float:left;
}

.galerie-003 .col-droite {
   display:grid;
   grid-template-columns:auto auto;
   column-gap:8px;
   max-width:27.4%;
   margin-right:12px;
   float:left;
}

.galerie-004 .col-droite {
   display:grid;
   grid-template-columns:auto auto;
   column-gap:8px;
   row-gap:5px;
   max-width:32.3%;
   margin-left:6px;
   float:left;
}

.galerie-005 .col-droite {
   display:grid;
   grid-template-columns:auto auto;
   column-gap:6px;
   max-width:27.15%;
   margin-right:9px;
   float:left;
}

.galerie-003 .col-gauche {
   max-width:72.6%;
}

.galerie-005 .col-gauche {
   max-width:72.6%;
}

.galerie-001 .col-droite img {
   margin:0!important;
   max-width:100%!important;
   cursor:pointer;
}

.galerie-002 .col-droite img {
   margin:3.5px;
   box-sizing:border-box;
   max-width:96.5%!important;
   cursor:pointer;
}

.galerie-003 .col-droite img {
   margin:3.5px;
   box-sizing:border-box;
   max-width:100%!important;
   cursor:pointer;
}

.galerie-004 .col-droite img {
   margin:3.5px;
   box-sizing:border-box;
   max-width:96.5%!important;
   cursor:pointer;
}

.galerie-005 .col-droite img {
   margin:3.0px;
   box-sizing:border-box;
   max-width:100%!important;
   cursor:pointer;
}

.galerie-001 .col-droite img:first-child,
.galerie-001 .col-droite img:nth-child(2),
.galerie-002 .col-droite img:first-child,
.galerie-002 .col-droite img:nth-child(2),
.galerie-003 .col-droite img:first-child,
.galerie-003 .col-droite img:nth-child(2),
.galerie-004 .col-droite img:first-child,
.galerie-004 .col-droite img:nth-child(2),
.galerie-005 .col-droite img:first-child,
.galerie-005 .col-droite img:nth-child(2) {
   margin-top:0;
}

#modeles .entry-content {
   padding-top:40px;
   padding-bottom:80px;
   background-image:url('images/lac-saint-jerome.jpg');
   background-size:cover;
}

.no-1 {
   font-size:26px;
   font-weight:600;
   margin:0 auto;
   border-top-left-radius:18px;
   border-bottom-right-radius:18px;
   border:0;
   background-color:#19253d;
}

.no-2 {
   font-size:22px;
   font-weight:900;
   margin:20px auto 0;
   border-top-left-radius:15px;
   border-bottom-right-radius:15px;
   border:0;
   background-color:#19253d;
}

.no-2 span {
   font-size:14px;
   font-weight:500;
}



#modeles h2 {
   font-family:'Changa', sans-serif;
   font-size:34px;
   font-weight:500;
   line-height:42px;
   text-align:center;
}

#modeles img {
   width:100%;
   margin-bottom:40px;
}

#modeles button {
   font-family:'Arial', sans-serif;
   text-transform:uppercase;
}

#modeles button:hover {
   opacity:0.5;
   transition:0.2s;
}

#modeles button a {
   display:block;
   color:#fff;
   padding:8px 50px;
   box-sizing:border-box;
   max-width:428px;
}

#emplacement .entry-content {
   background-color:#fff;
   background-color:#fff;
   background-image:url(images/background_002.jpg);
   background-size:cover;
}

#emplacement h2 {
   padding-top:30px;
   margin-bottom:20px;
   font-family:'Changa', sans-serif;
   font-size:40px;
   text-transform:none;
}

#emplacement .col-2 div {
   margin:15px 0;
   display:table;
   font-family:'Arial', helvetica, sans-serif;
   font-size:16px;
   font-weight:700;
   line-height:80px;
}

#emplacement .col-2 div img {
   float:left;
   opacity:0.8;
   max-width:80px;
   margin-right:20px;
}

#emplacement .col-2 span {
   
}



.emplacement-container {
   padding-right:20px;
   box-sizing:border-box;
}

.background-invisble {
   display:none;
}

#galeries {
   padding-top:80px;
   background-color:#fff;
}

#photos-01 {
   padding-top:80px;
   background-color:#fff;
}

#videos {
   background-color:#fff;
}

#location h1 {
   font-size:56px;
   line-height:65px;
}

#location h1 span {
   font-size:32px;
   line-height:60px;
}


#bannieres {
   background-color:#fff;
}

#bannieres img {
   width:100%;
}

#demande {
   cursor:pointer;
   background-color:#fff;
}

#demande img {
   width:100%;
   transition:0.25s!important;
}

#demande img:hover,
#demande img:focus {
   opacity:0.7!important;
   transition:0.25s!important;
}


#conseils {
   cursor:pointer;
   background-color:#fff;
}

#conseils img {
   width:100%;
   transition:0.25s!important;
}

#conseils img:hover,
#conseils img:focus {
   opacity:0.7!important;
   transition:0.25s!important;
}

#projets .entry-content {
   background-color:#fff;
   background-image:url(images/background_001.jpg);
   background-size:cover;
}

#photos-01 .entry-content {
   background-color:#fff;
   background-size:cover;
}

.padding {
   padding:40px 50px;
   box-sizing:border-box;
}

.indent p {
   text-indent:30px;
}

/* --------------------------------------------------------------------------
-----------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

header {
   position:fixed;
   background-color:rgba(255,255,255,0.90);
   opacity:0;
   line-height:85px;
   position:fixed;
   width:100%;
   top:0;
   z-index:998;
   transition:0.2s;
}

header nav {
   max-width:70%;
   width:100%;
   padding:0 30px 0;
   margin:0 auto;
}

header nav ul {
   text-align:center;
}

header nav ul li {
   display:inline-block;
   margin:0 10px;
   font-family:'arial', helvetica, sans-serif;
   font-weight:bold;
   font-size:15px;
   line-height:84px;
   text-transform:uppercase;
}

header nav ul li a {
   color:#293445;
   text-decoration:none;
}

header ul li a span {
   height:3px;
   width:0;
   background-color:#3c68bd;
   top:-30px;
   left:50%;
   transform:translateX(-50%);
   position:relative;
   display:block;
}

header ul li a:hover {
   color:#3c68bd;
   text-shadow:0 0 3px #acc2ed;
}

header ul li a:hover > span {
   animation:span-header 1s forwards;
}

@keyframes span-header {
   from {
      width:0;
      transition:width 0.24s;
   }
   to {
      width:100%;
      transition:width 0.24s;
   }
}

#logo {
   position:relative;
   top:-200px;
   margin:0 auto;
   padding:0 30px;
   box-sizing:border-box;
   max-width:460px;
   width:100%;
   transition:1s;
   z-index:2;
}

#logo.actif {
   top:70px;
   transition:1s;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Navigation (Hamburger / Adaptatif)
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

.bar1, .bar2, .bar3 {
   width:44px;
   height:5px;
   background-color:#000;
   border-radius:3px;
   margin:8px 30px 0;
   transition:0.4s;
   z-index:10;
}

.change .bar1 {
   -webkit-transform:rotate(-45deg) translate(-8px, 9px);
   transform:rotate(-45deg) translate(-8px, 9px);
}

.change .bar2 {
   opacity:0;
}

.change .bar3 {
   -webkit-transform:rotate(45deg) translate(-8px, -12px);
   transform:rotate(45deg) translate(-8px, -12px);
}

#bascule {
   width:100%;
   opacity:0.94;
}

#hamburger {
   position:fixed;
   z-index:8;
   font-family:'arial', helvetica, sans-serif;
   width:100%;
   top:48px;
   transform:translateY(-130%);
   visibility:hidden;
   transition:0.5s;
}

#hamburger.active {
   transform:translateY(0);
   visibility:visible;
   transition:0.5s;
}

#hamburger ul {
   list-style-type:none;
   margin:0;
   padding:0;
}

#hamburger li {
   background-color:#393939;
   line-height:60px;
}

#hamburger li a {
   color:#fff;
   cursor:pointer;
   border:none;
   text-align:left;
   outline:none;
   font-size:22px;
   font-weight:400;
   transition:0.4s;
   text-decoration:none;
   display:block;
   padding:2px 0px 0 0;
   text-align:center;
}

#hamburger li a:hover {
   background-color:#171717;
}

#hamburger li a:focus {
   background-color:#171717;
}

#hamburger li ul li {
   border-bottom:1px dotted #e1e1e1;
}

#hamburger li ul li a {
   font-size:14px;
   line-height:35px;
}

.menu-container {
   display:none;
   float:right;
   margin-top:1px;
   cursor:pointer;
}

/* --------------------------------------------------------------------------
-----------------------------------------------------------------------------
Carrousel
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

.display-16-9,
.display-4-3,
.display-ipad,
.display-cell {
   position:fixed;
   top:0;
   z-index:1;
   width:100%;
}

.carrousel-4-3,
.carrousel-ipad,
.carrousel-cell {
   display:none;
}

.logo-carrousel {
   margin:0 auto;
   position:relative;
   top:-160px;
   max-width:510px;
   width:100%;
   padding:0 40px;
   box-sizing:border-box;
   animation:logo-carrousel 0.8s forwards;
   animation-delay:1s;
   z-index:7;
}

.logo-carrousel-video {
   margin:0 auto;
   position:absolute;
   top:-160px;
   max-width:510px;
   width:100%;
   padding:0 40px;
   left:50%;
   transform:translateX(-50%);
   box-sizing:border-box;
   animation:logo-carrousel 0.8s forwards;
   animation-delay:1s;
   z-index:9;
}

@keyframes logo-carrousel {
   from {
      top:-100px;
   }
   to {
      top:60px;
   }
}

.texte-carrousel {
   position:fixed;
   font-family:'Anton', sans-serif;
   font-size:112px;
   color:#fff;
   text-shadow:2px 2px 4px #000000, 0px 0px 6px #000000;
   line-height:120px;
   text-align:right;
   top:250px;
   right:60px;
   text-transform:uppercase;
   z-index:3;
}

.texte-carrousel span {
   font-size:90px;
}

/* --------------------------------------------------------------------------
-----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

#partenaires {
   display:inline-grid;
   grid-template-columns:1fr 1fr 1fr 1fr 1fr;
   align-items:center;
   padding:50px 40px;
   box-sizing:border-box;
   margin:0 auto;
   max-width:100%;
   width:100%;
   background-color:#fff;
}

#partenaires .entry-content {
   background-color:#fff;
}

#partenaires img {
   display:block;
   max-width:50%;
   margin:0 auto;
}

footer {
   font-family:'Arial', sans-serif;
   background-image:url('images/background-contact_001.jpg');
   background-size:cover;
   background-repeat:no-repeat;
   padding:50px 0;
   color:#fff;
}

footer p {
   font-size:22px;
}

.logo-footer {
   transition:0.2s;
}

.logo-footer:hover {
   opacity:0.6;
   transition:0.2s;
}

footer h2 {
   font-family:'Arial', sans-serif;
   font-size:28px;
   font-weight:700;
   font-style:normal;
   color:#fff;
}

footer form {
   float:right;
}

footer form button {
   font-size:18px;
   font-weight:400;
   text-transform:uppercase;
   letter-spacing:0.35px;
   color:#fff;
   margin:20px 0 0;
   padding:14px 30px;
   width:unset;
   border-top-left-radius:0;
   border-bottom-right-radius:0;
   border:0;
   background-color:#466f98;
   cursor:pointer;
   transition:0.2s;
}

footer form button:hover {
   opacity:1;
   background-color:#2f5071;
   transition:0.2s;
}

footer .entrepreneur {
   display:block;
   font-size:16px;
   font-weight:700;
   text-align:center;
   color:#fff;
   padding:8px 0 20px;
   text-transform:uppercase;
   transition:0.2s!important;
}

footer .entrepreneur:hover {
   opacity:0.6!important;
   transition:0.2s!important;
}

footer button {
   font-size:26px;
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:0.35px;
   color:#1b273e;
   margin:0 auto;
   padding:14px 30px;
   width:100%;
   border-top-left-radius:18px;
   border-bottom-right-radius:18px;
   border:0;
   background-color:#fff;
   cursor:pointer;
   transition:0.2s!important;
}

footer button:hover {
   opacity:0.6!important;
   transition:0.2s!important;
}

footer button span {
   font-size:18px;
   font-weight:300;
}

footer .entrepreneur a {
   color:#fff;
}

footer .coordonnees {
   padding:20px 0 0;
   font-size:28px;
}

footer a {
   display:block;
   padding-top:10px;
   line-height:16px;
   font-size:22px;
   font-weight:400;
   color:#fff;
}

footer a[href="mailto:info@triplexneufs.com"] {
   display:block;
   font-size:32px;
   color:#fff;
}

footer a[href="mailto:info@triplexneufs.com"]:hover {
   color:#6fceec;
   transition:0.12s;
}

/* --------------------------------------------------------------------------
-----------------------------------------------------------------------------
Adaptatif
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

@media screen and (min-width:780px) {
   .background-invisible {
      display:none;
   }
}




@media screen and (max-width:1700px) {

.iframe2 {
width:800px;
height:450px;
}

.iframe2 iframe {
width:800px;
height:450px;
}

}





@media screen and (max-width:1460px) {

.background-01 {
background-image:url('images/gare-saint-jerome-02.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
} 

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:35px;
} 
  
   
}


@media screen and (max-width:1300px) {
   .carrousel-16-9,
   .carrousel-ipad,
   .carrousel-cell {
      display:none;
   }

   .carrousel-4-3 {
      display:block;
   }
   
.courbe-bas {
height:150px;
background-position:bottom right;
}   

.background-01 {
background-image:url('images/gare-saint-jerome-03.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.iframe2 {
width:750px;
height:422px;
}

.iframe2 iframe {
width:750px;
height:422px;
}
   
}




@media screen and (max-width:1260px) {
   .texte-carrousel {
      font-size:80px;
      line-height:88px;
   }
   
#emplacement .col-2 div {
   margin:12px 0;
   font-size:15px;
   font-weight:700;
   line-height:60px;
}

#emplacement .col-2 div img {
   max-width:80px;
   margin-right:17px;
}



#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:32px;
} 

.icone-01 {
width:75px;
}   
   
}

@media screen and (max-width:1100px) {
   .menu-container {
      display:block;
   }

   header {
      position:fixed;
      height:50px;
   }

   #principal {
      display:none;
   }   
   
.iframe2 {
width:700px;
height:394px;
}

.iframe2 iframe {
width:700px;
height:394px;
}  

#emplacement .col-2 div {
   margin:10px 0;
   font-size:14px;
   font-weight:500;
   line-height:60px;
}

#emplacement .col-2 div img {
   max-width:80px;
   margin-right:12px;
}

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:30px;
}

.icone-01 {
width:70px;
} 
   
}



@media screen and (max-width:1050px) {
   .texte-carrousel {
      display:none;
   }
   
   
.courbe-bas {
height:130px;
background-position:bottom right;
}  


.plans-font-01 {
font-size:40px;
font-weight:400;
line-height:45px;
margin-bottom:28px;
} 

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:28px;
}

.icone-01 {
width:65px;
} 
   
}



@media screen and (max-width:990px) {
   #projets .row {
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
   }

   #projets .col-2 {
      max-width:100%;
   }

   #projets .col-image-1 {
      height:460px;
   }

   #projets .col-image-2 {
      height:400px;
   }
   
   #photos-01 .row {
      -ms-flex-wrap:nowrap;
      flex-wrap:wrap;
   }

   #emplacement .col-2 div img {
      max-width:60px;
   }

   #emplacement .col-2 div {
      line-height:60px;
   }
   
   
.background-01 {
background-image:url('images/gare-saint-jerome-03.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
} 

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:25px;
}  

.icone-01 {
width:60px;
} 
   
}

@media screen and (max-width:960px) {
   h3 {
      line-height:56px;
   }

   .galerie-003 .col-droite {
      max-width:27.2%;
   }
   
   .galerie-005 .col-droite {
      max-width:27.1%;
   }
   
.iframe2 {
width:650px;
height:365px;
}   

.iframe2 iframe {
width:650px;
height:365px;
min-height:150px;
} 

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:23px;
}

.icone-01 {
width:55px;
}   
     
}




@media screen and (max-width:880px) {
   .entry-title h1 {
      font-size:65px;
      line-height:72px;
   }
   
.plans-font-01 {
font-size:36px;
font-weight:400;
line-height:40px;
margin-bottom:25px;
}    

.galerie-005 .col-droite {
max-width:26.95%;
}
   
#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:21px;
}
   
}



@media screen and (max-width:840px) {
   .galerie-002 .col-droite {
      max-width: 31.9%;
   }
   
   
.background-01 {
background-image:url('images/gare-saint-jerome-04.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}   
   
.courbe-bas {
height:120px;
background-position:bottom right;
}      

.galerie-005 .col-droite {
max-width:26.85%;
}
     
}



@media screen and (max-width:810px) {
   .carrousel-16-9,
   .carrousel-4-3,
   .carrousel-cell {
      display:none;
   }

   .carrousel-ipad {
      display:block;
   }

   main {
      margin-top:85%;
   }
   
   
.courbe-bas {
height:110px;
background-position:bottom right;
}   

.galerie-005 .col-droite {
max-width:26.75%;
}  

        
}




@media screen and (max-width:780px) {
   #emplacement .row {
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
   }

   #emplacement .col-2 {
      max-width:100%;
   }

   #emplacement .background {
      display:table;
      height:300px;
      background-position:center;
   }

   .background-invisble {
      display:block;
   }

   .background-visble {
      display:none;
   }

   .size {
      height:520px!important;
   }

   .galerie-003 .col-droite {
      max-width:27%;
   }
   
.galerie-005 .col-droite {
max-width:26.70%;
}

   #videos .separateur {
      padding:0;
   }

   .separateur-2 {
      padding:40px 0!important;
   }

   #partenaires img {
      max-width:70%;
   }
   
.background-01 {
background-image:url('images/gare-saint-jerome.jpg');
background-size:cover;
background-position:right;
}   

.iframe2 {
width:600px;
height:338px;
}   

.iframe2 iframe {
position: absolute;
top:0;
left:0;	
width:600px;
height:338px;
}

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:40px;
}

#emplacement .col-2 div {
   margin:10px 0;
   font-size:16px;
   font-weight:700;
   line-height:60px;
} 

.icone-01 {
width:90px;
}   
   
}





@media screen and (max-width:720px) {
   footer .row {
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
   }

   footer .col-2-gauche,
   footer .col-2-droite {
      padding:0;
      max-width:100%;
   }

   footer form {
      float:unset;
      margin-top:40px;
      max-width:100%;
   }

   .galerie-002 .col-droite {
      max-width:31.3%;
   }
   
.courbe-bas {
height:100px;
background-position:bottom right;
}     


.galerie-005 .col-droite {
max-width:26.50%;
}


.iframe2 {
width:550px;
height:309px;
}   

.iframe2 iframe {
position: absolute;
top:0;
left:0;	
width:550px;
height:309px;
}  

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:37px;
}

#emplacement .col-2 div {
   margin:10px 0;
   font-size:15px;
   font-weight:700;
   line-height:60px;
} 

.icone-01 {
width:80px;
}     
   
}






@media screen and (max-width:640px) {
   .galerie-001 .col-droite {
      max-width:21%;
   }

   .galerie-003 .col-droite {
      max-width:26.7%;
   }
   
   .galerie-005 .col-droite {
      max-width:26.20%;
   }
   
.background-01 {
background-image:url('images/gare-saint-jerome.jpg');
background-size:cover;
background-position:right;
}

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:35px;
}

#emplacement .col-2 div {
   margin:10px 0;
   font-size:15px;
   font-weight:700;
   line-height:60px;
} 

.icone-01 {
width:80px;
}    
   
}




@media screen and (max-width:620px) {
   .carrousel-16-9,
   .carrousel-4-3,
   .carrousel-ipad {
      display:none;
   }

   .carrousel-cell {
      display:block;
   }

   main {
      margin-top:142%;
   }

   .no-1 {
      font-size:20px;
   }

   #modeles h2 {
      font-size:26px;
      line-height:34px;
   }

   #visite-virtuelle h2 {
      font-size:28px;
      line-height:33px;
   }

   #partenaires {
      padding:50px 10px;
   }
   
   
.inclusions-image-01 {
display:none;
}

.inclusions-image-02 {
display:block;
}

.galerie-005 .col-droite {
max-width:26.00%;
}

.iframe2 {
width:500px;
height:281px;
}  

.iframe2 iframe {
width:500px;
height:281px;
}    

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:33px;
}

#emplacement .col-2 div {
   margin:10px 0;
   font-size:15px;
   font-weight:700;
   line-height:60px;
} 

.icone-01 {
width:80px;
}    
   
}




@media screen and (max-width:560px) {
   .galerie-002 .col-droite {
      column-gap:5px;
      row-gap:1px;
   }

   .galerie-003 .col-droite {
      max-width:26.3%;
   }
   
   .galerie-005 .col-droite {
      max-width:25.50%;
   }
   
.background-01 {
background-image:url('images/gare-saint-jerome-02.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.courbe-bas {
height:90px;
background-position:bottom right;
}    

.iframe2 {
width:475px;
height:267px;
}   

.iframe2 iframe {
width:475px;
height:267px;
}    

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:30px;
}

#emplacement .col-2 div {
   margin:10px 0;
   font-size:15px;
   font-weight:700;
   line-height:60px;
} 

.icone-01 {
width:75px;
}   
   
}





@media screen and (max-width:520px) {
   .entry-title h1,
   #location h1 {
      font-size:45px;
      line-height:51px;
   }

   #location h1 span {
      font-size:24px;
      line-height:30px;
   }

   #projets h2 {
      font-size:36px;
      line-height:44px;
   }

   .galerie-003 .col-droite {
      column-gap:5px;
      row-gap:0;
      margin-right:6px;
      max-width:28.5%;
   }

   .galerie-003 .col-droite img {
      margin:0;
   }
   
.galerie-005 .col-droite {
column-gap:4px;
margin-right:5px;
max-width:27.50%;
}
   
.galerie-005 .col-droite img {
margin:0;
}

   #partenaires {
      grid-template-columns:1fr;
      padding:0 10px;
   }

   #partenaires img {
      max-width:30%;
   }
   
.iframe2 {
width:420px;
height:236px;
}      

.iframe2 iframe {
width:420px;
height:236px;
}  

.courbe-bas {
height:85px;
background-position:bottom right;
}    

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:28px;
}

#emplacement .col-2 div {
   margin:10px 0;
   font-size:14px;
   font-weight:700;
   line-height:50px;
} 

.icone-01 {
width:65px;
}   
   
}




@media screen and (max-width:480px) {
   .galerie-001 .col-droite {
      max-width:20.5%;
   }

   .galerie-002 .col-droite {
      row-gap:0;
   }
   
.galerie-005 .col-droite {
column-gap:3px;
margin-right:4px;
max-width:27.50%;
} 

#projets .col-image-2 {
height:390px;
}  
   
   
.iframe2 {
width:390px;
height:219px;
}  

.iframe2 iframe {
width:390px;
height:219px;
}   

.courbe-bas {
height:80px;
background-position:bottom right;
} 

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:24px;
}

#emplacement .col-2 div {
margin:10px 0;
font-size:13px;
font-weight:500;
line-height:60px;
} 

.icone-01 {
width:50px;
}  

.hide-01 {
display:none;
}             
   
}



@media screen and (max-width:440px) {

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:23px;
}

#emplacement .col-2 div img {
max-width:80px;
margin-right:7px;
}

#emplacement .col-2 div {
margin:9px 0;
font-size:12px;
font-weight:500;
line-height:40px;
} 

.icone-01 {
width:37px;
}   

} 




@media screen and (max-width:410px) {
  
.iframe2 {
width:340px;
height:191px;
}    

.iframe2 iframe {
width:340px;
height:191px;
}   

.courbe-bas {
height:60px;
background-position:bottom right;
}    

#projets .col-image-2 {
height:370px;
}    
   
}





@media screen and (max-width:380px) {

.entry-title h1 {
font-size:40px;
line-height:46px;
   }
   
   
   .container {
      padding:0 20px;
   }

   .galerie-001 .col-droite {
      max-width:20.5%;
      column-gap:3px;
      row-gap:2px;
   }

   .galerie-002 .col-droite {
      margin-left:4px;
   }

   footer .coordonnees {
      font-size:24px;
   }

   footer a[href="tel:514 777-3789"] {
      font-size:30px;
   }

   footer a[href="mailto:info@triplexneufs.com"] {
      font-size:22px;
   }

   footer form h2 {
      font-size:22px;
      line-height:30px;
   }
   
.background-01 {
background-image:url('images/gare-saint-jerome-03.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}    

.iframe2 {
width:360px;
height:202px;
}  

.iframe2 iframe {
width:360px;
height:202px;
} 

#projets .col-image-2 {
height:380px;
}      

.courbe-bas {
height:70px;
background-position:bottom right;
}     

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:20px;
}

#emplacement .col-2 div img {
max-width:80px;
margin-right:4px;
}

#emplacement .col-2 div {
margin:9px 0;
font-size:12px;
font-weight:500;
line-height:30px;
} 

.icone-01 {
width:30px;
}   

.hide-02 {
display:none;
}     

.hide-03 {
display:none;
}   

.hide-04 {
display:inline;
}                
   
}







@media screen and (max-width:360px) {

.iframe2 {
width:320px;
height:180px;
}  

.iframe2 iframe {
width:320px;
height:180px;
}   

.courbe-bas {
height:55px;
background-position:bottom right;
}              
 
#projets .col-image-2 {
height:350px;
}    
   
}



@media screen and (max-width:350px) {

.iframe2 {
width:300px;
height:169px;
}     

.iframe2 iframe {
width:300px;
height:169pxx;
}  

.background-01 {
max-height:400px;
background-image:url('images/gare-saint-jerome-03.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
} 

#projets .col-image-2 {
height:320px;
}   

#emplacement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:18px;
}

#emplacement .col-2 div img {
max-width:80px;
margin-right:3px;
}

#emplacement .col-2 div {
margin:9px 0;
font-size:11px;
font-weight:500;
line-height:26px;
}   

.icone-01 {
width:27px;
}           
   
}




@media screen and (max-width:320px) {

.iframe2 {
width:280px;
height:157px;
}  

.iframe2 iframe {
width:280px;
height:157px;
}   

#projets .col-image-2 {
height:310px;
}        
  
#emplacement h2 {
padding-top:27px;
margin-bottom:20px;
font-size:17px;
}  
   
}



@media screen and (max-width:300px) {
  
.iframe2 {
width:270px;
height:152px;
}  

.iframe2 iframe {
width:270px;
height:152px;
}   

#projets .col-image-2 {
height:300px;
} 

#emplacement h2 {
padding-top:25px;
margin-bottom:20px;
font-size:16px;
}                 
    
}



@media screen and (max-width:280px) {

.iframe2 {
width:250px;
height:140px;
}     

.iframe2 iframe {
width:250px;
height:140px;
}   

#emplacement h2 {
padding-top:22px;
margin-bottom:20px;
font-size:15px;
}        
   
}