@charset "UTF-8";

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

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



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

                                           
    
   h1
    {width: 100%;float: none; padding : 0; margin: auto;margin-bottom: -100px; margin-top: 50px; font-size: 70px; color:rgb(255, 240, 163); text-shadow: 1px 1px 10px rgb(0, 0, 0); }
  header figure 
    {  width: 100%;max-width: 1080px;margin: auto;margin-top: 50px;}
  header figure img
    {  width: 100%;max-width: 1080px;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;}


  
 

  	
.formule  {  margin: auto; margin-top: 70px; width: 70%; border-radius: 40px; box-shadow: 3px 3px 30px rgb(83, 0, 0);  max-width: 600px;border-style: ridge; border-color: #fff0ad;border-width: 10px;
   
  
	
 	}	
		
.option  {  margin: auto; margin-top: 70px; width: 70%; border-radius: 100px; box-shadow: 3px 3px 30px rgb(83, 0, 0);  max-width: 400px;border-style: ridge; border-color: #fff0ad;border-width: 10px;
   
  
	
 	}	
 








 

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


     
         
   
       .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: 70%; margin: auto;
         
   }
    footer figure  {  float: left; margin: auto; text-align: center;
         
   }
      footer figure a img {  width: 80px; margin: auto;
         
   }
      
     article {   text-align: center; font-size: 40px; color: #fbf5be; font-weight: bold; margin-top: 70px;
         
   }
       p {   text-align: center; font-size: 50px; color: #ffc290; font-weight: bold; margin-top: 10px; text-shadow: 1px 1px 10px rgb(0, 0, 0); 
         
   }
          h2 {   text-align: center; font-size: 50px; color: #ffc290; font-weight: bold; margin-top: 10px; text-shadow: 1px 1px 10px rgb(0, 0, 0); 
         
   }