.panier_conteneur {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #000 0px 1vw 2vw;
    -moz-box-shadow: #000 0px 1vw 2wv;
    box-shadow: #000 0px 1vw 2vw;
    overflow: hidden;
    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 */
}

.panier_body { 
    font-size: 1vw;
    background-color: #fff ;
    overflow-x : hidden ;
    overflow-y : auto ;
}

.panier_row {
    border : 1px solid #fff;
    width: 100% ;
    height: 5vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
   
    
    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;
    cursor: pointer;
}

.panier_vignette_up {
    -webkit-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -ms-transform:scale(0.95);
    -o-transform:scale(0.95);
    transform:scale(0.95);
}

.panier_vignette_bloc #image {
    width : 5vw ;
    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;
}

.panier_vignette_bloc_1 {
    display: inline-block;
    vertical-align: top ;
    height: 5vw ;
    width: 55%;
    text-align: center ;
}

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

.panier_vignette_bloc_1 #description {
    display: block;
    width : 100% ;
    height: 75% ;
    text-align: justify ;
    text-indent : 5vw ;
    margin: 0% 2%;
    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 */
    
}

.panier_vignette_bloc_2 { 
    display: inline-block;
    width : 5vw ;
    height: 5vw;
    line-height: 5vw ;
    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;
}

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

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

.panier_vignette_bloc_2 #tarif p {
    line-height: normal;
    font-size: 1vw;
}

.panier_vignette_bloc #selected {
    width : 1.5vw ;
    height: 1.5vw;
    float: right;
}