@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');

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

html {
   scroll-behavior:smooth;
}

body {
   font-family:'Rasa', serif;
   font-size:21px;
   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;
}

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

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

iframe {
   min-height:150px;
}



.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;
}



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


.bulle-01 {
position:fixed;
display:block;
right:2%;
width:260px;
max-width:265px;
height:auto;
transform:scale(0);
bottom:50px;
animation-delay:6s;
animation-duration:1.2s;
animation-fill-mode:forwards;
animation-name:bulle;
cursor:pointer;
z-index:99999;
}

.bulle-02 {
display:none;
position:fixed;
right:2%;
width:260px;
max-width:265px;
height:auto;
transform:scale(0);
bottom:50px;
animation-delay:5.5s;
animation-duration:1.2s;
animation-fill-mode:forwards;
animation-name:bulle;
cursor:pointer;
z-index:99999;
} 

@keyframes bulle {
   from {
      transform:scale(0);
   }
   to {
      transform:scale(1);
   }

}



.bulle-03 {
position:fixed;
display:block;
right:2%;
width:230px;
max-width:230px;
height:auto;
transform:scale(0);
bottom:50px;
animation-delay:1.5s;
animation-duration:1.2s;
animation-fill-mode:forwards;
animation-name:bulle;
cursor:pointer;
z-index:99999;
} 

@keyframes bulle-animation-02 {
   from {
      transform:scale(0);
   }
   to {
      transform:scale(1);
   }

}




.bouton-01 {
position:fixed;
display:block;
left:2%;
width:205px;
max-width:205px;
height:auto;
transform:scale(0);
bottom:70px;
animation-delay:1.1s;
animation-duration:1.2s;
animation-fill-mode:forwards;
animation-name:bulle;
cursor:pointer;
opacity:1.00;
transition:650ms;
z-index:99999;
} 

.bouton-01:hover {
opacity:0.70;
transition:550ms;
}


@keyframes bulle-animation-02 {
   from {
      transform:scale(0);
   }
   to {
      transform:scale(1);
   }

}




.separateur {
   padding:30px 0;
}

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

.video-container::after {
   padding-top:56.25%;
   display:block;
   content:'';
}

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


.video-container2 {
   overflow:hidden;
   position:relative;
   width:auto;
   height:768px;
}

.video-container2::after {
   padding-top:56.25%;
   display:block;
   content:'';
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:26.25%;
   width:432px;
   height:768px;
}




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

figcaption {
   margin-top:12px;
}

p {
   margin-bottom:30px;
   text-indent: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:44px;
   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_001.jpg');
   background-attachment:fixed; 

   margin-top:62%;
   z-index:2;
}



.font-modele {
font-family:'Changa', sans-serif;
font-size:22px;
font-weight:400;
font-style:italic;
text-align:center;
line-height:1.1;
color:#000;
text-transform:uppercase;
margin-bottom:25px;
}


.promotion-01 {
position:absolute;
width:325px;
max-width:350px;
height:auto;
display:block;
margin-top:35px;
left:60%;
z-index:250;
}

.promotion-02 {
display:none;
}  

.spacer-ancres-001 {
width:20px;
height:18px;
display:block;
}  

.spacer-ancres-002 {
width:20px;
height:23px;
display:block;
}  

.spacer-ancres-003 {
width:20px;
height:25px;
display:block;
}  



.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 {
   border-top:6px solid #a4a4a4;
   border-bottom:6px solid #a4a4a4;
}

.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-005 {
   clear:both;
}

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

.galerie-001 img,
.galerie-002 img,
.galerie-003 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-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-005 .col-gauche {
   float:left;
}

.galerie-002 .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-005 .col-droite {
   display:grid;
   grid-template-columns:auto auto;
   column-gap:8px;
   max-width:27.4%;
   margin-right:12px;
   float:left;
}

.galerie-003 .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-005 .col-droite img {
   margin:3.5px;
   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-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;
}



