.header-dark {
  background-color: #ff8000;
  color: black !important;
}

.logo{
  width: 200px;
}

.video > video{
    border: 2px solid #666;
    border-radius: 10px;
    width: 100%;
}

.hero{
  margin: 30px 0;
}

.hero h1 {
  color: #666;
  font-size: 40px;
}

.hero h2 {
  color: #666;
}

footer{
    padding-top: 50px;
    background-color: #ff8000 !important;
    color: #666;
}

.lien {
  text-decoration: none;
  color: #666;
}

.lien:hover {
  text-decoration: none;
  color: #444;
}

.window{
height: 95vh;
background-color: white;
display: flex;
align-items: center;
}

.conteneur-formulaire{
flex: 1;
display: flex;
align-items: center;
}

.text-formulaire{
display: flex;
justify-content: flex-start;
flex: 1;
}

#textContenuModal1>a{
float: left;
display: block;
color: #222;
padding-bottom: 50px;
border-bottom: 1px solid;
} 

#textContenuModal2>a{
float: left;
display: block;
color: #222;
padding-bottom: 50px;
border-bottom: 1px solid;
}

#textContenuModal1>i{
float: right;
display: block;
padding-left: 50px;
} 

#textContenuModal2>i{
float: right;
display: block;
padding-left: 50px;
}

#textContenuModal1>a:hover{
text-decoration: none;
color: #555;
} 

#textContenuModal2>a:hover{
text-decoration: none;
color: #555;
}

@media(max-width: 990px){

  .moto{
    display: none;
  }

.window{
height: 95vh;
background-color: white;
display: flex;
align-items: center;
}

.conteneur-formulaire{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}

.text-formulaire{
display: flex;
flex: 1;
}

#textContenuModal1>a{
float: left;
display: block;
color: #222;
padding-bottom: 50px;
border-bottom: 1px solid;
} 

#textContenuModal2>a{
float: left;
display: block;
color: #222;
padding-bottom: 50px;
border-bottom: 1px solid;
}

#textContenuModal1>i{
float: right;
display: block;
padding-left: 50px;
} 

#textContenuModal2>i{
float: right;
display: block;
padding-left: 50px;
}

#textContenuModal1>a:hover{
text-decoration: none;
color: #555;
} 

#textContenuModal2>a:hover{
text-decoration: none;
color: #555;
}
}
 
.more{
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.more:hover{
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}
.login {
padding-right: 20px;
}

.closeM{
  cursor: pointer;
  position: absolute !important;
  top: 80px;
  right: 50px;
  font-size: 50px;
}