.bandeau {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "img content";
    background-color: white;
    
 } 
    
    
    .image_bandeau {
      grid-area: img;
      
     }
    
     .texte_bandeau {
      li {
        display: inline-block;
          list-style-type:none;
          font-size: 2.5em;
          font-family: Helvetica, Arial, sans-serif;
          padding:1.5em 0.8em 0.8em 0 ;
          background: white;
          border-radius: 0.5em
         

       
        }
   
      

      a{
         color:black;
         text-decoration: none;
         
         
       }
         
       a:link {
        color: black;
        background-color:white; 
        border-radius: 0.2em;
        padding: 0.2em 0.2em;
       
        
        
      }
      a:visited {
        color: black;
        background-color: white;
        border-radius: 0.2em;
       
          
       
      }
      
      a:focus {
      background-color: #FEF5E7;
      border-radius: 0.2em;
      }

      
      a:hover {
        background-color: #f5e6cf;
        border-radius: 0.2em;
        color: black; 
        
      }
      
      a:active {
        background: #FEF5E7;
        border-radius: 0.2em;
        color: 	#C8AD7F;
        text-decoration: underline;
        text-decoration-color: black; 
       
      }
     
      
    }
    
.bandeau>.texte_bandeau>nav>ul>li>menuactuel{
  text-decoration: underline;
        text-decoration-color:black; 

}
    
  h1 {
      color: black;
      background-color: #d8d6d6;
      font-size:2.5em;
      font-family: Helvetica, Arial, sans-serif;
      justify-content: center;
      align-items: center;      
      display: flex;
      margin-top: 1em;
      margin-bottom: 1em;
      height: 3em;
    
  }
    



  .page_index {
  
 
   
    

  }
    .texte1_page_index{
  
      color: black;
     font-size:1.3em;
     text-align:center;
     font-family: Helvetica, Arial, sans-serif;
     background: #FEF5E7;
     line-height: 1.5em;
     border: 1rem solid;
     border-color: #FEF5E7;
    border-radius: 0.5em;
    padding: 0;
    margin: 1em;
      }
       
      .texte2_page_index{
        color: black;
        font-size:1.3em;
        text-align:center;
        font-family: Helvetica, Arial, sans-serif;
        background: white;
        line-height: 1.5em;
        
      
       padding: 0;
       margin: 1em;
       
       
    }     

    .texte3_page_index{
      color: black;
      font-size:1.3em;
      text-align:center;
      font-family: Helvetica, Arial, sans-serif;
      background: #FEF5E7;
      line-height: 1.5em;
      border: 1rem solid;
      border-color: #FEF5E7;
     border-radius: 0.5em;
     padding: 0;
     margin: 1em;
    }

    .page_a_propos {
      
      
      
      
         
     
    }

    .texte1_page_a_propos{
 
     color: black;
     font-size:1.3em;
     text-align:center;
     font-family: Helvetica, Arial, sans-serif;
     background: #FEF5E7;
     line-height: 1.5em;
     border: 1rem solid;
     border-color: #FEF5E7;
    border-radius: 1em;
    padding: 0;
    margin: 2em;

    }
  
     
    .texte2_page_a_propos{
 
      color: black;
      font-size:  1.3em;
      text-align:center;
      font-family: Helvetica, Arial, sans-serif;
      background: #FEF5E7;
      line-height: 1.5em;
      border: 1rem solid;
      border-color: #FEF5E7;
     border-radius: 1em;
     padding: 0;
    margin: 2em;
 
     }
   
 
    

  
 
 .page_contact {
 

  align-items: center;
  justify-content: center;
  
    
  }

  .texte0_page_contact{

   
    color: black;
    font-size:  1.3em;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    background:white;
    line-height: 1.5em;      
  }
    .texte1_page_contact{
      
     
      color: black;
      font-size:  1.3em;
      text-align: center;
      font-family: Helvetica, Arial, sans-serif;
      background: #FEF5E7;
      border: 1rem solid;
      border-color: #FEF5E7;
      line-height: 1.5em;
      border-radius: 1em 1em 1em 1em ;
      margin: 2em;
      
     
     }
    .texte2_page_contact{
      
    
      color: black;
      font-size:  1.3em;
      text-align: center;
      font-family: Helvetica, Arial, sans-serif;
      background:white;
      line-height: 1.5em;    
        
   
    }   

      a{
        color:black;
        text-decoration: none;
        
        
      }
        
      a:link {
       color: black;
       background-color: #FEF5E7; 
       border-radius: 0.5em;
       padding: 0.2em 0.2em;
       
       
     }
     a:visited {
       color: black;
       background-color: #FEF5E7;
       border-radius: 0.5em;
      
     }
     
     a:focus {
     background-color: #FEF5E7;
     border-radius: 0.5em;
     }

     
     a:hover {
       background-color: #f5e6cf;
       border-radius: 0.5em;
       color: black;     
     }
     
     a:active {
       background: #FEF5E7;
       border-radius: 0.5em;
       color: 	#C8AD7F;
     }

    

 footer{
  color: black;
  font-size:0.5em;
  font-style:italic;
  
text-align: left;
}