body{display: flexbox;
}
form{
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.4);
  margin-left: auto;
    margin-right: auto;
    padding: 10px;
 background-color: white;
}


.container {
text-align: center;
max-width: 900px;
      }
input[type="text"] {
width: 100%;
}
input[type="email"] {
width: 100%;
}

legend {
 color:black;
 font-weight:bold;
 font-family: Poppins-Regular;
 }

h1{
  text-align: center;
}
h4{
  text-align: center;
}
select{
  width: 320px;
}
.selAct{
width: 100%;
}
.btdg{
display: flex;
  justify-content: center;
  flex-direction: column;
  height: auto;
text-align: center;
 width: 60px;
 margin: 10px;
}
.selectionAct{
display: flex;
width: 100%;
}
.colonne{
  width: 100%;
}
.titre{
  text-align: center;
}
.arrbtvalid{

  width: 100%;
  text-align:center;
}
.image {
background-size: cover;
}
.Etab{
width:100%;

}
.row{
  text-align: center;
}
.titre{
  text-align: center;
}
.lab{
  background-color: #ffd7cc;

}
.container{
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.4);
  margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
 background-color: white;
}

.alg{
    text-align: left;
}
.ald{
  width: 100%;
    text-align: right;
}

.img {

  height: 100px;
  width: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
}

.bt{
  justify-content: space-around;
  display: flex;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.premiereannee{
  background-color: rgb(0,123,255);
  color: white;
}
.contient {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.sp{
  justify-content: space-around;
}