/*nav*/
*
{
   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%;
   flex-wrap: wrap;
   display: flex;
}
#titre h1
{
   margin: auto;
   color: rgba(249, 275, 226);
   font-size: 5em;
   flex-wrap: wrap;
   
}
#main
{
   background-image: url('../img/mainnuith.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   max-width: 100%;
   /*max-height: 100%; */
   /* width: auto; */
   height: 150%;
   display: flex;
   flex-wrap: wrap;
   border-bottom: solid rgb(235, 202, 95) !important;
   

}
h1{
   text-align: center;
   text-shadow:2px 4px 2px gray;
   size: 5em; 
   flex-wrap: wrap; 
   word-wrap: break-word;
}

.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;
   
}
/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
   /*#formulaire{
      width:100%;
   }*/
  
  /*#titre h1{
      display: block;
   }
  */
    
}

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

/* 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) {
     
}