div#principal {        
               position: absolute;
	       top: 18%;
               left: 15%;
               height: 100%;
	       width: 80%;
               background-color: #99CCCC; 
	       }
a img{text-decoration:none; border:none;}
a.image img {text-decoration:none; border:none;}

#texte {
	   position: relative;
	   top: 8%;
	   left: 10%;
	   height: 100%;
	   width: 78%;
	   }

#menu {
	   position: absolute;
	   top: 18%;
	   left: 3%;
	   height: 40%;
	   Width: 10%;
	   background-color: #000000
	   }

img#licence_pro {
                  top: 0%;
                  left: 0%;
                  height:19%;
                  width: 100%;
                 }

img#licence_lmd {
                  top: 20%;
                  left: 0%;
                  height:19%;
                  width: 100%;
                 }

img#master_pro {
                top: 40%;
                left: 0%;
                height:19%;
                width: 100%;
                 }

img#master_recherche {
                      top: 60%;
                      left: 0%;
                      height:19%;
                      width: 100%;
                      }

img#ecole_inge {
                top: 80%;
                left: 0%;
                height:19%;
                width: 100%;
                 }

img#suivant {
             top: 88%;
             left: 88%;
             height:12%;
             width: 12%;
              }

img#precedente {
                top: 88%;
                left: 88%;
                height:12%;
                width: 12%;
                }
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}   
li lien, li a {text-decoration:none; color : black;
}