.flash :hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}




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

#modeles img {
   width:100%;

}

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

#modeles button:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
   opacity:0.5;
   transition:0.2s;
}

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


.hover-01 {
   display:block;
}

.hover-01:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
   opacity:0.5;
   transition:0.2s;
}

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


#projet .entry-content {
   font-family:'Arial', sans-serif;
   text-transform:uppercase;
   font-size:20px;
   font-weight:400;
   text-align:center;
   background-color:#dfdfdf;
   padding:80px 0;
}

#projet img {
   margin:0 auto;
   padding-bottom:30px;
}

#investissement {
   font-family:'Arial', sans-serif;
   font-size:18px;
   line-height:24px;
   color:#fff;
}

#investissement .entry-content {
   background-image:url('images/investissement-triplex-neuf_001.jpg');
   background-size:cover;
   background-repeat:no-repeat;
   background-position:left;
}

#investissement h2 {
   padding-top:30px;
   margin-bottom:20px;
   font-family:'Changa', sans-serif;
   font-size:45px;
   line-height:36px;
   color:#fff;
}

#investissement h4 {
   padding-bottom:16px;
}

#investissement .investissement-content {
   max-width:620px;
}

#investissement .note {
   font-size:14px;
   font-style:italic;
   padding-top:30px;
   padding-bottom:80px;
}

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

#visite-virtuelle img {
   margin-bottom:40px;
   max-width:48%;
}

#visite-virtuelle h2 {
   padding-top:30px;
   font-size:32px;
   line-height:40px;
   text-align:center;
}

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

#visite-virtuelle button:hover {
   opacity:0.5;
   transition:0.2s;
}

#visite-virtuelle button a {
   display:block;
   color:#fff;
   padding:15px 50px;
   box-sizing:border-box;
   max-width:540px;
}

#visite-virtuelle p {
   font-family:'Arial', sans-serif;
   font-size:17px;
   line-height:24px;
   font-weight:300;
}

#visite-virtuelle h3 {
   font-family:'Bebas Neue', cursive;
   font-size:50px;
   text-align:center;
   padding-top:40px;
}

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

#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; */
}

#emplacement .col-2 span {
/*      font-weight:300; */
}

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

.background-invisble {
   display:none;
}

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

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

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

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



.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;
}





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

header {
   position:fixed;
   background-color:rgba(25,32,47,0.85);
   opacity:0;
   line-height:85px;
   position:fixed;
   width:100%;
   top:0;
   z-index:999;
   transition:0.2s;
}

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;
   text-transform:uppercase;
}

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

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

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;
   }
}

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

.bar1, .bar2, .bar3 {
   width:44px;
   height:5px;
   background-color:#fff;
   border-radius:3px;
   margin:8px 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-01 {
font-family:'Racing Sans One', cursive;
font-size:100px;
width:99%;
top:380px;
color:#fff;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:95px;
text-align:center;

animation: 10s texte-carrousel-01 infinite;
text-transform:uppercase;
display:block;
overflow:hidden;
z-index:3;
}


@keyframes texte-carrousel-01 {
0% { left:-100%;opacity:0;}
15% { left:-100%;opacity:0;}
25% { left:0%;opacity:1;}
70% { left:0%;opacity:1;}
80% { left:-100%;opacity:0;}
95% { left:-100%;opacity:0;}
100% { left:-100%;opacity:0;}
}


.promotion-image-01 {
width:95$;
height:auto;
display:block;
}

.promotion-image-02 {
width:95$;
height:auto;
display:none;
}

.promotion-image-03 {
width:95$;
height:auto;
display:none;
}


.promotion-carrousel-01 {
width:1300px;
height:auto;
top:280px;
position:absolute;
animation: 10s promotion-carrousel-01 infinite;
display:block;
overflow:hidden;
z-index:3;
}

@keyframes promotion-carrousel-01 {
0% { left:-100%;opacity:0;}
15% { left:-100%;opacity:0;}
25% { left:50%;transform:translateX(-50%);opacity:1;}
70% { left:50%;transform:translateX(-50%);opacity:1;}
80% { left:-100%;opacity:0;}
95% { left:-100%;opacity:0;}
100% { left:-100%;opacity:0;}
}




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

#partenaires {
   display:inline-grid;
   grid-template-columns:1fr 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;
}

