.glossRouge{
    background: #ffadad; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffadad 0%, #ff3f3f 50%, #ff0202 51%, #ff6868 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffadad 0%,#ff3f3f 50%,#ff0202 51%,#ff6868 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffadad 0%,#ff3f3f 50%,#ff0202 51%,#ff6868 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffadad', endColorstr='#ff6868',GradientType=0 ); /* IE6-9 */
}

.glossVert{
    background: #adffad; /* Old browsers */
    background: -moz-linear-gradient(top,  #adffad 0%,#3fff3f 50%,#02ff02 51%,#68ff68 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #adffad 0%,#3fff3f 50%,#02ff02 51%,#68ff68 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #adffad 0%,#3fff3f 50%,#02ff02 51%,#68ff68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adffad', endColorstr='#68ff68',GradientType=0 ); /* IE6-9 */
}

.cursor {
    cursor: pointer;
}
.blink {
    background-color: red;
    color:black;
    padding:5px;
    border-radius: 5px;
    -webkit-animation: blink 1s step-end infinite;
    animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink { 75% { visibility: hidden; }}
@keyframes blink { 75% { visibility: hidden; }}    
.custom-corners .ui-bar {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.custom-corners .ui-body {
  border-top-width: 0;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
} 
table.membres{
    width: 100%;
    border-collapse: collapse;
}
table.membres th{
    background-color: gainsboro;
    border-bottom: 1px #828282 solid;
}
table.membres td:not(:first-child){
    border: 1px gainsboro solid;
    text-align: center;
}
table.membres td.exter{
    color:#AAAAAA;
}

div.boite{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
}
div.boite>div{
    margin: 8px;
    padding:5px;
    border-radius: 15px;
    box-shadow: 8px 8px 12px #aaa;
    text-align: center;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}
div.boite>div[data-fichier]{
    cursor: pointer;
}
div.boite>div>div{
    text-transform: capitalize;
}

/* THEME BANDA */
.ui-overlay-c, .ui-page-theme-c, #connexion, .ui-page-theme-c .ui-panel-wrapper{
    background-image: url('../images/vichyVert.jpg');
}
.ui-bar-c, .ui-page-theme-c .ui-bar-inherit, html .ui-bar-c .ui-bar-inherit, html .ui-body-c .ui-bar-inherit, html body .ui-group-theme-c .ui-bar-inherit{
    background-color: #005500;
}
.ui-page-theme-c .ui-btn.ui-btn-active, html .ui-bar-c .ui-btn.ui-btn-active, html .ui-body-c .ui-btn.ui-btn-active, 
html body .ui-group-theme-c .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-c.ui-btn-active, .ui-page-theme-c .ui-checkbox-on:after, 
html .ui-bar-c .ui-checkbox-on:after, html .ui-body-c .ui-checkbox-on:after, html body .ui-group-theme-c .ui-checkbox-on:after, 
.ui-btn.ui-checkbox-on.ui-btn-c:after, .ui-page-theme-c .ui-flipswitch-active, html .ui-bar-c .ui-flipswitch-active, html .ui-body-c .ui-flipswitch-active, 
html body .ui-group-theme-c .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active, .ui-page-theme-c .ui-slider-track .ui-btn-active, 
html .ui-bar-c .ui-slider-track .ui-btn-active, html .ui-body-c .ui-slider-track .ui-btn-active, html body .ui-group-theme-c .ui-slider-track .ui-btn-active, 
html body div.ui-slider-track.ui-body-c .ui-btn-active {
    background-color: white;
}
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, 
html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, 
html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, 
.ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, 
html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, 
html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, 
html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: white;
}