/*Mise en page fond d'écran avec photo*/

html {
  background-image: url("../images/20230211_180035.jpg");
  background-size:cover;
  background-position: center;
  background-attachment: fixed;
  font-family: 'Cormorant Garamond', serif;
}

/*Mise en page corps du site et de son contenu*/

body{
  margin: 0;
}

.main-content {
  position: relative;
  z-index: 0;
  /*top: 0;*/
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /*border: 0.1em solid  red ;*/
}

.profil {
  height: 140vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  background-color: rgba(30,30,30, 0.8);
  width: 50%;
  color: rgb(214, 227, 231);
}

h1 {
  text-align: center;
  font-size: 2rem;
  padding-top: 1em;
}

img {
  border-radius: 1rem;
}

.profil img {
  width: 14em;
  height: auto;
  display: block;
  margin: 0 auto;
  /*border: 0.2rem solid black;*/
}

h2 {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 0;
}

.social-network {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.social-network a {
  text-decoration: none;
  color: rgb(214, 227, 231);
  padding: 0.3rem 1rem 0.1rem;
  border: 0.1rem solid  grey ;
}

.social-network p {
  text-align: center;
}

.textual-content {
  height: 140vh;
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: 0;
  padding: 0 1em;
  background-color: rgba(255,255,255,0.9);
  color: black;
  /*border: 0.2em solid  red ;*/
}

.p1 {
  margin-bottom: 0;
}

.p-ident {
  text-indent: 2rem;
  text-align: justify;
}

.question {
  font-weight: bold;
  margin-bottom: 0;
}

.menu {
  background-color: rgba(255, 255, 255,0.95);
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  z-index: 1;
  position: sticky;
  top: 0;
}

.menu-section {
  display: flex;
  flex-direction: column;
  margin-left: 10vw;
}

.menu-section a {
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  width: 60vw;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: black;
  border: 0.15em solid  grey;
  border-radius: 2em;
}

.menu img {
  cursor: pointer;
  height: 4em;
  width: auto;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  margin-right: 1em;
  margin-left: 5vw;
}

.current-section {
  color: darkblue;
  background-color: cornflowerblue;
}

.asterisk {
  display: inline-flex;
  text-align: start;
  font-size: 0.9rem;
  padding-left: 1em;
  padding-right: 1em;
}

/*Gestion aspect des liens hypertextes*/

.social-network a:hover {
  background-color: cornflowerblue;
  border-color: darkblue;
  color: darkblue;
}

nav a:hover {
  background-color: cornflowerblue;
  border-color: darkblue;
}

.current-section:hover {
  background-color: cornflowerblue;
  border-bottom: 0.2em solid darkblue;
}