<style type="text/css"><!--
.ma_boite3{
width:300px;
height:30px;
text-align:center;
overflow:hidden;
transition: height 1s;
-moz-transition: height 1s;
-webkit-transition: height 1s;
-o-transition: height 1s;}
.ma_boite3:hover{
width:460px;
height:480px;}
.title_box6{
font-size:18pt;
font-weight:bold;
text-align:center;
color:black;
background-image:
background-image: -webkit-gradient( linear, right top, right bottom, color-stop(0, #81BCE4), color-stop(0.5, #FFFFFF), color-stop(1, #DD84E6));
background-image: -o-linear-gradient(bottom, #81BCE4 0%, #FFFFFF 50%, #DD84E6 100%);
background-image: -moz-linear-gradient(bottom, #81BCE4 0%, #FFFFFF 50%, #DD84E6 100%);
background-image: -webkit-linear-gradient(bottom, #81BCE4 0%, #FFFFFF 50%, #DD84E6 100%);
background-image: -ms-linear-gradient(bottom, #81BCE4 0%, #FFFFFF 50%, #DD84E6 100%);
background-image: linear-gradient(to bottom, #81BCE4 0%, #FFFFFF 50%, #DD84E6 100%);
border: 1px solid black;
border-radius: 15px 15px 0px 0px;}
--></style>