.animation1 {
position:absolute;
top:200px;
width:95%;
left:0px;
text-align:right;
z-index:5;
}


.invisible1 {
position:absolute;
width:500px;
height:auto;
top:700px;
left:25px;
text-align:right;
z-index:8;
}



.footer1 {
width:100%;
max-width:1200px;
margin-right:auto;
margin-left:auto;
margin-top:100px;
margin-bottom:100px;
padding:0;
display:grid;
grid-template-columns: 45% auto;
}

.footer2 {
text-align:left;
}

.footer3 {
text-align:left;
padding-left:40px;
}

.plan1 {
width:100%;
height:auto;
padding:0;
background-color:#ffffff;
}

.plan2 {
width:1000px;
height:auto;
padding:0;
margin-right:auto;
margin-left:auto;
}

.iframe1 {
position: relative;
width:1000px;
height:auto;
margin-right:auto;
margin-left:auto;
padding-bottom: 46.25%; height: 0;
}

.iframe1 iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

.iframe2 {
position: relative;
width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
padding-bottom: 56.25%; height: 0;
}

.iframe2 iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}





.main1 {
width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
padding:0;
background-color:#ffffff;
display:grid;
grid-template-columns: 50% auto;
}

.main2 {
width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
padding:0;
}

.main3 {
width:90%;
height:auto;
margin-right:auto;
margin-left:auto;
margin-top:25px;
margin-bottom:25px;
text-align:left;
padding:0;
}

.main4 {
width:90%;
height:auto;
margin-right:auto;
margin-left:auto;
margin-top:25px;
margin-bottom:25px;
text-align:left;
padding-top:20px;
padding-bottom:20px;
}

.main5 {
width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
padding:0;
background-image:url('construction-de-triplex-neufs.jpg');
background-attachment:scroll;
background-repeat:no-repeat;
background-size:cover;
background-position: center top; 
}

.main6 {
width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
padding:0;
background-image:url('condo-a-louer-st-jerome_002.jpg');
background-attachment:scroll;
background-repeat:no-repeat;
background-size:cover;
background-position: center top; 
display:none;
}

.main7 {
width:1000px;
height:auto;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
text-align:left;
padding:0;
}





.slider1 {
width:100%;
padding:0px;
margin-top:0px;
}


.title1{
width:100%;
height:auto;
display:block;
background-color:#1a344e;
}

.title2{
width:1000px;
margin-right:auto;
margin-left:auto;
padding:35px 0; 
text-align:center;
}



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


.invisible1 {
position:absolute;
width:500px;
height:auto;
top:650px;
left:25px;
text-align:right;
z-index:8;
}

}




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

.animation1 {
top:180px;
width:95%;
text-align:right;
}

.invisible1 {
position:absolute;
width:475px;
height:auto;
top:550px;
left:25px;
text-align:right;
z-index:8;
}


.position1 {
top:690px;
}



}



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

.animation1 {
top:155px;
width:95%;
text-align:right;
}

.position1 {
top:650px;
}




}


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


.invisible1 {
position:absolute;
width:450px;
height:auto;
top:500px;
left:23px;
text-align:right;
z-index:8;
}

}




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

.animation1 {
top:140px;
width:95%;
text-align:right;
}

.invisible1 {
position:absolute;
width:350px;
height:auto;
top:450px;
left:21px;
text-align:right;
}

.position1 {
top:560px;
}


.title2{
margin-right:auto;
margin-left:auto;
padding:25px 0; 
text-align:center;
}


}





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

.animation1 {
top:140px;
width:95%;
text-align:right;
}

.footer1 {
width:100%;
max-width:1000px;
margin:auto;
padding:0;
display:grid;
grid-template-columns: 40% auto;
}

.ifram1 {
width:100%;
max-width:1000px;
height:460px;
padding:0px;
margin:auto;
}

.position1 {
top:520px;
}




}




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

.animation1 {
top:135px;
width:95%;
text-align:right;
}

.footer1 {
width:100%;
max-width:990px;
margin:auto;
padding:0;
display:grid;
grid-template-columns: 40% auto;
}

.ifram1 {
width:100%;
max-width:990px;
height:440px;
padding:0px;
margin:auto;
}

.invisible1 {
position:absolute;
width:325px;
height:auto;
top:400px;
left:18px;
text-align:right;
}

.position1 {
top:460px;
}

.title2{
margin-right:auto;
margin-left:auto;
padding:22px 0; 
text-align:center;
}

}




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

.animation1 {
top:120px;
width:96%;
text-align:right;
}

