div.divcontenumenu
{
    width:99%;
    text-align: left;
    font-size: 1.2em;
    box-shadow: 6px 6px 18px gold;
    background-color: #BDBDBD;
    border:solid 1px #BDBDBD;
    box-shadow: 6px 6px 18px gold;
}

#overlay
{
display: none;
position:absolute;
z-index: 1000;
top: 0px;
left:1%;
width:55%;
height:100%;
font-size: 1.1em;
padding: 1px;
margin: 15px;
margin-top:1%;
-webkit-border-radius:1%;
-moz-border-radius:1%;
-o-border-radius:1%;
-ms-border-radius:1%;
-khtml-border-radius: 1%;
border-radius:1%;

text-align: left;
font-size: 1.2em;


}

#overlay:target
{
display: block;
}

 ul.ulmenu 
{
-webkit-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
-ms-border-radius:15px;
-khtml-border-radius: 15px ;
border-radius:15px;
width:95%;
padding: 5px;
margin-left: 3px;
list-style-type:  none;
background-color:white;

}



li.barremenu1
{
background-color:rgb(177, 175, 175);
}

 ul.ulmenu li a
{

}

 ul.ulmenu li a:hover
{
color:#01DF01;
border-bottom:solid 1px #BDBDBD;
}



a.Fermer
{
float:left;
top:-5px;
right:-10px;
border: 1px dotted #fff;
cursor:  pointer;
-webkit-border-radius:1%;
-moz-border-radius:1%;
-o-border-radius:1%;
-ms-border-radius:1%;
-khtml-border-radius: 1%;
border-radius:2%;
border:solid 1px #BDBDBD;
font-size: 1.3em;
color:black;
background-color:#BDBDBD;
text-decoration: none;
}


a.Fermer:hover
{
border:solid 3px red;
}

a.menu
{
top:3px;
cursor:  pointer;
font-size: 1.3em;
padding: 5px;
text-align: center;
text-decoration: none;
}


a.menu:hover
{
font-size: 1.4em;

}


img.MenuIconneImg
{
width: 60px;
height: 30px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-khtml-border-radius: 5px ;
border-radius:15px;
cursor:  pointer;

}

img.MenuIconneImg:hover
{
border: 2px dotted #fff;
}

div.menuhautligne
{
top:3px;
float:left;
-webkit-border-radius:3%;
-moz-border-radius:3%;
-o-border-radius:3%;
-ms-border-radius:3%;
-khtml-border-radius: 3%;
border-radius:3%;
width: 90%;
height:70%;
margin-left:3%;
border: 1px dotted #fff;
text-align: left;
vertical-align: center;
background-color:rgb(250, 248, 248)
}



div.menuhautligne li
{
display: inline-block;
height:30px;
-webkit-border-radius:3%;
-moz-border-radius:3%;
-o-border-radius:3%;
-ms-border-radius:3%;
-khtml-border-radius: 3%;
border-radius:3%;


width: 15%;
text-align: center;
color:rgb(8, 8, 8);
background-color:#E6E6E6;
margin-left:3%;
margin-right:3%;
-webkit-transition:-webkit-transform .9s; 
-moz-transition:-moz-transform .9s;       
-o-transition:-o-transform .9s;           
-ms-transition:-ms-transform .9s;         
transition:transform .9s;

border: 3px solid #01DF01;
}

div.menuhautligne li:hover
{
height:40px;
vertical-align: center;
    -webkit-border-radius:40%;
    -moz-border-radius:40%;
    -o-border-radius:40%;;
    -ms-border-radius:40%;
    -khtml-border-radius: 40%;
    border-radius:40%;
border: 2px dotted red;
color:rgb(238, 12, 12);
box-shadow: 0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f;
-webkit-transform:rotate(15deg); 
-moz-transform:rotate(15deg);
-o-transform:rotate(15deg); 
-ms-transform:rotate(15deg); 
transform:rotate(15deg);
}

div.menuhautligne li.agauche:hover
{
height:40px;
vertical-align: center;
    -webkit-border-radius:40%;
    -moz-border-radius:40%;
    -o-border-radius:40%;;
    -ms-border-radius:40%;
    -khtml-border-radius: 40%;
    border-radius:40%;
border: 2px dotted red;
color:rgb(238, 12, 12);
box-shadow: 0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f;
-webkit-transform:rotate(-15deg); 
-moz-transform:rotate(-15deg);
-o-transform:rotate(-15deg); 
-ms-transform:rotate(-15deg); 
transform:rotate(-15deg);
}