Template:UPMC-Paris/CSS 

   #top_title, #sideMenu{
     display: block;
    }
   #content{
    width:95%;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 padding: 1rem;
 background-color: #efefef;
 text-align: center;

} 

   } 
   p {

color:#666666; } 

  h3 {

color: #222222; }

  1. colorNav > ul{

margin-left: auto; 

   margin-right: auto;

position:fixed; bottom:50px; }

  1. colorNav > ul > li{ /* will style only the top level li */

list-style: none; box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC; display: inline-block; line-height:2; 

       margin: 0px;

border-radius: 30px; position:relative; }

  1. colorNav > ul > li > a{

color:inherit; text-decoration:none !important; font-size:24px; padding: 30px; }

  1. colorNav li ul{

position:absolute; list-style:none; text-align:center; width:180px; left:50%; margin-left:-90px; top:-30px; font:bold 12px 'Open Sans Condensed', sans-serif;

/* This is important for the show/hide CSS animation */ max-height:0px; overflow:hidden; 

       border-radius: 30px;

-webkit-transition:max-height 0.4s linear; -moz-transition:max-height 0.4 linear; transition:max-height 0.4 linear; }

  1. colorNav li:hover ul{

max-height:500px; }

  1. colorNav li ul li{

background-color:#369799; }

  1. colorNav li ul li a{

padding:12px; color:#fff !important; text-decoration:none !important; display:block;


}

  1. colorNav li ul li:nth-child(odd){ /* zebra stripes */

background-color:#369799; }

  1. colorNav li ul li:hover{

background-color:#369741; }

  1. colorNav li ul li:first-child{

border-radius:3px 3px 0 0; margin-bottom:25px; position:relative; }

  1. colorNav li ul li:first-child:before{ /* the pointer tip */

content:; position:absolute; width:1px; height:1px; border:5px solid transparent; border-bottom-color:#313131; left:50%; bottom:10px; margin-left:-5px; }

  1. colorNav li ul li:last-child{

border-bottom-left-radius:3px; border-bottom-right-radius:3px; }

  1. colorNav li.green{

/* This is the color of the menu item */ background-color:#00c08b;

/* This is the color of the icon */ color:#000000; }

  1. colorNav li.pink{background-color:#ea5080;color:#000000;}
  2. colorNav li.blue{background-color:#53bfe2;color:#000000;}
  3. colorNav li.brown{background-color:#f8c54d;color:#000000;}
  4. colorNav li.purple{background-color:#df6dc2;color:#000000;}
  5. colorNav li.orange{background-color:#df6dc2;color:#000000;}
  6. colorNav li.green{background-color:#00FF00;color:#000000;}
  7. colorNav li.yellow{background-color:#e2ff00;color:#000000;}
  8. colorNav li.red{background-color:#f00000;color:#000000;}
  9. colorNav li.grey{background-color:#d3d3d3;color:#000000;}

<nav id="colorNav">

</nav>