@font-face {
  font-family: 'Open Sans';
  src: url("./OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("./OpenSans-Regular.woff?v=1.1.0") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("./OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("./OpenSans-Light.woff?v=1.1.0") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("./OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("./OpenSans-Bold.woff?v=1.1.0") format("woff");
  font-weight: bold;
  font-style: normal;
}

/*
@font-face {
  font-family: 'Open Sans';
  src: url("./OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("./OpenSans-Semibold.woff?v=1.1.0") format("woff");
  font-weight: 600;
  font-style: normal;
}
*/

@font-face {
  font-family: 'Open Sans';
  src: url("./OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("./OpenSans-Italic.woff?v=1.1.0") format("woff");
  font-weight: normal;
  font-style: italic;
}

body {
  background: #ffffff;
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  -webkit-text-size-adjust: auto;
  font-family: 'Open Sans', sans-serif;
}

#header {
  background-color: #283784ff;
  background-image: url("/images/bulles-haut-gauche.png"), url("/images/bulles-bas-droite.png");
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
}

.no-bullet {
  list-style-type: none;
}

.sticky {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 1000;
}

.heartbeat {
	animation: beat-logo .5s infinite alternate;
	transform-origin: center;
}
@keyframes beat-logo{
	to { transform: scale(1.1); }
}

#menu-mobile {
	animation: beat-menu .25s infinite alternate;
	transform-origin: center;
}
@keyframes beat-menu{
	to { transform: scale(1.4); }
}

.h20 { height: 20px; }
.w600 { width: 600px; }
.w200 { width: 200px; }
.w100 { width: 100px; }
.p20 { padding: 20px; }
.pt20 { padding-top: 20px; }
.m20 { margin: 20px; }

.pointer {cursor: pointer;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #0d47a1;
    -webkit-text-size-adjust: auto;
}

.scroll>table, table :is(thead,tbody,tfoot,tr,th,td) {
font-weight: 400;
  -webkit-text-size-adjust: auto;
  font-family: 'Open Sans', sans-serif;
}

.tabs > a { font-size: 1.2rem; }
p {
  font-weight: 300;
  font-size: 1rem;
}

.shadow { box-shadow: 2px 2px 2px #aaaaaa; }
.justify { text-align: justify; }

nav.drawer>a {
  border-radius: 4px;
}
nav.drawer>a:is(:hover,.active), nav.drawer>:is(ol,ul)>li>a:is(:hover,.active) {
  background-color: #0d47a177;
  color: #ffffff;
}

article {
  border-radius: 4px;
}

.rounded {
  border-radius: 4px;
}

article img {
  border-radius: 4px;
  box-shadow: 2px 2px 2px #aaaaaa;
}

no-border {
  border-radius: 0;
  box-shadow: none;
}

.lavande { background-color: #c2c6dff8; }