.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: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
   opacity:0.5;
   transition:0.2s;
}

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

footer .entrepreneur a {
   color:#fff;
}

.footer-spacer {
   width:10px;
   height:20px;
   display:block;
}

footer .coordonnees {
   padding-top:30px;
   font-size:43px;
   font-weight:bold;
}

footer a[href="tel:5146680207"] {
   display:block;
   padding-bottom:13px;
   line-height:30px;
   font-size:32px;
   font-weight:700;
   color:#fff;
}

footer a[href="tel:5146680207"]:hover {
   color:#6fceec;
   transition:0.12s;  
}

footer a[href="mailto:davide.giardino@remax-quebec.com"] {
   display:block;
   font-size:24px;  
   font-weight:normal;   
   color:#fff;
}

footer a[href="mailto:davide.giardino@remax-quebec.com"]:hover {
   color:#6fceec;
   transition:0.12s;     
}

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

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




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

.texte-carrousel-01 {
font-size:90px;
top:350px;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:85px;
display:block;
}

.promotion-carrousel-01 {
width:1250px;
top:290px;
display:block;
}

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

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


}




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

.promotion-01 {
width:300px;
display:block;
margin-top:32px;
left:60%;
z-index:250;
}

.bulle-01 {
position:fixed;
display:block;
right:2%;
width:240px;
bottom:45px;
}

.bulle-03 {
position:fixed;
display:block;
right:2%;
width:185px;
bottom:45px;
}


.bouton-01 {
position:fixed;
display:block;
left:2%;
width:185px;
bottom:45px;
} 


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

.texte-carrousel-01 {
font-size:85px;
top:330px;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:80px;
display:block;
}

.promotion-carrousel-01 {
width:1150px;
top:280px;
display:block;
}

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



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

.texte-carrousel-01 {
font-size:80px;
top:320px;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:75px;
display:block;
}

.promotion-carrousel-01 {
width:1100px;
top:270px;
display:block;
}



}



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

   .carrousel-4-3 {
      display:block;
   }
   
   
.background-01 {
background-image:url('images/gare-saint-jerome-04.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
   
   
.promotion-01 {
width:290px;
display:block;
margin-top:30px;
left:60%;
z-index:250;
}

.bulle-01 {
position:fixed;
display:block;
right:2%;
width:230px;
bottom:42px;
}

.bulle-03 {
position:fixed;
display:block;
right:2%;
width:180px;
bottom:42px;
}


.bouton-01 {
position:fixed;
display:block;
left:2%;
width:180px;
bottom:42px;
} 


.texte-carrousel-01 {
font-size:75px;
top:320px;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:70px;
display:block;
}

.promotion-carrousel-01 {
width:1000px;
top:260px;
display:block;
}

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

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


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

.texte-carrousel-01 {
font-size:70px;
top:310px;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:65px;
display:block;
}

.promotion-carrousel-01 {
width:980px;
top:255px;
display:block;
}

}





@media screen and (max-width:1100px) {
   
.promotion-carrousel-01 {
width:900px;
top:250px;
display:block;
}

.promotion-image-01 {
width:95$;
height:auto;
display:none;
}

.promotion-image-02 {
width:95$;
height:auto;
display:block;
}

.promotion-image-03 {
width:95$;
height:auto;
display:none;
}

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

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

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

}




@media screen and (max-width:990px) {
   #emplacement .col-2 div img {
/*         max-width:60px;  */
   }

   #emplacement .col-2 div {
/*         line-height:60px;   */
   }
   
   
