.galerie {
max-width:100%;	
margin:115px auto 115px auto;
padding:0 5% 0 5%;
display:grid;
grid-row-gap:19px;
grid-column-gap:25px;
grid-template-columns:1fr 1fr 1fr 1fr;
}

.galerie-titre {
width:90%;  
max-width:95%;  
margin:90px auto 20px auto;
}    

.galerie-spacer-01 {
width:20px;  
height:85px;
display:block;
}    



.photo-01 {
border:2px solid #ffffff;
background-color:#ffffff;
border-radius:7px 7px 7px 7px;
opacity:1;
transition:350ms;
}

.zoom-01:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:190px;
border:3px solid #ffffff;
transition:350ms;
position:relative;
z-index:20;
}

.zoom-02:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
transition:350ms;
position:relative;
z-index:20;
}

.zoom-03:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
transition:350ms;
position:relative;
z-index:20;
}

.zoom-04:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:-190px;
border:3px solid #ffffff;
transition:350ms;
position:relative;
z-index:20;
}






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


}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {

.galerie {
margin:110px auto 110px auto;
grid-row-gap:19px;
grid-column-gap:25px;
}

.galerie-titre {
width:91%;    
margin:90px auto 20px auto;
}   

.galerie-spacer-01 { 
height:75px;
display:block;
}     


.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:170px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:-330px;
border:3px solid #ffffff;
}


}



/* 1600 x 900 */
@media only screen and (max-width: 1600px) {


}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {

.galerie {
margin:105px auto 105px auto;
grid-row-gap:17px;
grid-column-gap:24px;
}

.galerie-titre {
width:91%;   
margin:85px auto 19px auto;
}  

.galerie-spacer-01 { 
height:70px;
display:block;
}    
  


.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:150px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:-300px;
border:3px solid #ffffff;
}

}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {
	
.galerie {
margin:102px auto 102px auto;
grid-row-gap:15px;
grid-column-gap:23px;
}

.galerie-titre {
width:92%;   
margin:80px auto 18px auto;
}   

.galerie-spacer-01 { 
height:65px;
display:block;
}     

.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:140px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.0); /* IE 9 */
-webkit-transform:scale(2.0); /* Safari 3-8 */
transform:scale(2.0);
margin-left:-280px;
border:3px solid #ffffff;
}

}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {



}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {

.galerie {	
margin:100px auto 100px auto;
grid-row-gap:15px;
grid-column-gap:23px;
grid-template-columns:1fr 1fr 1fr 1fr;
}

.galerie-titre {
width:92%;   
margin:75px auto 17px auto;
}    

.galerie-spacer-01 { 
height:62px;
display:block;
}    

.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:150px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:-300px;
border:3px solid #ffffff;
}

}





@media only screen and (max-width: 1200px) {
	
.galerie {
margin:90px auto 90px auto;
grid-row-gap:15px;
grid-column-gap:23px;
grid-template-columns:1fr 1fr 1fr 1fr;
}

.galerie-titre {
width:92%;   
margin:75px auto 16px auto;
}  

.galerie-spacer-01 { 
height:58px;
display:block;
}    

.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:140px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:-270px;
border:3px solid #ffffff;
}	

}




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

.galerie {
margin:85px auto 85px auto;
grid-row-gap:13px;
grid-column-gap:22px;
grid-template-columns:1fr 1fr 1fr 1fr;
}

.galerie-titre {
width:92%;   
margin:70px auto 15px auto;
}  

.galerie-spacer-01 { 
height:55px;
display:block;
}    

.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:130px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:-260px;
border:3px solid #ffffff;
}	

}






/* 1024 x 768 */
@media only screen and (max-width: 1050px) {
	
.galerie {
margin:83px auto 83px auto;
grid-row-gap:10px;
grid-column-gap:20px;
grid-template-columns:1fr 1fr 1fr 1fr;
}

.galerie-titre {
width:91%;   
margin:65px auto 15px auto;
}  

.galerie-spacer-01 { 
height:65px;
display:none;
}    


.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:120px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:-240px;
border:3px solid #ffffff;
}	


}




