/* =====================================================================
   legacy-classique.css
   ---------------------------------------------------------------------
   Le petit bloc <style> qui vivait dans le <head> de l'ancien header.php
   (la police averta, la video plein ecran, .intro du portfolio web).

   Sorti ici lors de la fusion des en-tetes, le 2026-09-21. Charge
   uniquement par le mode "classique" du header unique, c'est-a-dire par
   les modeles du dossier legacy/ qui appelaient get_header() sans nom.
   ===================================================================== */


@font-face {
  font-family: 'averta';
  src: url('../font/averta-extrabold-webfont.ttf');
  src: url('../font/averta-semibold-webfont');
}

.averta{
  font-size: 1.8em; 
  font-family: 'averta' , sans-serif; 
  font-weight: 600;
}

.avertaspecial{
  font-size: 1.5em; 
  font-family: 'averta' , sans-serif; 
  font-weight: 600;
  letter-spacing: 3px;
}

  /* basic */
  html, body, div, p, a, video {
  margin: 0;
  padding: 0;
  }

  /* video */
  .video {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  }

  /* page portfolio web */
  /* section dans style.css */
  .intro { position:relative;
    background: #fff url(../img/mockupunamedgif2.png) no-repeat center center;
    background-size: 60%;
    }/*https://pbs.twimg.com/media/Csowz3eWgAEhk7q.jpg*/

  /* padding inclus dans la div */
  div{box-sizing: border-box; 
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */}
  textarea{box-sizing: border-box; 
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */}
  
  /* media */
  @media screen and (max-device-width: 800px) {
    #theplayer { /*display: none;*/ }
  }