/* background: teal url("../data/gradientmob-bg.png") repeat-x top;*/
.gradientmob {
/* Anciens navigateurs */
background: teal url("../data/gradientmob-bg.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Internet Explorer */
*background: teal;
background: teal\0/;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF00BFFF, endColorstr=#FF008080);
/* Navigateurs récents */
background-image: -webkit-gradient(
linear,
left top, left bottom,
from(deepskyblue),
to(teal)
);
background-image: -webkit-linear-gradient(
top,
deepskyblue,
teal
);
background-image: -moz-linear-gradient(
top,
deepskyblue,
teal
);
background-image: -o-linear-gradient(
top,
deepskyblue,
teal
);
background-image: linear-gradient(
top,
deepskyblue,
teal
);
}
.gradientmobarrow_box {
position: absolute;
background: #88b7d5;
border: 2px solid #c2e1f5;
cursor:pointer;
z-index : 1000;
text-align:center;
padding-top:4px;
}
.gradientmobabox {
position: relative;
padding:5px;
margin:5px;
margin-left:1px;
margin-right:1px;
padding-left:2px;
padding-right:2px;
font-size : 27px;
text-decoration : none;
color : black;
cursor:pointer;
z-index : 6;
}
.gradientmobabox:hover {
color : red;
}
.gradientmobarrow_box:after, .gradientmobarrow_box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.gradientmobarrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #88b7d5;
border-width: 15px;
margin-left: 90px;
}
.gradientmobarrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #c2e1f5;
border-width: 18px;
margin-left: 87px;
}
.MenuMobTitle{
width:70%;
float:left;
margin-left:10px;
position:relative;
}