:root
  {
  --color1:	#333;
  --color2:	#666;
  --color3:	#EA2;
  --BG: 		url("img/BG.jpg");
  --BGinv: 	url("img/BG-noir.jpg");
  --shadow: 0 0 18px 0px var(--color1);
  }
  
html,body,header,main,footer,section,div
  {margin:0;padding:0;box-sizing:border-box;}

html
  {font:1.5em/1.2 Helvetica, Arial, sans-serif;color:var(--color1);}
  
body  
  {background-image:var(--BG);}
  
header,footer,h1
  {background-image:var(--BGinv);color:whitesmoke;}
  
body,header,footer,h1
  {background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:cover;}
  
  
h1,h2,h3
  {color:var(--color3);text-transform:uppercase;padding:36px 0 18px;margin:0;}
  
h1,h2
  {text-align:center;}
h3
  {font-size:0.9em;padding:9px;}


a,a:visited 
  {color:var(--color2);text-decoration:none;}
a:hover,a:active
	{color:var(--color3)}
  

header
  {
  height:100vh;text-align:center;
  display: flex;flex-direction: column;justify-content: center;
  }
  header h1, header p
    {margin:0;padding:0;color:var(--color3);}
  header p
    {color:whitesmoke;font-style:italic;}
  
footer
  {text-align:center;margin:36px 0 0;padding:36px 0 0;}
  
main
  {min-height:100vh;}
	
section
  {
	margin: auto;padding:12px 0;text-align:center;
	}
	section > div
		{margin:auto;}

	section.Images > div,
	section.MENU > div
		{display: inline-block;padding:9px;vertical-align:center;}

	section img,
	.menu-img
		{
		border: 9px solid white;
		transition:all 0.2s ease-out;
		max-width:360px;max-height:360px;
		}
		.image-XL img
			{max-width:81vw;max-height:81vh;}
		section img:hover,.menu-img:hover
			{
			transform:scale(1.09);
			z-index:9;
			box-shadow: var(--shadow);
			}
		
section.Texte
  {
  padding: 72px 0; margin: 18px auto; max-width: 900px;
  box-shadow: var(--shadow);background-color:rgba(255,255,255,0.9);
  }
	section.Texte > p
		{margin:18px auto;max-width:720px;text-align:justify;}
  section.center > p {text-align:center;}
  section.italic > p {font-style:italic;}
		
section.Images
	{}
	
section.MENU
	{}
  .menu {width:360px;height:360px;}
  .menu-img
	  {
	  width:342px;height:342px;
	  vertical-align:middle;display:table-cell;
    background-repeat:no-repeat;background-position:center;background-size:cover;
	  }
	 .menu:hover h3 {color:var(--color3);}


code{background-color: #CCC;}