header.small
{
 background-size : 2.7vmin auto;
}

section article.etroit
{
 min-width : 20vmin;
 max-width : 30vmin;
 display : flex;
 flex-direction : row;
 justify-content : space-around;
 align-items : center;
 transition : background-color 6s 3s;
}

section article.etroit:hover
{
 background-color : rgba(0, 192, 128, 0.2);
 transition : background-color 1s;
}

section.relief article
{
 animation : ani3d001 10s ease-in;
}
.caseImage
{
 border-width : 1px;
 border-style : none;
 border-color : #008080;
 vertical-align : top;
 background-color : #001664;
 text-align : center;
 padding : 1vmin;
}

img#rootImg
{
 width : 40vmin;
}

div#galop01
{
 position : fixed;
 top : 25vh;
 left : 120vw;
 opacity : 0.8;
 transition : left 8s 1s linear, top 8s 1s linear;
 z-index : 3;
}

article.rgpd
{
 flex : 1;
 background-image : url('pics/gdpr01.webp');
 background-position : top right;
 background-repeat : no-repeat;
 background-size : 10vmin auto;
}

@keyframes ani3d001
{
 from
 {
  border-color : #FFFFFF;
  background-color : rgba(0, 128, 255, 0.4);
  transform : rotateY(75deg) translateY(100px) translateZ(-700px) translateX(-1000px) rotateX(120deg);
 }
 
 20%
 {
  border-color : #FFFFFF;
  background-color : rgba(0, 128, 255, 0.4);
  transform : rotateY(75deg) translateY(100px) translateZ(-700px) translateX(1000px) rotateX(60deg);
 }
 
 50%
 {
  border-color : #FFFFFF;
  background-color : rgba(0, 128, 255, 0.4);
  transform : rotateY(75deg) translateZ(-700px) translateX(1000px);
 }
 
 80%
 {
  border-color : #FFFFFF;
  background-color : rgba(0, 128, 255, 0.4);
  transform : rotateY(0deg) translateZ(-700px) translateX(0px);
 }
}