body {
    background-color: beige;
}
#blocmenu{
    padding: 5px;
}

/*Le menu */
#menu, #menu ul{
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
}
#menu li{
    display:inline-block;
    position:relative;
    border-radius: 8px 8px 0 0;
    min-width: 160px;
    max-width: 320px;
    line-height: 25px;
}
#menu ul li{
    display:inherit;
    border-radius:0;
}
#menu ul li:hover{
    border-radius:0;
}
#menu ul li:last-child{
    border-radius:0 0 8px 8px;
}
#menu ul{
    position:absolute;
    max-height:0;
    left: 0;
    right: 0;
    overflow:hidden;
    transition: 0.2s max-height 0.1s;
    /*Cette transition se déroulera sur 0.2s et se déclanchera 0.1s après le survol */
}
#menu li:hover ul{
    max-height:40em;
}
/* background des liens menus */
#menu li:first-child{
    background-color: #65537A;
    background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
#menu li:nth-child(2){
    background-color: #729EBF;
    background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
#menu li:nth-child(3){
    background-color: #F6AD1A;
    background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}
#menu li:nth-child(4){
    background-color: #F6AD1A;
    background-image:linear-gradient(to bottom, #FA8ACF 0%, #8C155E 100%);
}
#menu li:nth-child(5){
    background-color: #CFFF6A;
    background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
}
#menu li:last-child{
    background-color: #65537A;
    background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
/* background des liens sous menus */
#menu li:first-child li{
    background:#2A2333;
}
#menu li:nth-child(2) li{
    background:#333A40;
}
#menu li:nth-child(3) li{
    background:#9F391A;
}
#menu li:nth-child(4) li{
    background:#8C155E;
}
#menu li:nth-child(5) li{
    background:#677F35;
}
#menu li:last-child li{
    background:#2A2333;
}
/* background des liens menus et sous menus au survol */
#menu li:first-child:hover, #menu li:first-child li:hover{
    background:#65537A;
}
#menu li:nth-child(2):hover, #menu li:nth-child(2) li:hover{
    background:#729EBF;
}
#menu li:nth-child(3):hover, #menu li:nth-child(3) li:hover{
    background:#F6AD1A;
}
#menu li:nth-child(4):hover, #menu li:nth-child(4) li:hover{
    background:#CFFF6A;
}
#menu li:last-child:hover, #menu li:last-child li:hover{
    background:#65537A;
}
/* les a href */
#menu a{
    text-decoration:none;
    display:block;
    padding:8px 32px;
    color:#fff;
    font-family:arial;
}
#menu ul a{
    padding:8px 0;
    z-index: 1000;
    
}
#menu li:hover li a{
    color:#fff;
    text-transform:inherit;
}
#menu li:hover a, #menu li li:hover a{
    color:#000;
}

.container{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 5px;
    background-color: #65537A;
}
.container a{
    color: #fcf1d2;  
}
.container a:hover {
    color:#000;
}
.titre-container{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
    padding: 5px;
    background-color: #F6AD1A;
    background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
    text-align: center;
    color: #fcf1d2;
    font-size: xx-large;
}
.containerBorder{
    width: 80%;
    color: #000;
    margin: 10px;
    padding: 5px;
    background-color: #fcf1d2;
    border-radius: 10px;
}
h2, .container p, table, li{
    font-style: normal;
    font-weight: 100;
    font-size: x-large;
    color: #fcf1d2;  
}