/* Unvisited link */
a:link {
color: #f8fafc ;
text-decoration: underline;
}
/* Visited link */
a:visited {
color: #f8fafc;
text-decoration: none;
}
/* Mouse over link */
a:hover {
color: #503e4a;
text-decoration: underline;
background-color: #bfa0a0 ;
}
/* Active link */
a:active {
color: black;
text-decoration: underline;
}

blockquote {
  padding-bottom:0;
}

h1 {
  font-size: 1.3em;
  color: #69425c;
  text-decoration: underline;
  padding-top: 4px;
}
h2 {
  font-size: large;
  color: #f8fafc;
  text-decoration: underline;
  padding-top: 8px;
}
p {
  text-align: justify;
  font-size: large;
}

small {
  color: #fff9f8 ;
  font-size: medium;
  font-weight: 600;
}

.accent-color {
  background-color: #69425c;
}

.background-dark {
  background-color: #bfa0a0
}

.background-light {
  background-color: #f8fafc
}

.background-pale-5 {
  background-color: #ebe4e3;
}

.background-circle {
  background-image: url(./Photos/Fond-pale-5.png);
  background-size: 200% 100%;
  background-position: center;
}

.background-circle-top {
  background-image: url(./Photos/Fond-pale-5-top.png);
  background-size: 100px 100%;
  background-position: center;
}

.background-circle-bottom {
  background-image: url(./Photos/Fond-pale-5.png);
  background-size: 200% 100%;
  background-position: center;
}

.card {
  border-color: #f8fafc;
}

.card-image {
  background-position:center;
  background-size: auto 100% ;
}

.carte {
  border: 1px solid #bfa0a0 ; 
}

.expand {
  flex : 1 0 auto;
  margin-top: auto ;
}

.emoticon {
      font-size: 30px; /* Adjust size as needed */
    }

.filler {
  flex-grow: 1;
  flex-direction: column;
  display: flex;
}

.fixed {
  position: sticky;
  top: 0;
  left: 0;

  z-index: 9999;
}

.header-spread {
  width: 100% ;
  padding-left: 47% ;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.invisible {
  background-color: #ffffff00 ;
  color: #ffffff00;
}

.libertinus-mono-regular {
  font-family: "Libertinus Mono", monospace;
  font-weight: 100;
  font-style: normal;
}


.montserrat-regular {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.overlay-accueil {
  background-image: url(./Photos/Accueil_Aero.png);
  background-position: center;
  background-size: 100% auto;
}

.profile-img {
  height: 100px;
  border-radius: 50%;
}
.pastille {
  padding-bottom: 10px;
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.sous-titre {
  color: #503e4a;
  font-size: 1.5em;
  font-weight: 300;
}

.surlignage {
background-color: #503e4a80;
color: #ffffff;
font-size: 1.8em;
;
}

.surlignage-bouton {
background-color: #bfa0a080;
}


.surlignage-blush-pale {
background-color: #ebe4e3;
border: 1px solid #f8fafc;
}

.surlignage-p {
background-color: #503e4a80;
color: #ffffff;
;
}

.titre {
  color : #503e4a ;
  font-weight: 100;
  font-size: xx-large;
  letter-spacing: 0.1em;
}