html,body 
{
  background-image: initial;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-attachment: fixed;
}
#menu, #menu ul 
{
    padding:0;
    margin:0;
    list-style: none;
}
  
#menu li 
{
    display:inline-block;
    vertical-align: top;
    position: relative;
}
#menu li li 
{
    display:inherit;
}
#menu a 
{
    display:block;
    padding:5px 50px;
    text-decoration: none;
    color:#fff;
    font-family:arial;
}
#menu ul li a 
{
    padding:5px 8px;
}
#menu ul 
{
    position: absolute;
    z-index: 1000;
    min-width:100%;
    white-space: nowrap;
    text-align: left;
}
#menu ul ul 
{
    left:100%;
    top:0;
    overflow: hidden;
    max-width: 0;
    min-width: 0;
    transition: 0.3s all;
}
#menu ul li:hover ul 
{
    max-width: 30em;
}
#menu ul li 
{
    max-height:0;
    overflow: hidden;
    transition:all 0.8s;
}
#menu li li li 
{
    max-height: inherit;
}
#menu li:hover li 
{
    max-height: 15em;
    overflow: visible;
}  
/* background des liens menus */
.fondmenu
{
  background-color:#65537A;
  background-image:linear-gradient(to bottom,#65537A 0%,#2A2333 100%);
}
.fondmenu li 
{
  background:#2A2333
}
.fondmenu li .special01
{
  background-color: brown;
}
.fondmenu li .special02
{
  background-color: red;
}
.fondmenu li .special03
{
  background-color:blue;
}
.fondmenu li .special04
{
  background-color: blueviolet;
}
.fondmenu li .special05
{
  color: black;
  background-color:yellow;
}
.fondmenu li .special06
{
  background-color: green;
}
.fondmenu li:hover 
{
  background:#65537A
}
#Banniere1
{
  position: relative;
  padding-top: 20px;
  margin: auto;
  text-align: center;
}
#contenu
{
  font-family: 'BungeeInline', Courier, monospace;
  width: 1000px;
  margin: auto;
  padding-top: 20px;
  text-align: center;
  color: white;
}
#Banniere2
{
  position: relative;
  padding-top: 20px;
  margin: auto;
  text-align: center;
}
.attention
{
  color: red;
  size: 25px;
}
  
/* Gestion du footer */

footer
{
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  text-shadow: 1px;
  color: aliceblue;
  background-color:#65537A;
  background-image:linear-gradient(to bottom,#65537A 0%,#2A2333 100%);
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
}
/* les style d'écriture */
/* bungee-regular - latin */
@font-face 
{
    font-family: 'Bungee';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/BungeeSpice-Regular.ttf');
}
/* bungee-Inline-regular - latin */
@font-face
{
    font-family: 'BungeeInline';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/BungeeInline-Regular.ttf');
}