body {
    height: 100vh!important;
    overflow: auto;
    background: #fff;
}
.presentation-container  {
  overflow: hidden;
  background-image: linear-gradient(to top right,var(--primaire),var(--primaire));
}
.presentation-container .bar-top,.presentation-container .bar-bottom{
	background-color: rgba(255,255,255,0.1);
	border-radius: 5rem;
	rotate: 45deg;
	height: 3.5rem;
	position: absolute;
}
.presentation-container .bar-top{
  left: 0;
}.presentation-container .bar-bottom{
  right: 0;
}
.presentation-container .bar-top:nth-child(1) {
  top: -2rem;
  inset-inline-start: -1.5rem;
  width: 17rem;
}
.presentation-container .bar-top:nth-child(2) {
  top: 2rem ;
  inset-inline-start: -5rem;
  width: 20rem;
}
.presentation-container .bar-top:nth-child(3) {
  top: 3rem;
  inset-inline-start: -9rem;
  width: 17rem;
}
.presentation-container .bar-bottom:nth-child(7){
    bottom: 0;
    bottom: -2rem;
    inset-inline-end: -1.5rem;
    width: 17rem;
}
.presentation-container .bar-bottom:nth-child(6) {
  bottom: 2rem ;
  inset-inline-end: -5rem;
  width: 20rem;
}
.presentation-container .bar-bottom:nth-child(5) {
  bottom: 3rem;
  inset-inline-end: -9rem;
  width: 17rem;
}
.presentation-container h1 {
  font-size: 1.5rem;
  margin: 3rem auto;
  color:#fff;
}
.presentation-container p,.presentation-container li {
  margin: 0;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 300;
  color: rgba(255,255,255,.9);
}
.presentation-container li {color:var(--bs-gray-800);font-size: 1.125rem;}
.connexion-container {
    padding:2rem 5em;
    background: #fff;
}
.connexion-container .logo{
  width: 9rem;
  margin-bottom: 1rem;
}
.connexion-container h2 {
  font-size: 2rem;
  margin: 1.5rem 0 0;
}
.connexion-container  .input-group {
  padding: .2rem 1rem;
  border: 1px solid#ddd;
  margin: 2rem 0;
  border-radius: .75rem;
}
.connexion-container  .input-group:focus-within {
  background: var(--inputBg);
}
.connexion-container .input-group:focus-within input{
  background: transparent;
}
.connexion-container a {
  color: var(--bs-red);
  font-size: .9rem;
  display: inline-block;
  float: right;
}
.connexion-container a:hover{
    text-decoration: underline;
}
.connexion-container .btn-block:hover{
  background: var(--primaire_900);
}
.connexion-container em{
    display: block;
    text-align: center;
    font-size: .85rem;
    color: var(--bs-red);
    margin-top: 2rem;
}
.input-group span.fa {
	text-align: center;
	width:6%;
	padding: 1rem 0px;
	color: var(--vert);
}
.footer{
	position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
}
.footer p {
	color: #333;
	font-size: 14px;
}
input[type="email"], input[type="password"], input[type="text"]{
  font-size: 1rem;
}