.logo {
width:650px;
height:auto;
}

.logo2 {
width:450px;
height:auto;
}

.logo3 {
width:640px;
height:auto;
}

.logo4 {
width:450px;
height:auto;
}

.logo5 {
width:320px;
height:auto;
}

.contact {
width:557px;
height:auto;
}


.logos1 {
width:55%;
height:auto;
}

.logos2 {
width:40%;
height:auto;
}


.images1 {
width:75%;
height:auto;
}


.images2 {
width:20%;
height:auto;
}


.images3 {
width:50%;
height:auto;
margin: 0 auto;
}

.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:0;
}

.background1 {
background-image:url('triplex-neuf-laurentides_001.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position: center top;
}

.background2 {
background-image:url('triplex-neuf-laurentides_002.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position: center top;
}

.background-03 {
background-image:url('background_03-001.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position: center top;
max-width:100%;
}

.background-04 {
background-image:url('background_04-001.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position: right top;
}

.background-05 {
background-image:url('background_05-001.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position: center top;
}

.background-06 {
background-image:url('triplex-neuf-laurentides_003-01.jpg');
background-attachment:scroll;
background-repeat:no-repeat;
background-size:cover;
background-position: center top;
height:900px;
}





.rollover1 {
  background-color: #ffffff;
  border: none;
  opacity: 1;
  transition: 550ms;
}

.rollover1:hover {
opacity: 0.6;
}



.rollover2 {
position:relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.rolloverblack {
  position: absolute;
  top: 2.75%;
  bottom: 0;
  left: 1.65%;
  right: 0;
  height: 94.5%;
  width: 97%;
  opacity: 0;
  transition: 500ms ease;
  background-color: #000000;
}

.rollover2:hover .rolloverblack {
opacity: 0.3;
}




.blur {
	-webkit-filter: blur(0);
	filter: blur(0);
}

.blur:hover {
-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}




.morph {
  -webkit-filter: grayscale(0) blur(0px);
  filter: grayscale(0) blur(0px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;  /* on arrondit l'image */
  -webkit-transform: rotate(360deg); /* rotation de l'image */
  transform: rotate(360deg);
}



.rounded {
  -webkit-transition: .3s ease-in-out; 
  transition: .3s ease-in-out; 
}
.rounded:hover {
  border-radius: 65%; 
  opacity:0.80;
}



.zoom {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom:hover {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
    opacity:0.80;
}





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

.background-06 {
background-image:url('triplex-neuf-laurentides_003-01.jpg');
background-attachment:scroll;
background-repeat:no-repeat;
background-size:cover;
background-position: center top;
height:750px;
}

.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:0;
}

}


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

.background-06 {
background-image:url('triplex-neuf-laurentides_003-01.jpg');
background-attachment:scroll;
background-repeat:no-repeat;
background-size:cover;
background-position: center top;
height:unset;
}

.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:auto;
}

}



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

.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:auto;
}

.background-06 {
background-image:url('triplex-neuf-laurentides_003-02.jpg');
}

.logo4 {
width:380px;
height:auto;
}

}




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

.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:auto;
}

.background1 {
background-attachment:scroll;
}

.background2 {
background-attachment:scroll;
}


.background-06 {
background-image:url('triplex-neuf-laurentides_003-03.jpg');
}

.logo4 {
width:575px;
height:auto;
}


}




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

.logo {
width:575px;
height:auto;
}

.logo2 {
width:575px;
height:auto;
}

.logo3 {
width:565px;
height:auto;
}


.logo4 {
width:575px;
height:auto;
}

.contact {
width:525px;
height:auto;
}

.images2 {
width:25%;
height:auto;
}


.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:auto;
}



}




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

.images3 {
width:75%;
height:auto;
}

.logo {
width:460px;
height:auto;
}

.logo2 {
width:550px;
height:auto;
}

.logo3 {
width:530px;
height:auto;
}

.logo4 {
width:550px;
height:auto;
}

.logo5 {
width:300px;
height:auto;
}

.contact {
width:460px;
height:auto;
}


.images2 {
width:25%;
height:auto;
}

.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:auto;
}


}



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

.logo {
width:450px;
}

.logo2 {
width:510px;
height:auto;
}

.logo4 {
width:510px;
height:auto;
}



.logos {
width:490px;
height:auto;
}

.logo5 {
width:270px;
height:auto;
}

.contact {
width:400px;
height:auto;
}

.images2 {

width:35%;
height:auto;
}


.logo-palissades {
width:80%;
height:auto;
margin-top:0px;
margin-bottom:auto;
}


}



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

.background-03 {
background-image:url('background_03-002.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:auto 100%;
background-position: left top;
}

.images3 {
width:80%;
height:auto;
}

.logo {
width:45%;
height:auto;
}

.logo2 {
width:490px;
height:auto;
}

.logo3 {
width:450px;
height:auto;
}

.logo4 {
width:490px;
height:auto;
}

.logo5 {
width:250px;
height:auto;
}

.contact {
width:340px;
height:auto;
}

.images2 {
width:20%;
height:auto;
}


.logos1 {
width:26%;
height:auto;
}


.logos2 {
width:22%;
height:auto;
}

.logos4 {
width:22%;
height:auto;
}

.logo-palissades {
width:100%;
height:auto;
margin-top:15px;
margin-bottom:auto;
}



}




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

.logo5 {
width:75%;
height:auto;
}

}



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

.images3 {
width:90%;
height:auto;
}

.logo {
width:50%;
height:auto;
}

.logo2 {
width:450px;
height:auto;
}

.logo3 {
width:370px;
height:auto;
}

.logo4 {
width:450px;
height:auto;
}

.logo5 {
width:78%;
height:auto;
}




}



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

.logo {
width:56%;
height:auto;
}

.logo2 {
width:375px;
height:auto;
}

.logo3 {
width:300px;
height:auto;
}

.logo4 {
width:375px;
height:auto;
}


.logo5 {
width:85%;
height:auto;
}


.images2 {
width:25%;
height:auto;
}

.contact {
width:165px;
}



}


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

.logo {
width:60%;
height:auto;
}

.logo2 {
width:90%;
height:auto;
}

.logo3 {
width:200px;
height:auto;
}

.logo4 {
width:90%;
height:auto;
}

.logo5 {
width:90%;
height:auto;
}



.images2 {
width:25%;
height:auto;
}

.contact {
width:130px;
}



}