.footer-spacer {
   width:10px;
   height:20px;
   display:block;
}

footer .coordonnees {
   padding-top:30px;
   font-size:32px;
   font-weight:bold;
}

footer a[href="tel:5146680207"] {
   display:block;
   padding-bottom:13px;
   line-height:30px;
   font-size:22px;
   font-weight:700;
   color:#fff;
}

footer a[href="mailto:davide.giardino@remax-quebec.com"] {
   display:block;
   font-size:18px;  
   font-weight:normal;   
   color:#fff;
}   


.bulle-01 {
position:fixed;
display:block;
right:2%;
width:210px;
bottom:40px;
}

.bulle-03 {
position:fixed;
display:block;
right:2%;
width:175px;
bottom:40px;
}


.bouton-01 {
position:fixed;
display:block;
left:2%;
width:175px;
bottom:40px;
} 


.promotion-01 {
width:270px;
display:block;
margin-top:28px;
left:65%;
z-index:250;
}

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

.texte-carrousel-01 {
font-size:60px;
top:305px;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:55px;
display:block;
}

.promotion-carrousel-01 {
width:900px;
top:240px;
display:block;
}

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


}



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

   header {
      position:fixed;
   }

   #principal {
      display:none;
   }

   h3 {
      line-height:56px;
   }

   .galerie-003 .col-droite {
      max-width:27.2%;
   }
   
   .galerie-005 .col-droite {
      max-width:27.2%;
   }
  
#investissement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:40px;
line-height:36px;
}  
    

.video-container2 iframe {
   position:absolute;
   top:0;
   left:24.5%;
   width:432px;
   height:768px;
}   
   
.promotion-carrousel-01 {
width:90%;
top:230px;
display:block;
}
   
.iframe2 {
width:650px;
height:365px;
}   

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




@media screen and (max-width:880px) {
   .entry-title h1 {
      font-size:60px;
      line-height:67px;
   }
   
.video-container2 iframe {
   position:absolute;
   top:0;
   left:22%;
   width:432px;
   height:768px;
}     


.promotion-01 {
width:260px;
display:block;
margin-top:30px;
left:67%;
z-index:250;
}  

.bulle-01 {
position:fixed;
display:block;
right:2%;
width:200px;
bottom:40px;
} 

.bulle-03 {
position:fixed;
display:block;
right:2%;
width:170px;
bottom:40px;
} 


.bouton-01 {
position:fixed;
display:block;
left:2%;
width:170px;
bottom:40px;
} 


.spacer-ancres-001 {
width:20px;
height:15px;
display:block;
}  

.spacer-ancres-002 {
width:20px;
height:20px;
display:block;
}  

.spacer-ancres-003 {
width:20px;
height:22px;
display:block;
}  

.texte-carrousel-01 {
font-size:55px;
top:300px;
text-shadow:2px 2px 3px #000000, 0px 0px 5px #000000;
line-height:50px;
display:block;
}

.promotion-carrousel-01 {
width:90%;
top:235px;
display:block;
}

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



@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;
}
   
      
}

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

   .carrousel-ipad {
      display:block;
   }

   main {
      margin-top:85%;
   }
   
.video-container2 iframe {
   position:absolute;
   top:0;
   left:20%;
   width:432px;
   height:768px;
}   


.promotion-01 {
width:250px;
display:block;
margin-top:30px;
right:12%;
z-index:250;
}  

.bulle-01 {
position:fixed;
display:block;
right:2%;
width:190px;
bottom:38px;
}  

.bulle-03 {
position:fixed;
display:block;
right:2%;
width:165px;
bottom:38px;
}  


.texte-carrousel-01 {
font-size:49px;
top:290px;
text-shadow:2px 2px 2px #000000, 0px 0px 4px #000000;
line-height:44px;
display:block;
}

.promotion-carrousel-01 {
width:90%;
top:250px;
display:block;
}
   
}



