section.header {
  padding: 60px 20px;
  background: url(../img/bg/portail.jpg), linear-gradient(-45deg, #008cab, #00b8de);
  background-position: 50% 50%;
  background-size: cover; }

.bandeau {
  border-top: 1px solid #d4d4d4;
  border-radius: 0px;
  margin-top: 20px;
  padding-top: 20px; }

.story {
  background: url(/img/doodles_transparent.png);
  padding: 40px 0px; }

.inline-flex {
  display: flex;
  align-items: flex-start;
  justify-content: center; }

@media screen and (max-width: 400px) {
  .inline-flex {
    flex-wrap: wrap; } }

.avatar {
  width: 120px;
  height: 120px;
  border-radius: 200px;
  border: 2px solid white;
  background-size: cover;
  background-position: center; }
  .avatar.evelyne {
    background-image: url(/img/evelyne.jpg); }

.avatar-noshrink {
  flex-grow: 0;
  flex-shrink: 0; }

.carae {
  width: 120px;
  height: 120px; }

.avatar-inline {
  margin: 0 50px; }

/* Animation pour la page d'accueil portail uniquement */
html {
  animation: hideOverflow 3s ease-out forwards; }

@keyframes hideOverflow {
  from {
    overflow: hidden; }
  99% {
    overflow: hidden; }
  100% {
    overflow: auto; } }

section.header ~ * {
  opacity: 0;
  animation: appear 1s ease-out forwards; }
  section.header ~ *:nth-child(1) {
    animation-delay: 3.25s; }
  section.header ~ *:nth-child(2) {
    animation-delay: 3.45s; }
  section.header ~ *:nth-child(3) {
    animation-delay: 3.65s; }
  section.header ~ *:nth-child(4) {
    animation-delay: 3.85s; }

section.header {
  min-height: 100vh;
  animation: fullScalePortal 1s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 3s; }
  section.header .page-title {
    opacity: 0;
    animation: slideIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    animation-delay: 0.5s; }
  section.header .page-title-sub {
    opacity: 0;
    animation: slideIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    animation-delay: 1.2s; }

section.story .module {
  opacity: 0;
  animation: slideLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
  section.story .module:nth-child(1) {
    animation-delay: 4s; }
  section.story .module:nth-child(2) {
    animation-delay: 4.2s; }
  section.story .module:nth-child(3) {
    animation-delay: 4.4s; }
  section.story .module:nth-child(4) {
    animation-delay: 4.6s; }