.titre{
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
 /* src: url("Tangerine.woff2") format('woff2');*/
  color:white;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.page-title  {
    font-size:120%;
    text-align: left;
    margin:10px 0px;
}

.zoom-zone1 img:hover {
	-webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
	transform:scale(1.3);
	-webkit-transition:transform 1s,.5s ease-in-out;
    -ms-transition:transform 1s,.5s ease-in-out;
    -moz-transition:transform 1s,.5s ease-in-out;
    -o-transition:transform 1s,.5s ease-in-out;
	transition:transform 1s,.5s ease-in-out
}

.zoom-image2 {overflow:hidden}
.zoom-image2 img {width:100%;height:auto}
.zoom-image2 img:hover{width:100%;-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition:1s ease-in-out;transition:1s ease-in-out}

/*.zoom-image {overflow:hidden}
.zoom-image img {width:100%;height:auto}*/
.zoom-image img:hover{
	/*width:100%;
	-webkit-transform:scale(1.3);
	transform:scale(1.3);*/
	transform: translate(10px, -3vh);
	box-shadow: 20px 15px 35px rgba(0,0,0, 0.8);
	-webkit-transition:1s ease-in-out;
    -ms-transition:transform 1s ease-in-out;
    -moz-transition:transform 1s ease-in-out;
    -o-transition:transform 1s ease-in-out;
	transition:1s ease-in-out
}
#cadrephoto{
  margin: 5px;  
  width:150px; 
  height: 150px;
  border: 4px solid skyblue;	
  border-radius: 8px;
}
body{
    background-color: #03224c;
}

.titre2{
	border-radius: 20px;
}
.ancetre{
   position:relative;  
  /*display:flex;
   justify-content:center; /*horizontalement
   align-items:center;   /*verticalement*/
}
.centered{
  /*display:inline-block;*/
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}