@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:27%;
   }

   #videos .separateur {
      padding:0;
   }

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

   #partenaires img {
      max-width:70%;
   }
   

.video-container2 {
   height:640px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:21%;
   width:360px;
   height:640px;
}   

#investissement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:43px;
line-height:36px;
}  


.promotion-01 {
width:190px;
display:block;
margin-top:35px;
left:72%;
z-index:250;
}  

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

.bulle-01 {
position:fixed;
display:block;
right:2%;
width:180px;
bottom:35px;
} 

.bulle-03 {
position:fixed;
display:block;
right:2%;
width:160px;
bottom:35px;
} 


.bouton-01 {
position:fixed;
display:block;
left:2%;
width:160px;
bottom:35px;
} 


.texte-carrousel-01 {
font-size:46px;
top:280px;
text-shadow:2px 2px 2px #000000, 0px 0px 4px #000000;
line-height:40px;
display:block;
}

.promotion-carrousel-01 {
width:90%;
top:250px;
display:block;
}

.promotion-image-01 {
display:none;
}

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

.promotion-image-03 {
display:block;
}

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

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

  
}



@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%;
   }
   
   
.video-container {
aspect-ratio:16/9;
}

.video-container iframe {
aspect-ratio:16/9;
top:-4%;
}   
   
   
   
.video-container2 {
   height:576px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:21%;
   width:324px;
   height:576px;
}   



.footer-spacer {
   width:10px;
   height:20px;
}

footer .coordonnees {
   padding-top:30px;
   font-size:38px;
   font-weight:bold;
   text-align:center;
}

footer a[href="tel:5146680207"] {
   padding-bottom:13px;
   line-height:30px;
   font-size:28px;
   font-weight:700;
   text-align:center;
}

footer a[href="mailto:davide.giardino@remax-quebec.com"] {
   font-size:22px;  
   font-weight:normal;  
   text-align:center; 
}   


.promotion-01 {
display:none;
}  

.promotion-02 {
width:300px;
display:block;
margin-top:-15px;
margin-left:-7px;
margin-bottom:12px;
}  

.bulle-01 {
display:none;
}      

.bulle-02 {
position:fixed;
display:block;
right:2%;
width:170px;
bottom:32px;
} 


.bulle-03 {
position:fixed;
display:block;
right:2%;
width:160px;
bottom:32px;
} 


.bouton-01 {
position:fixed;
display:block;
left:2%;
width:160px;
bottom:32px;
} 



.texte-carrousel-01 {
font-size:46px;
top:280px;
text-shadow:2px 2px 2px #000000, 0px 0px 4px #000000;
line-height:40px;
display:block;
}

.promotion-carrousel-01 {
width:90%;
top:260px;
}


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

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

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

   
}




@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.7%;
   }
   
.video-container {
aspect-ratio:16/9;
height:350px;
}
   
.video-container iframe {
aspect-ratio:16/9;
top:-10px;
}   
      
   
.video-container2 {
   height:576px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:20%;
   width:324px;
   height:576px;
}   

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

.bulle-02 {
position:fixed;
display:block;
right:2%;
width:160px;
bottom:30px;
}   

.bulle-03 {
position:fixed;
display:block;
right:2%;
width:150px;
bottom:30px;
} 


.bouton-01 {
position:fixed;
display:block;
left:2%;
width:150px;
bottom:30px;
} 



.texte-carrousel-01 {
display:none;
}


   
}



@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:32px;
line-height:1.10;
}
   
.font-modele {
font-size:20px;
line-height:1.1;
margin-bottom:23px;
}
   

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

   #partenaires {
      padding:50px 10px;
   }
   
.video-container {
aspect-ratio:16/9;
height:340px;
}
   
.video-container iframe {
aspect-ratio:16/9;
top:-10px;
}      
   
   
.video-container2 {
   height:576px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:16.5%;
   width:324px;
   height:576px;
}  

