.fond_dashboard_bouton {
    /*   Other   */
     top: 15%;
     width: 100px;
     height: 100px;
     left: 5%;
     
    background : url(/Data/Images/etoile.png) no-repeat;
    background : url(../Data/Images/etoile.png) no-repeat;
    -moz-background-size : 100% 100% ;          
    -o-background-size: 100% 100%;           
    -webkit-background-size: 100% 100% ;           
     background-size: 100% 100% ;    
     position: absolute;
     
     top: 12vw;
     width: 8vw ;
     height: 8vw;
     left: 4vw;
}



.dashboard_body{
    /*   Other   */
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    
    font-size: 1vw;
    padding: 1vw 1vw 1vw 1vw;
    background: transparent ;    
    overflow : hidden ;
}

.dashboard_page{
    background: transparent ; 
   
}
.dashboard_licences_status{
    background: red ; 
   
}
.dashboard_btn_icon{
    background-size : 100% ; 
   
}

.fond_dashboard {
    /*   Other   */
     top: 45%;
     width: 120px;
     height: 120px;
     right: 5%;
     
    background : url(/Data/Images/Gratuit.png) no-repeat;
    background : url(../Data/Images/Gratuit.png) no-repeat;
    -moz-background-size : 100% 100% ;          
    -o-background-size: 100% 100%;           
    -webkit-background-size: 100% 100% ;           
     background-size: 100% 100% ;    
     position: absolute;
     
     top: 42vw;
     width: 10vw ;
     height: 10vw;
     right: 4vw;
}



.dashboard_form{
    /*   Other   */
    padding: 5px 5px 5px 5px;
    
    background: -moz-linear-gradient(left,  rgba(244,202,85,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,202,85,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ca55', endColorstr='#00ffffff',GradientType=1 );

    /*border: 1px solid #555;*/
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    
/*    overflow-x : hidden ;
    overflow-y : auto ;*/
    
    padding: 1em 1vw 1vw 1vw;
}


.dashboard_application_vignette {
    display : inline-block;
    margin: 5px 5px 5px 5px;
    border : 1px solid #fff;
    width: 100% ;
    height: 5vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    
/*    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffddaa));
    background: -webkit-linear-gradient(#ffffff, #ffddaa);
    background: -moz-linear-gradient(#ffffff, #ffddaa);
    background: -ms-linear-gradient(#ffffff, #ffddaa);
    background: -o-linear-gradient(#ffffff, #ffddaa);
    background: linear-gradient(#ffffff, #ffddaa);
    -pie-background: linear-gradient(#ffffff, #ffddaa);*/
    
    background: -moz-linear-gradient(top,  rgba(252,236,156,1) 0%, rgba(252,236,156,0.5) 20%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,236,156,1)), color-stop(20%,rgba(252,236,156,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,236,156,1) 0%,rgba(252,236,156,0.5) 20%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,236,156,1) 0%,rgba(252,236,156,0.5) 20%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,236,156,1) 0%,rgba(252,236,156,0.5) 20%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(252,236,156,1) 0%,rgba(252,236,156,0.5) 20%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcec9c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    
/*    -moz-box-shadow: inset 0px 0px 20px 0px #9b9b9b;
-webkit-box-shadow: inset 0px 0px 20px 0px #9b9b9b;
-o-box-shadow: inset 0px 0px 20px 0px #9b9b9b;
box-shadow: inset 0px 0px 20px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=20);*/

    -webkit-box-shadow: #000 0px 1vw 2vw;
    -moz-box-shadow: #000 0px 1vw 2wv;
    box-shadow: #000 0px 1vw 2vw;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.dashboard_application_vignette_up {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
}

.dashboard_application_vignette_bloc { 
    width : 100% ;
    height: 100%;
    overflow: hidden;
}

.dashboard_application_vignette_bloc #image {
    width : 20% ;
    height: 5vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: #000 0px 1vw 2vw;
    -moz-box-shadow: #000 0px 1vw 2wv;
    box-shadow: #000 0px 1vw 2vw;
}

.dashboard_application_vignette_bloc #admin  {
    width : 20% ;
    height: 100%;
    float: right;
    display: block;
}

.dashboard_application_vignette_bloc #admin > img  {
    width : 20% ;
    cursor: pointer;
}

.dashboard_application_vignette_bloc_1 {
    display: inline-block;
    vertical-align: top ;
    height: 100% ;
    width: 60%;
    text-align: center ;
}

.dashboard_application_vignette_bloc_1 #titre {
    display: block;
    width : 100% ;
    height: 20% ;
    font-size: 1vw;
    text-align: center ;
    /*padding: 2% 2% 2% 2%;*/
    overflow: hidden ;
}

.dashboard_application_vignette_bloc_1 #description {
    display: block;
    width : 100% ;
    height: 75% ;
    text-align: justify ;
    text-indent : 5vw ;
    margin: 0% 2%;
    padding: 1vw ;
    overflow: auto ;
    font-size: 1.0vw;
/*    border: 1px solid #fff ;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcec9c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    
}

.dashboard_application_vignette_bloc_2 { 
    display: inline-block;
    width : 17% ;
    height: 100%;
    line-height: 18vw ;
    padding: 0px;
    overflow: hidden;
    float: right;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    /*
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
    */
    
    -webkit-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
    transform:rotate(-15deg);
    
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.dashboard_application_vignette_bloc_2:hover
{
    -webkit-transform:rotate(30deg);
    -moz-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    -o-transform:rotate(30deg);
    transform:rotate(30deg);
    
}

.dashboard_application_vignette_bloc_2 #tarif{
    display: inline-block;
    width : 100% ;
/*    height: 60% ;*/
    text-align: center ;
    vertical-align: middle ;
    overflow: hidden ;    
    margin: auto ;
    
}

.dashboard_application_vignette_bloc_2 #tarif p {
    line-height: normal;
    font-size: 3vw;
}