/**Récupération directe du SCSS produit par _typo.scss*/

/* Font Awesome */
/*.fas, .formulaire_spip.formulaire_recherche form:before {
  font-family: Fontawesome-s;
  color: #00365b;
}
.fab {
  font-family: Fontawesome-b;
  color: #00365b;
}
.far {
  font-family: Fontawesome-r;
  color: #00365b;
}*/
/* autres */
body {
  font-size: 0.875em;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  line-height: 1.6;
  color: #00365b;
  text-rendering: geometricPrecision;
}
@media screen and (min-width: 36.3125em) {
  body {
    font-size: 0.9375em;
  }
}
@media screen and (min-width: 48.0625em) {
  body {
    font-size: 1em;
  }
}
@media screen and (min-width: 61.3125em) {
  body {
    font-size: 1em;
  }
}
html.rtl * {
  font-style: normal !important;
}
a {
  border-bottom: 1px solid #00365b;
  text-decoration: none;
  /*    &:focus {
        background-color: $couleur-lien !important;
        border-color:     $couleur-lien !important;
        color:            white !important;
        text-shadow:      none !important;
        transition:       all 0s !important;
        svg * {
            //fill: white !important;
        }
    }*/
}
a.spip_out {
  /*color: $couleurTertiaire;
		border:0;
		font-weight:700;*/
}
a.spip_out:hover, a.spip_out:focus {
  /*color:$couleurPrincipaleOn;
			border-color:$couleurPrincipaleOn;*/
}
a:hover, a:focus {
  text-decoration: none;
  color: #00c4f5;
  border-color: #00c4f5;
  outline: 0;
}
.sociaux a, .pagination a {
  border: 0;
}
.nav.principale {
  font-family: "Lato", sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .surtitre {
  font-family: "Metropolis", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  font-style: normal;
  color: #00365b;
  margin: 1.2em 0 0.3em 0;
  letter-spacing: 0.02em;
}
h1 a:link, h1 a:visited, .h1 a:link, .h1 a:visited, h2 a:link, h2 a:visited, .h2 a:link, .h2 a:visited, h3 a:link, h3 a:visited, .h3 a:link, .h3 a:visited, h4 a:link, h4 a:visited, .h4 a:link, .h4 a:visited, h5 a:link, h5 a:visited, .h5 a:link, .h5 a:visited, h6 a:link, h6 a:visited, .h6 a:link, .h6 a:visited, .surtitre a:link, .surtitre a:visited {
  /*color: $couleur-titres;*/
}
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover, .surtitre a:hover {
  color: #00c4f5;
}
h1, .h1 {
  font-size: 2.5em;
  font-weight: 400;
  margin-bottom: 1.2em;
}
@media screen and (min-width: 48.0625em) {
  h1, .h1 {
    font-size: 2.8125em;
  }
}
@media screen and (max-width: 23.75em) {
  h1, .h1 {
    font-size: 2.1875em;
  }
}
h2, .h2 {
  font-size: 1.625em;
  font-weight: 400;
  margin-top: 1.5em;
  margin-bottom: 1em;
  /*     @include media($bp-xxsmall) { */
  /* 		word-break: break-all; */
  /* 	} */
}
@media screen and (min-width: 48.0625em) {
  h2, .h2 {
    font-size: 1.875em;
  }
}
h3, .h3 {
  font-size: 1.25em;
}
@media screen and (min-width: 48.0625em) {
  h3, .h3 {
    font-size: 1.4375em;
  }
}
h4, .h4 {
  font-size: 1.125em;
}
@media screen and (min-width: 48.0625em) {
  h4, .h4 {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 48.0625em) {
  h5, .h5, h6, .h6 {
    font-size: 1.125em;
  }
}
::selection {
  color: white !important;
  background: #001828 !important;
  text-shadow: none !important;
  transition: all 0s !important;
}



.pagination .sep, .pagination .label {
  display: none;
}
.pagination .lien_pagination, .pagination .on, .pagination .tbc {
  display: inline-block;
  padding: 0 0.4em;
  text-decoration: none;
}
.pagination .lien_pagination:hover, .pagination .lien_pagination:focus, .pagination .lien_pagination:active {
  color: #FFF;
  background-color: #0f6d84;
}
.pagination .lien_pagination, .pagination .on, .pagination .tbc {
  text-align: center;
  border-radius: 0.25em;
  min-width: 1.5em;
}
.pagination .pages {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.pagination .pages .on {
  color: #FFF;
  background-color: #0a4756;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.pagination .next strong, .pagination .prev strong {
  font-weight: normal;
}
.pagination .disabled {
  display: inline-block;
  color: #838383;
}

* spip4 */
.pagination, .aside .nav .pagination {
  margin: 2em 0;
}
.pagination .pagination-items, .aside .nav .pagination .pagination-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
.pagination .pagination-item, .aside .nav .pagination .pagination-item {
  padding: 0;
  background: none;
  margin: 0 0.15em 0.5em;
}
.pagination .pagination-items a, .pagination .pagination-items span.on, .aside .nav .pagination .pagination-items a, .aside .nav .pagination .pagination-items span.on {
  display: inline-block;
  text-decoration: none;
  border: none;
  padding: 0.5em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  color: #0a4756;
}
.pagination .pagination-items a:hover, .pagination .pagination-items span.on, .aside .nav .pagination .pagination-items a:hover, .aside .nav .pagination .pagination-items span.on {
  background: #eee !important;
  color: #0f6d84;
  text-decoration: none;
}
.pagination .tbc, .aside .nav .pagination .tbc {
  line-height: 2.4;
}