/* 960 x 600 */
@media only screen and (max-width: 980px) {



}




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

.galerie {
margin:75px auto 75px auto;
grid-row-gap:9px;
grid-column-gap:18px;
grid-template-columns:1fr 1fr 1fr 1fr;
}

.galerie-titre {
width:91%;   
margin:62px auto 14px auto;
}  

.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:100px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin:0;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(2.25); /* IE 9 */
-webkit-transform:scale(2.25); /* Safari 3-8 */
transform:scale(2.25);
margin-left:-200px;
border:3px solid #ffffff;
}	


}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) {

.galerie {	
margin:70px auto 70px auto;
grid-row-gap:9px;
grid-column-gap:18px;
grid-template-columns:1fr 1fr;
}

.galerie-titre {
width:91%;   
margin:60px auto 14px auto;
}  

.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:100px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:-200px;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:100px;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:-200px;
border:3px solid #ffffff;
}	

}





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

.galerie {
margin:65px auto 65px auto;
grid-row-gap:9px;
grid-column-gap:18px;
grid-template-columns:1fr 1fr;
}

.galerie-titre {
width:91%;   
margin:60px auto 14px auto;
}  

.photo-01 {
border:2px solid #ffffff;
}

.zoom-01:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:80px;
border:3px solid #ffffff;
}

.zoom-02:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:-180px;
border:3px solid #ffffff;
}

.zoom-03:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:80px;
border:3px solid #ffffff;
}

.zoom-04:hover {
-ms-transform:scale(1.50); /* IE 9 */
-webkit-transform:scale(1.50); /* Safari 3-8 */
transform:scale(1.50);
margin-left:-180px;
border:3px solid #ffffff;
}	

}





/* 600 x 960 */
@media only screen and (max-width: 620px) {
	
.galerie {
margin:62px auto 62px auto;
grid-row-gap:18px;
grid-column-gap:0;
grid-template-columns:1fr;
}

.galerie-titre {
width:88%;   
margin:60px auto 14px auto;
}  

.photo-01 {
border:0;
cursor:default;
}

.zoom-01:hover {
-ms-transform:none; /* IE 9 */
-webkit-transform:none; /* Safari 3-8 */
transform:none;
margin-left:0;
border:0;
}

.zoom-02:hover {
-ms-transform:none; /* IE 9 */
-webkit-transform:none; /* Safari 3-8 */
transform:none;
margin-left:0;
border:0;
}

.zoom-03:hover {
-ms-transform:none; /* IE 9 */
-webkit-transform:none; /* Safari 3-8 */
transform:none;
margin-left:0;
border:0;
}

.zoom-04:hover {
-ms-transform:none; /* IE 9 */
-webkit-transform:none; /* Safari 3-8 */
transform:none);
margin-left:0;
border:0;
}	


}




@media only screen and (max-width: 550px) {
	
.galerie {
margin:62px auto 62px auto;
grid-row-gap:18px;
}

.galerie-titre {
width:88%;   
margin:55px auto 13px auto;
}  

}




/* 480 x 853 */
@media only screen and (max-width: 500px) {
	
.galerie {
margin:60px auto 60px auto;
grid-row-gap:18px;
}

.galerie-titre {
width:88%;   
margin:50px auto 12px auto;
}  

}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {
	
.galerie {
margin:57px auto 57px auto;
grid-row-gap:17px;
}

.galerie-titre {
width:89%;   
margin:48px auto 12px auto;
}  

}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {
	
.galerie {
margin:54px auto 54px auto;
grid-row-gap:15px;
}

.galerie-titre {
width:90%;   
margin:45px auto 11px auto;
}  

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {

.galerie {
margin:52px auto 52px auto;
grid-row-gap:14px;
}

.galerie-titre {
width:90%;   
margin:42px auto 10px auto;
}  


}




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

.galerie {
margin:50px auto 50px auto;
grid-row-gap:12px;
}

.galerie-titre {
width:90%;   
margin:41px auto 10px auto;
}  


}