/*------------------------------------HEADER----------------------------------------------------------------------------*/
header {
    background-color: #FFD700;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.menu_burger {
    font-size: 1.5em;
    color: black;
    cursor: pointer;
    flex: 1;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 1.5px;
}

.menu_burger img {
    width: 100px;
    padding-top:10px;
}

.titre {
    color: black;
    font-size:30px;
    font-weight: bold;
    flex: 1;
    text-align: center;
}

.titre_nc {
    color: black;
    font-size:30px;
    font-weight: bold;
    text-align: center;
   
}

.user-profile {
    flex: 1;
    text-align: right;
    cursor: pointer;
    padding-right: 20px;
    margin-top: 2.7px;
}

.user-profile-connecte {
    text-align: right;
    padding-right: 20px;
    margin-top: 2.7px;
    padding-left: 45px;
}

.user-profile-connecte img {
    width: 90px;
    cursor: pointer;
}

.user-profile img {
    width: 90px;
}

.bulle_header{
    padding-right: 50px;
}

.info-icon-header {
  width: 90px;
  padding-top: 7px;
  cursor: pointer;
}

.courrier_taille{
    width: 90px;
    padding-top: 5px;
    padding-left: 65px;
    padding-right: 80px;
    cursor: pointer;
}

/*----------------------------------------BODY------------------------------------------------------------------------*/
body
{
    background-color: grey;
    color: black;
    /*border: 1px solid black;*/
    font-family: Arial, sans-serif;
}

.container
{
    background-color: azure;
}

h1{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    font-size: 50px;
    
    padding-top: 15px;
}


h3,h2{
    text-align: center;
    margin: 25px;
    color: #232D50;
    font-size: 30px;
}

p {
    text-align: center;
    padding:5px;
    font-size: 25px;
}

label {
  font-size: 35px;
  padding-top: 25px;
  padding-right: 25px;
}

input, select {
  font-size: 30px;
  margin-top: 1em;
  background-color: #E8F0FE;
  color:black;
  box-shadow: 0 0.3em 0.9em rgba(0, 0, 0, 0.5); 
  cursor: pointer;
}

button {
    font-size: 40px; 
    margin-top: 10px;
    margin-bottom: 15px; /**/
    padding: 10px;
    display: flex;
    background-color: #5AE4A8;
    color: black; 
    border: 0.15em solid black;    
    text-decoration: none; 
    cursor: pointer; 
    box-shadow: 0 0.3em 0.9em rgba(0, 0, 0, 0.2); 
    cursor: pointer;
}

.button-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 40px; 
    }
    
a{
    color: blue;
    text-align: left; 
    font-size: 30px;
    margin-top: 15px;
}
  
ul
{
  list-style-type: none;
}

.title, .subtitle {
    color: #000000;
    font-weight: 600;
    /*font-size: 50px;*/
}

.input
{
    width: 93%;
    border-radius: 0.7em;
    padding: 15px 10px 20px;
    font-size: 40px;
}

.input-container 
  {
    display: flex;
    flex-direction: column;
}


.submit
    {
    background-color:white;
    margin-bottom: 10px;
    border: 0.01em solid black;  
    border-radius: 1em;
    padding:10px;
    font-size: 40px;
}

.form {
    background-color: #5AE4A8;
    border-radius: 15px;
    box-sizing: border-box;
    margin: 20% auto;
    margin-bottom: 25%;
    box-shadow: 0 0.1em 1em rgba(0, 0, 0, 1); 
    padding-left: 15px;
}

.info-icon {
  width: 45px;
 
}


.popup {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid black;
  padding: 10px;
  z-index: 1;
}

/*
.espace_choix{
    padding-left: 30px;
    padding-right:30px;
}
*/

.placeholder_form {
    color: black; 
    font-size: 45px; 
    margin-bottom: -10px; 
    margin-top: 10px; 
    margin-left: 3px;
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left:auto;
    margin-right:auto;
    width : 90%;
}

.feature {
    flex: 1 1 calc(33.333% - 20px);
    background: white;
    border-radius: 15px;
    padding: 20px;
    margin: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    text-align: center;
}


.feature img {
    margin-bottom: 20px;
}

.feature h3 {
    margin: 0 0 10px 0;
    font-size: 1.5em;
}

.feature p {
    margin: 0;
}


/*----------------------------------------FOOTER------------------------------------------------------------------------*/
  footer
{
    background: linear-gradient(to top, LimeGreen 50%, transparent 50%);
    /*border: 1px solid black;*/
}

.img_footer{
    width: 100%;
    height: 100%;
}
.footer-div{
        background-color: LimeGreen;
        
    }
    
.footer-div0{
        background: linear-gradient(to top, LimeGreen 50%, transparent 50%);
    }
    
.footer-links {
    display: flex; 
    justify-content: space-around; 
}

.footer-links li{
     list-style-type: none;
}

.footer-content {
    background-color: black;
    padding: 4px;
    color: white;
    font-size: 35px;
    text-align: center;
}

/* Styles pour les liens du pied de page */
.footer-link {
    color: black;
    padding: 0.5%;
    text-decoration: none;
    font-size: 30px;
    display: inline-block;
    border-bottom: 2px solid black;
    margin: 11px;
    
}