.courts {
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
   -o-justify-content: space-around;
   -ms-justify-content: space-around;
   justify-content: space-around;
   width: 16%;
   min-width: 140px;
   margin-right: 8px;
 }
 .cours {
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
   -o-justify-content: space-around;
   -ms-justify-content: space-around;
   justify-content: space-around;
   width: 14%;
   min-width: 100px;
   margin-right: 8px;
 }
 .cases {
   height: 66px;
   width: 145px;
   font-size: 0.9em;
   margin-bottom: 2px;
   color: #fff;
   font-weight: 700;
   /*border-radius: 6px;*/
 }
 .cases span.single {
   height: 66px;
   line-height: 60px;
 }
 .cases span {
   height: 66px;
   line-height: 30px;
 }

 .quart-cases {
   height: 15px;
   width: 145px;
   color: #fff;
   font-weight: 700;
   font-size: 0.8em;
   margin-bottom: 2px;
 }
 .quart-cases span.single {
   height: 15px;
   line-height: 15px;
 }
 .quart-cases span {
   height: 15px;
   line-height: 15px;
 }
 .demi-cases {
   height: 30px;
   width: 145px;
   font-size: 0.9em;
   color: #fff;
   font-weight: 700;
   margin-bottom: 2px;
 }
 .demi-cases span.single {
   height: 30px;
   line-height: 30px;
 }
 .demi-cases span {
   height: 30px;
   line-height: 30px;
 }
 .troisquart-cases {
   height: 48px;
   width: 145px;
   font-size: 0.9em;
   color: #fff;
   font-weight: 700;
   margin-bottom: 2px;
 }
 .troisquart-cases span.single {
   height: 48px;
   line-height: 19px;
 }
 .troisquart-cases span {
   height: 48px;
   line-height: 19px;
 } 
.uneheurequinze-cases {
   height:  83px;
   width: 145px;
   font-size: 0.9em;
   color: #fff;
   font-weight: 700;
   margin-bottom: 2px;
 }
 .uneheurequinze-cases span.single {
   height:  83px;
   line-height: 36px;
 }
 .uneheurequinze-cases span {
   height:  83px;
   line-height: 36px;
 }
.uneheuretrente-cases {
   height: 100px;
   width: 145px;
   font-size: 0.9em;
   color: #fff;
   font-weight: 700;
   margin-bottom: 2px;
 }
 .uneheuretrente-cases span.single {
   height: 100px;
   line-height: 45px;
 }
 .uneheuretrente-cases span {
   height: 100px;
   line-height: 45px;
 }
.uneheuretroisquart-cases {
   height: 117px;
   width: 145px;
   font-size: 0.9em;
   color: #fff;
   font-weight: 700;
   margin-bottom: 2px;
 }
 .uneheuretroisquart-cases span.single {
   height: 117px;
   line-height: 52px;
 }
 .uneheuretroisquart-cases span {
   height: 117px;
   line-height: 52px;
 }
.deuxheures-cases {
   height: 134px;
   width: 145px;
   font-size: 0.9em;
   color: #fff;
   font-weight: 700;
   margin-bottom: 2px;
 }
 .deuxheures-cases span.single {
   height: 134px;
   line-height: 60px;
 }
 .deuxheures-cases span {
   height: 134px;
   line-height: 60px;
 }
 .cases_cours {
   height: 60px;
   width: 130px;
   font-size: 0.9em;
   margin-bottom: 2px;
   color: #fff;
   font-weight: 700;
 }
 .cases_cours span.single {
   height: 60px;
   line-height: 60px;
 }
 .cases_cours span {
   height: 60px;
   line-height: 30px;
 }
 .case span.libre {
   line-height: 60px;
 }
 @media all and (max-width:749px) {
   .courts {
     -webkit-justify-content: space-around;
     -moz-justify-content: space-around;
     -o-justify-content: space-around;
     -ms-justify-content: space-around;
     justify-content: space-around;
     width: 16%;
     min-width: 100%;
     margin-right: 8px;
   }
   .cases, .quart-cases, .demi-cases, .troisquart-cases , .uneheurequinze-cases , .uneheuretrente-cases , .uneheuretroisquart-cases , .deuxheures-cases {
     width: 100%;
     font-size: 0.9em;
     margin-bottom: 2px;
     color: #fff;
     font-weight: 700;
   }
 }