@font-face{
     font-family: "florence";
     src: url("font/Florence-Regular.otf");
     font-weight: bold;
} 	
body, html {
    height: 100%;
    line-height: 1.4;
    background-color: #fff;
	color: #442C1D;
}
body {font-family: "Calibri", sans-serif; font-size: 1.2em;}
a:link {text-decoration:none;} 
h1{font-family: "florence", sans-serif; font-size: 4em; color: #0e445a;}

h2{font-weight: bold; font-size: 2em; color:#7A4F34;
background: linear-gradient(to left, #f69ec4, #f9dd94 100%);
background-position: 50% 100%;
background-size: 50% 2px;
background-repeat: no-repeat;
    }

h4{font-weight: bold; font-size: 1em;}


	
	
.bgcolor1 {background-color:#F1DBD3; color:#7A4F34;}

.color1 {color:#442C1D;}


.bgimg-1 {
    background-position: top;
    background-size: cover;
	background-attachment: fixed;
    background-image: url("images/Nia-salle.jpg");
    min-height: 100%;
}
@media only screen and (max-device-width: 1366px) {
  .bgimg-1 {
    background-attachment: scroll;
  }
}



.survol {display:none;}
.divsurvol:hover .survol{display:block;}
.divsurvol:hover {background-color: #eee;}
.divsurvol:hover img{opacity:0.3;}

.zoom {
transition: transform .2s; /* Animation */ }
.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

@media only screen and (max-device-width: 1000px) {
  .fixer {
	right: 5%;
	top: 30%;
    position: fixed;
  }
}