article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
@import
url('https://fonts.googleapis.com/css2? family=lato&display=swap');

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
a
{
    color: dodgerblue;
}
footer{
	margin-bottom:-50px;
	background-color: #cecece;
	color:rgb(126, 124, 124);
	padding:5px 0;
	font-size: 12px;
}
section footer{
	font-style:italic;
	background: transparent;
    
}
.scrolling-text-container
{
  margin: 0 auto;
  padding: 0;
  font-family:;
  display:flex;
  align-items: center;
  background: #fff;
  margin-top: 40px;
}
.scrolling-text-container span
{
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  padding: 8px 20px;
  background-color: red;
  color: #fff;
  clip-path: polygon(0 0,80% 0,100% 100% 0);
  font-weight: 600;
}
  
















































/*
.bg-red-2 { 
     
    display: flex; 
    width: 100%; 
    height: 20vh; 
    background-color: darkorange; 

    
}
 
.bg-red-2, h2{ 
     
    justify-content: space-around; 
    align-items: center; 
    color: #fff; 
    font-size: 24px; 
    font-weight: bold; 
} 

h1
{
    border-radius: 5px;
    display: block;
    margin-right: 10px;
}


form{ 
     
    margin-top: 0px; 
} 
 
fieldset{ 
     
    background-color: #BDBDBD; 
    border-color: #BDBDBD; 
    border-style: solid;
    width: auto;
    height: auto;
} 
 
input{ 
     
    display: block; 
    width: 250px; 
    margin: 25px auto; 
    border-style: solid; 
    border-color: #fff; 
} 
 
form, .for-two-btn{ 
     
    text-align: center; 
    border-radius: 5px;
    width: auto;
} 
 
span{ 
     
    display: block; 
} 
 
a{ 
    text-decoration: none; 
    color: #317AE5; 
} 
 
.no-inline{ 
     
    display: block;} 

 body{
	margin:0;
	
	

	background:url(../image/fond1.jpg) center center fixed no-repeat; /*** NEW ***/
/*	background-size:cover;/*** NEW ***/
/*	}

footer{
	margin-top:10px;
	background-color: #cecece;
	color:#555;
	padding:5px 0;
	font-size: 12px;
}
section footer{
	font-style:italic;
	background: transparent;
}
.ombre{box-shadow: 0 0 15px #cecece;}
section .rectangle h1{
	margin:0;
	font-weight: 100
	/*font-size: 12px;*/
	/*text-transform: uppercase;
}
section .rectangle {
	border-radius: 0px;
	padding-top:5px;
	padding-bottom:0px;
}