@charset "UTF-8";

html{width: 100%;min-height: 1800px;  margin:  auto; background-image: url(img/fond-accueil-1.jpg); background-repeat: repeat;border-radius:20px ; 

  background-color: white;   font-family: "La Belle Aurore";
  
}

body{width: 100%;min-height: 1800px;  margin: auto;    font-family: "La Belle Aurore"; 
  
}

                                           
 @font-face {
    font-family:   "La Belle Aurore";;
    src: url(La_Belle_Aurore/LaBelleAurore-Regular.ttf);
}  

  header    {  width: 100%;margin: auto;}                                       
    
  header figure 
    {  width: 100%;margin: auto;margin-top: 50px;}
  header figure img
    {  width: 100%;margin: auto;margin-bottom: 40px;}
  figcaption  {  width: 100%;text-align: center; margin: auto; font-size: 20px;}  
    
nav
  {width: 100%;  margin-top: 0px; margin-left: 3%;}                                                              

nav ul li 
{  width: 20%; margin-left: 2%; list-style-type: none; text-decoration: none; text-align: left; display: inline-block; background-image: url(img/fond-nav.jpg); background-repeat: repeat; border-radius: 20px;box-shadow: 0px 0px 10px #fffac8 ; } 
nav ul li a img 
{ width: 100%; margin: auto; border-radius: 20px; } 
section
   {   width: 100%; text-align: center; margin: auto;}


h2
   {  font-size: 70px ; color: #a41922; text-align: center;width: 100%;text-shadow: 2px 2px 4px rgb(0, 0, 0); padding: 0px;margin: 0px;margin-top: 40px;}
  
 


  p
   {  font-size: 60px; word-spacing: 3px;color: #f9edbe; width: 80%; text-align: center; padding: 20px;text-shadow: 1px 1px 4px rgb(100, 33, 33);
     margin: auto;margin-top: 20px; font-weight: bold;  }

  
 
   .illustration {  bottom: 0px; right: 0px; padding: 0px;margin: 0px; 
   
    
    }
    .illustration a img{  bottom: 0px; right: 0px; padding: 0px;margin: 0px; position: fixed;width: 15%;
   
}

.img-footer a img { width: 100%;
   
}

     
         
   
       .lien-insta  {  bottom: 0px; left: 1%; margin: 0px;  width: 7%; max-width: 80px;
   
    
    }

  .lien-insta a img { width: 100%; 
   
    
    }
     .lien-facebook  {  bottom: 0px; left:8%; margin: 0px;  width: 7%; max-width: 80px;
    }
     .lien-facebook  a img { width: 100%; 
    }

      footer {  text-align: center; width: 100%; margin: auto;
         
   }

      
     article {   text-align: center; font-size: 60px; color: #fff2b6;text-shadow: 1px 1px 4px rgb(30, 27, 27);
         
   }
  h4 {   text-align: center; font-size: 10px; color: #a70218;
         
   }