.bulle-02 {
position:fixed;
display:block;
right:2.2%;
width:200px;
bottom:30px;
}  

.bulle-03 {
position:fixed;
display:block;
right:2.2%;
width:190px;
bottom:30px;
} 


.bouton-01 {
position:fixed;
display:block;
left:2.2%;
width:190px;
bottom:30px;
} 


.promotion-carrousel-01 {
width:90%;
top:265px;
}

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

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

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




@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:26.3%;
   }
   
.video-container2 {
   height:544px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:15%;
   width:306px;
   height:544px;
}   

#investissement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:50px;
line-height:45px;
}  

.bulle-02 {
position:fixed;
display:block;
right:2.5%;
width:195px;
bottom:28px;
}     

.bulle-03 {
position:fixed;
display:block;
right:2.5%;
width:185px;
bottom:30px;
} 


.bouton-01 {
position:fixed;
display:block;
left:2.5%;
width:185px;
bottom:30px;
}
  

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

.promotion-carrousel-01 {
width:90%;
top:270px;
} 

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

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




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

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

   .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 img {
      margin:0;
   }

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

   #partenaires img {
      max-width:30%;
   }
   
   
.video-container {
aspect-ratio:16/9;
height:340px;
}
   
.video-container iframe {
aspect-ratio:16/9;
top:-10px;
}      
   
.video-container2 {
   height:544px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:14%;
   width:306px;
   height:544px;
}    


.promotion-02 {
width:275px;
display:block;
margin-top:-15px;
margin-left:-7px;
margin-bottom:12px;
} 

.bulle-02 {
position:fixed;
display:block;
right:2.75%;
width:190px;
bottom:25px;
}   

.bulle-03 {
position:fixed;
display:block;
right:2.75%;
width:180px;
bottom:28px;
}    


.bouton-01 {
position:fixed;
display:block;
left:2.75%;
width:185px;
bottom:28px;
}
  
  

.promotion-carrousel-01 {
width:90%;
top:275px;
}  

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

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




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

   .galerie-002 .col-droite {
      row-gap:0;
   }
   
.video-container2 {
   height:544px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:8%;
   width:306px;
   height:544px;
}  

.footer-spacer {
   width:10px;
   height:19px;
}

footer .coordonnees {
   padding-top:28px;
   font-size:30px;
   font-weight:bold;
   text-align:center;
}

footer a[href="tel:5146680207"] {
   padding-bottom:13px;
   line-height:30px;
   font-size:22px;
   font-weight:700;
   text-align:center;
}

footer a[href="mailto:davide.giardino@remax-quebec.com"] {
   font-size:19px;  
   font-weight:normal;  
   text-align:center; 
}    

.video-container {
height:320px;
}
   
.video-container iframe {
top:-18px;
}    

.bulle-02 {
position:fixed;
display:block;
right:2.90%;
width:185px;
bottom:22px;
}  

.bulle-03 {
position:fixed;
display:block;
right:2.90%;
width:175px;
bottom:25px;
}    


.bouton-01 {
position:fixed;
display:block;
left:2.90%;
width:175px;
bottom:25px;
}


#modeles h2 {
font-size:28px;
line-height:1.10;
}
   
.font-modele {
font-size:19px;
line-height:1.1;
margin-bottom:22px;
text-indent:0;
}

.promotion-carrousel-01 {
width:90%;
top:270px;
} 

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

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

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



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

   
.video-container2 {
   height:544px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:5%;
   width:297px;
   height:528px;
}    

.promotion-carrousel-01 {
width:90%;
top:260px;
} 

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

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


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

   
.video-container2 {
   height:512px;
}

.video-container2 iframe{
   position:absolute;
   top:0;
   left:4%;
   width:288px;
   height:512px;
}     


.promotion-02 {
width:250px;
display:block;
margin-top:-15px;
margin-left:-7px;
margin-bottom:12px;
}  


.promotion-carrousel-01 {
width:90%;
top:250px;
}  

