textarea
{
  border:1px solid #999999;
  width:100%;
  margin:5px 0;
  padding:3px;
}
input[type='text'],input[type='email']
{
  border:1px solid #999999;
  width:70%;
max-width:30em;
  margin:5px 0;
  padding:3px;
}
input
{
  border:1px solid #999999;
}
#page_contact
{
max-width:800px;
  margin:5px auto;
  padding:3px auto;
}
#imgacc{
max-height: 10%;
height:10vh;
width:100%;
text-align:center;
padding:0;
border:0;
margin:0;
-ie-display: none;
}


#imgportrait{
max-height: 100%;
max-width:100%;;
text-align:center;
padding:0;
border:0;
margin:0;

}
#imgpaysage{
max-width: 100%;
height:auto;
padding:0;
border:0;
margin:0;
}



.svn-content{
max-height: 70%;
max-width:80%;;
text-align:center;
padding:0;
border:0;
margin:auto 0;

}
.svg-container a::after{
    content: '';
    position: absolute;
    top: 100px; left: 10%; 
    right: 10%; bottom: 10%;
      background: radial-gradient(
                     circle farthest-side at 0 0, 
                     rgba(255,255,255,0) 90%,
                     rgba(255,255,255,.8) 98%,
                     rgba(255,255,255,0) 100%
                 ) no-repeat;
  background-position: -900px 0;
}
.svg-container a:hover::after,
.svg-container a:focus::after{
    transition: background-position 3s;
    background-position: 15px 0;
}



body {

  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: perspective(900px);
          transform: perspective(900px);
}


.poster {

max-height: 100%;
max-width:100%;
  position: relative;
  overflow: hidden;
text-align:center;
padding:0;
border:0;
margin:0 auto;
}
.poster div[class*="layer-"] {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transition: 0.1s;
          transition: 0.1s;
}
.poster .layer-1 {
background-image: url("view.php/2010AP.png");}
.poster .layer-2 {
background-image: url("view.php/2010PP.png");}