/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   https://meyerweb.com/eric/tools/css/reset/reset.css
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}

/* =============================================================================
 Personnalisation
 ========================================================================== */

/* POLICES */
@font-face {
 font-family: 'Architects Daughter';
 src: url('../fonts/ArchitectsDaughter.ttf') format('truetype');
}
@font-face {
   font-family: 'DejaVuSans';
   src: url('../fonts/DejaVuSans.ttf') format('truetype');
}
@font-face {
   font-family: 'Evolventa Regular';
   src: url('../fonts/Evolventa-Regular.ttf') format('truetype');
}
@font-face {
   font-family: 'Evolventa Bold';
   src: url('../fonts/Evolventa-Bold.ttf') format('truetype');
}
@font-face {
   font-family: 'FreeSans';
   src: url('../fonts/FreeSans.ttf') format('truetype');
}
@font-face {
   font-family: 'Grundschrift Regular';
   src: url('../fonts/Grundschrift-Regular.woff') format('woff');
}
@font-face {
   font-family: 'Grundschrift Bold';
   src: url('../fonts/Grundschrift-Bold.woff') format('woff');
}
@font-face {
   font-family: 'Gnutypewriter';
   src: url('../fonts/gtw.ttf') format('truetype');
}
@font-face {
   font-family: 'Open Symbol';
   src: url('../fonts/opens.ttf') format('truetype');
}
@font-face {
  font-family: 'Trueno';
  src: url('../fonts/TruenoRg.otf') format('opentype');
}
@font-face {
  font-family: 'liberation_sansregular';
  src: url('../fonts/LiberationSans-Regular-webfont.woff') format('woff');
}

/* MARQUES */
.gris {
  font-family: 'Trueno';
  color: #999999;
}
.rouge {
  font-family: 'Architects Daughter';
  font-weight: bold;
  color: #c5000b;
}
.rouge2 {
  font-family: 'liberation_sansregular';
  font-weight: bold;
  color: #c5000b;
  font-style: normal;
}
.bleu {
  font-family: 'Open Symbol';
  color: #0000ff;
}
.exavalLigne {
  height: 1.3vw;
}
.exposant {
  vertical-align: super;
  font-size: small;
}

/* AtysCeo */

.jauneAtysceo {
  font-family: "Grundschrift Regular";
  color: #ff950e;
  font-weight: bold;
  font-size: calc(14px + 0.6vw);
}
.rougeAtysceo {
  font-family: "Grundschrift Regular";
  color: #c5000b;
  font-weight: bolder;
  font-size: calc(14px + 0.6vw);
}
.vertAtysceo {
  font-family: "Grundschrift Regular";
  color: #aecf00;
  font-weight: bold;
  font-size: calc(14px + 0.6vw);
}

/* bluavento */

.souligne {
  text-decoration: underline;
  text-decoration-color: #33ff99;
  font-size: calc(14px + 0.4vw);
}
.bleu {
  font-family: "Gnutypewriter";
  color: #0000ff;
  font-size: calc(14px + 0.4vw);
}
.aubergine {
  font-family: "Gnutypewriter";
  color: #77216f;
  font-size: calc(14px + 0.4vw);
}

/* GENERAL */

* {
  box-sizing: border-box;
  list-style: none;
}
html, body {
  font-family: "Liberation Sans", sans-serif;
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  font-size: 1.4vw;
  scroll-behavior: smooth;
}
.contenu {
    margin: 3%;
    margin-right: 8%;
    margin-top: 1%;
}