html,body {
margin:0;
padding:0;
background-color: white;
overflow-x: hidden;
}

/* installation font */

@font-face {
 font-family: "MonumentExtented";
 src: url("font/MonumentExtended-Regular.otf");
}

@font-face{
  font-family: "IntroDemoCond-LightCAPS";
  src: url("font/IntroDemoCond-LightCAPS.otf");
}

@font-face{
  font-family: "IntroDemoCondRegular";
  src: url("font/IntroDemoCond-Regular.otf");
}

@font-face{
  font-family: "Corbel";
  src: url("font/CORBEL.ttf");
}

@font-face{
  font-family: "poppins-black";
  src: url("font/Poppins-Black.ttf");
}

@font-face{
  font-family: "poppins-bold";
  src: url("font/Poppins-Bold.ttf");
}

@font-face{
  font-family: "poppins-extralight";
  src: url("font/Poppins-ExtraLight.ttf");
}

@font-face{
  font-family: "poppins-italic";
  src: url("font/Poppins-Italic.ttf");
}

@font-face{
  font-family: "poppins-light";
  src: url("font/Poppins-Light.ttf");
}

@font-face{
  font-family: "poppins-medium";
  src: url("font/Poppins-Medium.ttf");
}

@font-face{
  font-family: "poppins-regular";
  src: url("font/Poppins-Regular.ttf");
}

@font-face{
  font-family: "poppins-thin";
  src: url("font/Poppins-Thin.ttf");
}

@font-face{
  font-family: "poppins-semiBold";
  src: url("font/Poppins-Semibold.ttf");
}

a:hover{
  text-decoration: none;
  color: ;
}

/* menu */

nav {
  background-color: #232323;
  display:flex;
  flex-direction: row;
  width:100vw;
  position: fixed;
  box-shadow: 5px 5px 23px 5px rgba(0,0,0,0.5);
  z-index: 1;
}


#menu{
  //background-color:red;
  list-style-type:none;
  z-index: 1;
}

#menu2 {
  display: flex;
  list-style-type:none;
  text-transform: uppercase;
  margin: 1%;
  width:100%;
  //background-color: yellow;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

a {
  text-decoration: none;
  color:white;
}

nav img{
  width:40%;
}

nav li{
  font-family:poppins-light;
  font-size: 20px;
  color: white;
  padding: 2% 3% 2% 3%;
}

/*     */

#ligne{
  display: flex;
  flex-direction: row;
  margin-top: 20%;
  margin-left: 10%;
  //background-color: red;
}

#ligne_texte{
  display: flex;
  justify-content: center;
}

#ligne h1{
  text-transform: uppercase;
  font-size: 4em;
  font-family: poppins-medium;
}

hr{
  border: 1px solid black;
  opacity:1;
}

#ligne2{
  margin: auto;
  margin-left: 0;
}

/*  MATHIEU   */

#carte_visite_mathieu img{
  width:70%;
  margin: 20% 20% 20% 10%;
}

#text_carte_visite_mathieu{
  margin-top:9%;
}

#text_carte_visite_mathieu a,h2{
color: black;
line-height: 100px;
font-family: poppins-Light;
}

#mockup_mathieu{
  //background-color: blue;
  margin-top: 5%;
}

#mockup_mathieu img{
  width:11%;
  margin-left: 15%;
}

/*   SEVERINE  */

#carte_visite_severine{
  position: static;
}

#carte_visite_severine img{
  width:70%;
  margin: 20% 20% 20% 10%;
}

#text_carte_visite_severine{
  margin-top:9%;
}

#text_carte_visite_severine a,h2{
color: black;
line-height: 100px;
font-family: poppins-Light;
}

#mockup_severine{
  //background-color: blue;
  margin-top: 5%;
}

#mockup_severine img{
  width:11%;
  margin-left: 15%;
}

#ligne_severine{
  display: flex;
  flex-direction: row;
  margin-top: 3%;
  margin-left: 10%;
  //background-color: red;
}

#ligne_severine h1{
  text-transform: uppercase;
  font-size: 4em;
  font-family: poppins-medium;
}

/* FOOTER */

#footer{
  background-color: #232323;
  margin-top:10%;
}

#img_footer{
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: center;
  display: flex;
}

#img_mathieu img{
  width: 30%;
}

#img_severine img{
  width: 15%;
}

#contactez-nous{
  text-align: center;
}

#contactez-nous h2{
  color: white;
  text-transform: uppercase;
  font-family: poppins-Light;
}

#copyright{
  //background-color: red;
  text-align: center;
  margin: 5% 2% 0 2%;
  padding-bottom: 2%;
}

#copyright p{
  color: white;
  font-family: poppins-Light;
}

/* fleche de fin */