<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:380px;}
.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, #a9caec), color-stop(0.5, #FFFFFF), color-stop(1, #6b99c8));
background-image: -o-linear-gradient(bottom, #a9caec 0%, #FFFFFF 50%, #6b99c8 100%);
background-image: -moz-linear-gradient(bottom, #a9caec 0%, #FFFFFF 50%, #6b99c8 100%);
background-image: -webkit-linear-gradient(bottom, #a9caec 0%, #FFFFFF 50%, #6b99c8 100%);
background-image: -ms-linear-gradient(bottom, #a9caec 0%, #FFFFFF 50%, #6b99c8 100%);
background-image: linear-gradient(to bottom, #a9caec 0%, #FFFFFF 50%, #6b99c8 100%);
border: 1px dotted #ccc;
border-radius: 15px ;}
--></style>