/* #canvas1{
   border: 2px solid white;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 500px;
   height: 706px;
} */
*
{
   margin:0;
   padding:0;
   font-family: 'Spectral', serif;
}
#bandeau img{
   height: 300px;
   width: 300px;
   border-radius: 50%;
   box-shadow: 1px 1px 12px #555;
   
}

body, html{
   height: 100%; /*Pour pleine hauteur*/
}
/*.logo{
   margin: auto;
   color: white;
   align-items: center;*
   
}*/
#titre
{
   /* margin: auto; */
   /* display: flex;
   align-items: center;
   height: 100%;
   margin-left: 40%; */
   margin-top: -10%;
}
#titre h1
{
   margin: auto;
   color: rgb(249, 275, 226);
   font-size: 80px;
   text-align: center;
   text-shadow:2px 4px 2px gray;
   size: 20px;  
}

.bg-light{
   background-color:rgba(0, 0, 0, 0.0)!important;
   color: rgba(0, 0, 0, 0.767)!important;
   
  }
.navbar{
   padding-top: 50px !important;
}
.navbar-brand{
   color: rgba(0, 0, 0, 0.767)!important;

}
.nav-link{
   color: rgba(249, 275, 226)!important;
   font-size: 20px;
   font-weight: bold;
   display: flex !important;
   align-items: center !important;
   padding-left: 20px !important;
   padding-right: 20px !important;
}
h2{
   text-align: center;
   font-family: 'Spectral', serif;
}
h3{
   color: lemonchiffon;
}

/* FOOTER */
.footer {
   background-color:rgba(131, 71, 102, 0.384);
   text-align: center;
   padding: 2.5em 0;
   font-size: var(--fs-h3);
   
}

.footer a { 
   color: inherit;
   text-decoration: none;
}

.footer__link {
   font-weight: var(--fw-bold);
  
}

.footer__link:hover,
.social-list__link:hover {
   opacity: .7;
}

.footer__link:hover {
   text-decoration: underline;
}

.social-list {
   list-style: none;
   display: flex;
   justify-content: center;
   margin: 2em 0 0;
   padding: 0;
}

.social-list__item {
   margin: 0 .5em;
}

.social-list__link {
   padding: .5em;
}
/* Fin Footer */




/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    
    
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
   
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    
    
     
}




/* --------------------------------------------CONNEXION-------------------------- */


#titre
{
   /* margin: auto; */
   display: flex;
   align-items: center;
   height: 100%;
   margin-left: 30%;
   /* margin-top: 0%; */
}
#connexion
{
   padding-top: 20px;
   display: flex;
   align-items: center;
   /* height: 100%; */
   /* margin-left: 40%; */
   margin-top: -40%;
   padding: 0;
   text-align: center;
}
.form_item
{
   margin-bottom: 10px !important;
}
#password, #email
{
   padding: 5px;
}

input {
   width: 300px;
   margin-top: 10px;
   padding: 5px;
   border:1px solid rgb(249, 275, 226);
   border-radius:5px;
   box-shadow:1px 1px 2px rgb(245, 180, 100);
   background-color: rgb(249, 275, 226);
}

[type="submit"], button {
   width: 300px;
   margin-top: 10px;
   padding: 5px;
   margin-left:5px;
   box-shadow:1px 1px 1px rgb(245, 180, 100);
   background-color: rgb(245, 180, 100);
   cursor:pointer;
   border-radius:5px;

}
/* --------------------------------------------CONNEXION-------------------------- */
/* --------------------------------------------INSCRIPTION-------------------------- */

#inscription
{
   padding-top: 20px;
   display: flex;
   align-items: center;
   /* height: 100%; */
   /* margin-left: 40%; */
   margin-top: -30%;
   padding: 0;
   text-align: center;
}
/* --------------------------------------------INSCRIPTION-------------------------- */