.table {
width: 760px;
cellspacing: 5px;
cellpadding: 5px;
display: inline-block;
position: relative;
}
.rotate {
width: 234px;
height: 215px;
transition: all 0.3s ease;
border: thin solid #B9B6B6;
display : table;
margin : 0 auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
border-radius: 4px;
box-sizing: content-box;
-webkit-box-shadow: 0 1px 0px #CDCACA;
box-shadow: 0 1px 0px #CDCACA;
}
.rotate:hover{
-webkit-transform: rotateZ(-3deg);
-ms-transform: rotateZ(-3deg);
transform: rotateZ(-3deg);
-webkit-box-shadow: 6px 4px 7px #CCC7C7;
box-shadow: 6px 4px 7px #CCC7C7;
border: thin solid #135483;
display: block;
position: relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
border-radius: 4px;
box-sizing: content-box;
}
.rotate1 {
width: 234px;
height: 215px;
transition: all 0.3s ease;
border: thin solid #B9B6B6;
display: block;
position: relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
border-radius: 4px;
box-sizing: content-box;
-webkit-box-shadow: 0 1px 0px #CDCACA;
box-shadow: 0 1px 0px #CDCACA;
}
.rotate1:hover{
-webkit-transform: rotateZ(-3deg);
-ms-transform: rotateZ(-3deg);
transform: rotateZ(-3deg);
-webkit-box-shadow: 6px 4px 7px #CCC7C7;
box-shadow: 6px 4px 7px #CCC7C7;
border: thin solid #135483;
display: block; position: relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
border-radius: 4px;
box-sizing: content-box;
}
.retouche {
position:absolute;
background-image:url();
width: 234px;
height: 215px;
a.info {
position:relative;
z-index:24;
background-color:#fff;
color:#000;
text-decoration:none
}
a.info:hover {
z-index:25;
background-color:#fff
}
a.info span{
display: none
}
a.info:hover span {
display:block;
position:absolute;
top:0em;
left:0em;
width:19.5em;
border:1px solid #0A8CA0;
background-color:#000000;
color:#fff;
}
CONTRIBUEZ !
Si vous êtes formateur académique vous pouvez déposer vos contenus de formation en remplissant ce formulaire.
