/*Début QEEL*/ /*Titre QEEL*/ .qeel_titre { width: 890px; height: 100px; background-image: ur('https://i.servimg.com/u/f55/18/39/13/48/qeelha10.png'); background-position: bottom center; background-repeat: no-repeat; } /*QEEL*/ .qeel { width: 890px; height: 400px; background-image: ur('https://i.servimg.com/u/f55/18/39/13/48/qeelmi10.jpg'); background-position: bottom center; background-repeat: no-repeat; } /*QEEL tableau*/ .qeel_table { width: 612px; margin: auto; } .colonne { position: absolute; z-index: 1; width: 200px; height: 300px; overflow: auto; margin-top: 0px; margin-left: 0px; background: #36444c; border: 1px solid #3f4d55; box-shadow: 0px 0px 0px #0d1418; -moz-box-shadow: 0px 0px 0px #0d1418; -o-box-shadow: 0px 0px 0px #0d1418; -htm-box-shadow: 0px 0px 0px #0d1418; -webkit-box-shadow: 0px 0px 0px #0d1418; font-size: 9px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .colonne:hover { position: absolute; z-index: 99; width: 300px; height: 400px; margin-top: -50px; margin-left: -50px; background: #36444c; border: 1px solid #3f4d55; box-shadow: 0px 0px 5px #0d1418; -moz-box-shadow: 0px 0px 5px #0d1418; -o-box-shadow: 0px 0px 5px #0d1418; -htm-box-shadow: 0px 0px 5px #0d1418; -webkit-box-shadow: 0px 0px 5px #0d1418; font-size: 11px; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .qeel_contenu { display: block; text-align: justify; padding: 10px; } /*Fin QEEL*/