.footer1 {
width:100%;
max-width:880px;
margin:auto;
padding:0;
display:grid;
grid-template-columns: 40% auto;
}

.footer3 {
text-align:left;
padding-left:40px;
}


.iframe1 {
position: relative;
width:95%;
height:auto;
margin-right:auto;
margin-left:auto;
}

.invisible1 {
position:absolute;
width:250px;
height:auto;
top:350px;
left:15px;
text-align:right;
}

.main7 {
width:90%;
height:auto;
margin-right:auto;
margin-left:auto;
margin-top:0;
margin-bottom:0;
padding:0;
}




.title2{
width:95%;
height:auto;
margin-right:auto;
margin-left:auto;
padding:15px 0; 
text-align:center;
}

}





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

.animation1 {
top:110px;
width:96%;
text-align:right;
}

.footer1 {
width:100%;
max-width:760px;
margin:auto;
padding:0;
display:grid;
grid-template-columns: 40% auto;
}

.ifram1 {
width:100%;
max-width:800px;
height:400px;
padding:0px;
margin:auto;
}

.invisible1 {
position:absolute;
width:200px;
height:auto;
top:320px;
left:12px;
text-align:right;
}

.position1 {
top:360px;
}

}




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

.animation1 {
top:105px;
width:96%;
text-align:right;
}

.footer1 {
width:100%;
max-width:660px;
margin:auto;
padding:0;
display:grid;
grid-template-columns: 40% auto;
}

.footer3 {
text-align:left;
padding-left:30px;
}

.ifram1 {
width:100%;
height:380px;
padding:0px;
margin:auto;
}


.position1 {
top:340px;
}


}




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

.animation1 {
top:295px;
width:97%;
text-align:right;
}

.footer1 {
width:100%;
text-align:center;
margin:auto;
padding:0;
display:grid;
grid-template-columns: 100%;
}

.footer2 {
text-align:center;
}

.footer3 {
text-align:center;
padding-left:0px;
}


.ifram1 {
width:100%;
height:350px;
padding:0px;
margin:auto;
}

.invisible1 {
position:absolute;
width:200px;
height:auto;
top:450px;
left:12px;
text-align:right;
}

.main1 {
width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
padding:0;
display:grid;
grid-template-columns: 100%;
}

.main2 {
width:100%;
height:400px;
}

.main5 {
display:none;
}

.main6 {
width:100%;
height:400px;
display:block;
}




}





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

.animation1 {
top:265px;
width:97%;
text-align:right;
}

.ifram1 {
width:100%;
height:300px;
padding:0px;
margin:auto;
}

.invisible1 {
position:absolute;
width:190px;
height:auto;
top:400px;
left:11px;
text-align:right;
}

.main2 {
width:100%;
height:350px;
}

.main6 {
width:100%;
height:350px;
}

.position1 {
top:250px;
}


}






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

.animation1 {
top:235px;
width:98%;
text-align:right;
}

.ifram1 {
width:100%;
height:260px;
padding:0px;
margin:auto;
}

.invisible1 {
position:absolute;
width:180px;
height:auto;
top:340px;
left:11px;
text-align:right;
}

.main2 {
width:100%;
height:280px;
}

.main6 {
width:100%;
height:280px;
}

.photos2000 {
width:1016px;
display:none;
}

.photos1000 {
width:814px;
display:none;
}

.photos0800 {
width:714px;
display:none;
}

.photos0700 {
width:510px;
display:none;
}

.photos0500 {
width:381px;
display:block;
}

.photos10 {
width:1016px;
display:none;
}

.photos11 {
width:814px;
display:none;
}

.photos12 {
width:714px;
display:none;
}

.photos13 {
width:510px;
display:none;
}

.photos14 {
width:381px;
display:block;
}

.position1 {
top:210px;
}



}




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

.animation1 {
top:190px;
width:99%;
text-align:right;
}

.ifram1 {
width:100%;
height:230px;
padding:0px;
margin:auto;
}

.invisible1 {
position:absolute;
width:180px;
height:auto;
top:320px;
left:11px;
text-align:right;
}

.main2 {
width:100%;
height:200px;
}

.main6 {
width:100%;
height:200px;
}

.position1 {
top:195px;
}



}




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

.animation1 {
top:165px;
width:100%;
text-align:right;
}

.ifram1 {
width:100%;
height:210px;
padding:0px;
margin:auto;
}

.invisible1 {
position:absolute;
width:170px;
height:auto;
top:295px;
left:11px;
text-align:right;
}


.position1 {
top:185px;
}



}