/* CSS Document */
*{
outline:none;
}
html, body{
height:100% !important;
}
body {
background-color: #ffffff;
margin-top: 0px;
text-align:center;
overflow-x:hidden;
overflow-y:scroll;
}
.must-print{ visibility: hidden; display: none;}
ul, li { list-style: none;}
.col-no-pad{
margin:0px !important;
padding:0px !important;
}
@media all and (max-width:599px){
body {
background-image:url(../images/fond-small.jpg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:top center;
margin-top: 0px;
background-attachment:fixed;
}
.content-wrapper{
margin:0;
}
.content{
padding : 30px 23px;
}
}
@media all and (min-width:600px){
body {
margin-top: 0px;
background: url(../images/fond.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
.content-wrapper{
background-color:rgba(255,255,255,0.75);
margin:0;
}
.content{
background-color:rgba(255,255,255,0.8);
padding : 10px 25px;
height:100%;
}
}
/***************** NAVABAR*********************/
.navbar{
background:none;
border:none;
margin-bottom:0;
}
.tc-logo{
/*margin-bottom:22px;*/
margin-top: 15px;
}
.tc-boutons{
margin:0;
padding:0;
margin-top:18px;
display:inline;
text-align:right;
}
.navbar-nav {
float:right;
}
#clock, #blinkblink{
margin-top:15px;
}
@media all and (max-width:599px){
.row{
margin-right:-25px;
}
.navbar .container, .navbar .col-xs-6{
margin:0;
padding:0;
padding-top:15px;
padding-left: 8px;
}
.navbar .container{
height:72px;
}
.tc-logo img { margin-left: -40px;}
}
@media all and (min-width:600px){
.tc-boutons{
margin:0;
padding:0;
margin-top:38px;
display:inline;
padding-right:25px;
}
.navbar .container{
background-color:rgba(255,255,255,0.8);
min-height:137px;
}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border:none !important;
border-top: none;
-webkit-box-shadow:none;
box-shadow:none;
}
.btn-top, .btn-group-top > .btn {
padding: 3px 10px;
font-size: 20px;
line-height: 0;
border-radius: 5px;
float:right;
margin-top : 8px;
margin-bottom: 20px;
margin-right:22px ;
}
.btn-top:hover,
.btn-top:focus,
.btn-top.focus,
.btn-top:active,
.btn-top.active,
.open > .dropdown-toggle.btn-top {
}
/***************** CONTENU*********************/
.scrollbar{
overflow-x:scroll;
}
.row-tableau{
}
.col-heures{
float:left;
margin-right:10px;
}
.col-courts{
/* old syntax */
display: -webkit-box;
display: -moz-box;
/* new syntax */
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-o-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
overflow:auto;
height: 800px;
}
.col-botlinks{
margin-left:54px;
}
.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:20%;
min-width:155px;
margin-right:8px;
}
/*
.col-heures{
z-index:1000;
float:left;
margin-right:10px;
}
*/
/* seulement le tableau */
.scrolltab{
float:right;
display:inline;
overflow-x:scroll;
}
.court{
margin-right:10px;
display: inline-table;
}
/****TABLEAU DES HEURES PARAMETRES ****/
.tableau_entetes{
color:#ffffff;
}
@media all and (min-width:750px){
.nom{
display:block;
visibility:visible;
white-space:nowrap;
}
.nom_small{
display:none;
visibility:hidden;
white-space:nowrap;
}
.heures{
height:46px;
width:46px;
font-weight:700;
font-size:0.9em;
margin-bottom:2px;
border-radius: 6px;
}
.demi-heures{
height:22px;
width:46px;
font-weight:700;
font-size:0.9em;
margin-bottom:2px;
border-radius: 6px;
}
.heures span{
height:46px;
line-height:46px;
}
.demi-heures span{
height:23px;
line-height:23px;
}
.quart-heures{
height:11.5px;
width:46px;
font-weight:400;
font-size:0.8em;
margin-bottom:2px;
}
.quart-heures span{
height:11.5px;
line-height:11.5px;
}
.cases{
height:46px;
width:100%;
font-size:0.9em;
margin-bottom:2px;
color:#fff;
font-weight:700;
border-radius: 6px;
}
.cases span.single{
height:46px;
line-height:46px;
}
.cases span{
height:46px;
line-height:23px;
}
.demi-cases{
height:22px;
width:100%;
font-size:0.9em;
font-weight:700;
margin-bottom:2px;
border-radius: 6px;
color: #ffffff;
}
.demi-cases span{
height:22px;
line-height:22px;
}
.double-cases{
height:94px;
width:100%;
font-size:0.9em;
font-weight:700;
margin-bottom:2px;
border-radius: 6px;
color: #ffffff;
padding-top: 26px;
}
.double-cases span{
height:94px;
line-height:23px;
}
.cases-et-demi{
height:70px;
width:100%;
font-size:0.9em;
font-weight:700;
margin-bottom:2px;
border-radius: 6px;
color: #ffffff;
padding-top: 12px;
}
.cases-et-demi span{
height:70px;
line-height:23px;
}
.quart-cases{
height:11.5px;
width:160px;
font-weight:400;
font-size:0.8em;
margin-bottom:2px;
border-radius: 6px;
}
.quart-cases span{
height:11.5px;
line-height:11.5px;
}
.bottom{
display:none;
visibility:hidden;
}
}
@media all and (max-width:749px){
.bottom{
display:block;
visibility:visible;
}
.nom{
display:none;
visibility:hidden;
white-space:nowrap;
}
.nom_small{
display:block;
visibility:visible;
white-space:nowrap;
font-size:0.9em;
}
.heures{
height:36px;
width:46px;
font-weight:700;
font-size:0.9em;
margin-bottom:2px;
border-radius: 6px;
}
.heures span{
height:36px;
line-height:36px;
}
.cases{
height:36px;
width:100%;
font-size:0.9em;
margin-bottom:2px;
color:#fff;
font-weight:700;
}
.cases span.single{
height:36px;
line-height:36px;
}
.cases span{
height:36px;
line-height:18px;
}
.demi-heures{
height:22px;
width:46px;
font-weight:700;
font-size:0.9em;
margin-bottom:2px;
}
.demi-heures span{
height:22px;
line-height:22px;
}
.demi-cases{
height:22px;
width:100%;
font-size:0.9em;
font-weight:700;
margin-bottom:2px;
}
.demi-cases span{
height:22px;
line-height:22px;
}
.cases-et-demi{
height:70px;
width:100%;
font-size:0.9em;
font-weight:700;
margin-bottom:2px;
}
.cases-et-demi span{
height:70px;
line-height:72px;
}
.quart-heures{
height:9px;
width:46px;
font-weight:400;
font-size:0.8em;
margin-bottom:2px;
}
.quart-heures span{
height:9px;
line-height:9px;
}
.quart-cases{
height:9px;
width:160px;
font-weight:400;
font-size:0.8em;
margin-bottom:2px;
}
.quart-cases span{
height:9px;
line-height:9px;
}
}
.case a:link,
.case a:hover,
.case a:active,
.case a:visited,
.demi-case a:link,
.demi-case a:hover,
.demi-case a:active,
.demi-case a:visited,
.quart-case a:link,
.quart-case a:hover,
.quart-case a:active,
.quart-case a:visited{
text-decoration:none;
color:#fff;
}
.fleche-gauche, .fleche-droite{
width:20px;
padding:0;
padding:3px 3px;
cursor:ew-resize;
}
@media all and (min-width:1000px){
.scrollbar{
overflow-x:hidden;
cursor:default;
}
}
.barre-top{ /* barre menu heure-login-joueurs*/
padding: 5px 0;
margin-bottom:10px;
margin-right:-6px;
overflow-y: hidden;
white-space: nowrap;
cursor:default;
border-radius: 6px;
}
@media all and (max-width:750px){
.barre-top{ /* barre menu heure-login-joueurs*/
padding: 10px 5px;
margin-left:-15px;
margin-right:-15px;
margin-bottom:27px;
overflow-y: hidden;
white-space: nowrap;
cursor:ew-resize;
}
}
.btn-bar {
padding: 3px 10px;
font-size: 14px;
font-weight:600;
border-radius: 5px;
border: none;
line-height: 1.42857143;
cursor:default;
}
.btn-bar-active {
padding: 3px 10px;
font-size: 14px;
font-weight:600;
border-radius: 5px;
border: none;
line-height: 1.42857143;
cursor:default;
}
#scrollbox{
width:500px;
height:35px;
margin:0;
padding:0;
overflow:hidden;
float:left;
}
label{
font-weight:600;
}
.pave-court, .pave-gauche,
.pave-court-2, .pave-gauche-2{
height:46px;
width:100%;
margin-top:2px;
}
.pave-gauche, .pave-gauche-2{
text-align:left;
}
.pave-court .glyphicon,
.pave-gauche .glyphicon{
width:46px;
height:46px;
top:0;
padding:10px 10px;
font-size:24px;
}
.pave-court .texticon,
.pave-gauche .texticon{
width:46px;
height:46px;
top:0;
padding:10px 10px;
font-size:16px;
}
.pave-gauche .text-info{
font-size:18px;
}
.pave-court img,
.pave-gauche img{
vertical-align:text-bottom;
}
.pave-court .button-text,
.pave-gauche .button-text,
.pave-court-2 .button-text,
.pave-gauche-2 .button-text{
font-weight:600;
text-decoration:none;
}
.pave-gauche .button-text,
.pave-gauche-2 .button-text{
margin-left:12px;
margin-right:12px;
}
.pave-gauche .form-group,
.pave-gauche-2 .form-group{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display:flex;
justify-content:space-between;
}
.pave-gauche *:hover,
.pave-gauche-2 *:hover{
text-decoration:none !important;
}
.joueur,
.pass {
width:70px !important;
margin-top:-8px;
}
.row .pave{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin-top:24px;
}
.row .pave-no-margin{
margin-top:0;
}
.row .pave-no-padding{
padding:0;
}
.pave-numerique{
display:inline-block;
padding:6px;
}
.pave-numerique .col-xs-4{
margin:0;
padding:0;
}
.entete_icone{
width: 46px;
height: 46px;
padding:0;
margin:0;
}
.entete_texte{
height: 46px;
padding:0;
margin:0;
}
.entete_date
{
font-size:0.9em;
}
.img-joueur{
height:94px;
width:auto;
/*border:dotted 1px grey;*/
}
.btn-num, .btn-group-num > .btn {
width:50px;
height:50px;
font-size: 20px;
border-radius:25px;
border: none;
margin-bottom:2px;
}
.btn-num:hover,
.btn-num:focus,
.btn-num.focus,
.btn-num:active,
.btn-num.active,
.open > .dropdown-toggle.btn-num {
border: none !important;;
outline:none !important;
}
.arrow-left {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin-top:130px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.arrow-left-top {
margin-top:20px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.arrow-left-bottom {
margin-top:130px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.arrow-left-middle {
margin-top:80px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.btn-action {
text-align:center;
width:100%;
height:36px;
font-size: 16px;
border-radius:4px;
margin-bottom:2px;
font-weight:600;
}
.btn-ok {
text-align:center;
width:80px;
height:36px;
font-size: 16px;
border-radius:4px;
border: none;
margin-bottom:2px;
font-weight:600;
}
/*** Form insc ***/
form.inscription *{
text-align:left;
}
form.inscription input[type=text] ,
form.inscription select{
color:#333333;
}
td, th {
padding: 10px;
}
/*******************AUTOCOMPLETE ********************/
.ui-autocomplete {
max-height: 100px;
overflow-y: scroll;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
ul.ui-autocomplete {
background:rgba(255,255,255,0.9);
text-align:left;
font-weight:400;
}
.autocomp{
margin:-13px 3px 0 3px;
}
.super-small{
font-size:9px;
}
/******SEPARATEURS****/
.espace-petit{
clear:both;
height:25px;
}
.espace-moyen{
clear:both;
height:50px;
}
.espace-grand{
clear:both;
height:100px;
}
div.zoom-in-out{
display:block;
visibility:visible;
}
div.zoom-in-out button
{
min-width:50px;
min-height:50px;
}
div.zoom-in-out .glyphicon
{
font-size: 1.6em;
}
@media all and (min-width:999px)
{
div.zoom-in-out{
display:none;
visibility:hidden;
}
}
.navbar-default .navbar-toggle , .navbar-default .navbar-toggle:hover
{
border:none !important;
background:none !important;
padding:0;
}
.btn-terrain
{
width:95% !important;
margin:0px 10px;
border-radius: 10px;
height:40px;
}
.btn-terrain a:link, .btn-terrain a:hover, .btn-terrain a:active, .btn-terrain a:visited
{
color:#ffffff !important;
font-weight:bold !important;
}
@media all and (max-width:750px){
/******SEPARATEURS****/
.espace-petit{
clear:both;
height:10px;
}
.espace-moyen{
clear:both;
height:15px;
}
.espace-grand{
clear:both;
height:20px;
}
}
.img-joueur{
visibility: hidden;
display: none;
}