.background-01 {
background-image:url('images/gare-saint-jerome-02.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
height:440px;
}
  
.iframe2 {
width:340px;
height:191px;
}    

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


.bulle-03 {
position:fixed;
display:block;
right:2.95%;
width:165px;
bottom:33px;
}    


.bouton-01 {
position:fixed;
display:block;
left:2.95%;
width:165px;
bottom:33px;
}

   
}




@media screen and (max-width:380px) {
   .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-spacer {
   width:10px;
   height:19px;
}

footer .coordonnees {
   padding-top:28px;
   font-size:28px;
   font-weight:bold;
   text-align:center;
}

footer a[href="tel:5146680207"] {
   padding-bottom:13px;
   line-height:30px;
   font-size:20px;
   font-weight:700;
   text-align:center;
}

footer a[href="mailto:davide.giardino@remax-quebec.com"] {
   font-size:17px;  
   font-weight:normal;  
   text-align:center; 
}  



   footer form h2 {
      font-size:22px;
      line-height:30px;
   }
   
   
.video-container2 {
   height:496px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:6%;
   width:279px;
   height:496px;
}      

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

#investissement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:40px;
line-height:36px;
}     

#modeles h2 {
font-size:26px;
line-height:1.10;
}
   
.font-modele {
font-size:17px;
line-height:1.1;
letter-spacing:0.9;
margin-bottom:22px;
}

.promotion-carrousel-01 {
width:90%;
top:240px;
}  

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

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


.bulle-03 {
position:fixed;
display:block;
right:3.15%;
width:150px;
bottom:45px;
}    


.bouton-01 {
position:fixed;
display:block;
left:3.15%;
width:150px;
bottom:45px;
}      


.captcha {
transform: scale(0.75);
transform-origin: 0 0;
margin-left:0%;
}

  
   
}



@media screen and (max-width:350px) {
  
.video-container2 {
   height:464px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:2.5%;
   width:261px;
   height:464px;
}   

.promotion-02 {
width:235px;
display:block;
margin-top:-15px;
margin-left:-7px;
margin-bottom:12px;
}    

.promotion-carrousel-01 {
width:90%;
top:230px;
}   

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

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

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


.bulle-03 {
position:fixed;
display:block;
right:3.25%;
width:135px;
bottom:42px;
}    


.bouton-01 {
position:fixed;
display:block;
left:3.25%;
width:135px;
bottom:42px;
}            
   
}



@media screen and (max-width:320px) {
  
.video-container2 {
   height:448px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:2.5%;
   width:252px;
   height:448px;
}    

.promotion-02 {
width:220px;
display:block;
margin-top:-15px;
margin-left:-7px;
margin-bottom:12px;
}    

.font-modele {
font-size:16px;
line-height:1.1;
letter-spacing:0.9;
margin-bottom:21px;
}

.promotion-carrousel-01 {
width:90%;
top:220px;
}   

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

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

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


.bulle-03 {
position:fixed;
display:block;
right:3.75%;
width:125px;
bottom:45px;
}    


.bouton-01 {
position:fixed;
display:block;
left:3.75%;
width:125px;
bottom:45px;
}    
   

.captcha {
transform: scale(0.70);
transform-origin: 0 0;
}
   
   
}



@media screen and (max-width:300px) {
  
.video-container2 {
   height:416px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:2.5%;
   width:234px;
   height:416px;
}  

.promotion-carrousel-01 {
width:90%;
top:210px;
}  

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

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

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



@media screen and (max-width:280px) {
  
.video-container2 {
   height:400px;
}

.video-container2 iframe {
   position:absolute;
   top:0;
   left:2.5%;
   width:225px;
   height:400px;
}   

#investissement h2 {
padding-top:30px;
margin-bottom:20px;
font-size:37px;
line-height:33px;
}   

.promotion-carrousel-01 {
width:90%;
top:200px;
}   

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

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

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