/* ----------------------------- */
/* ==reset */
/* ----------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed&display=swap');
/* base font-size corresponds to 10px and is adapted to rem unit */
@font-face { 
    font-family: CicleSemi;
    src: url('https://www.gestion-sports.com/library/css/fonts/Cicle_Semi.ttf'); }


html {
    font-size: 62.5%;
}
body {
    background-color: #fff;
    color: #000;
    font-family: "Arial", helvetica, arial, sans-serif;
    font-size: 1.4em; /* equiv 14px */
    line-height: 1.5; /* adapt to your design */
}
/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
    font-size: 1.2em; 
    line-height: 1.5;
    margin:0;
}
a, a:active, a:visited, a:focus{
    text-decoration:none;
}
a:hover, label:hover{
    cursor:pointer;
}
/* soft reset */
html,
body,
textarea,
figure,
label {
    margin: 0;
    padding: 0;
}
ul,
ol {
    padding-left: 5%;
}
code, 
pre,
samp {
    white-space: pre-wrap;
    font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { margin-bottom: 1.5em; }
/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}
/* avoid margins on nested elements */
li p,
li ul,
li ol {
    margin-top: 0;
    margin-bottom: 0;
}
/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
}
/* you shall not pass */
div, textarea, table, td, th, code, pre, samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.chantier{
    color:#F00;
    text-align:center;
}
.clear{
    width:100%;
    clear:both;
    margin: 0 !important;
}
/* pictures */
img {
    width: auto;
    height: auto;
    vertical-align: middle;
}
a img { border: 0; }
/* scripts */
body > script {display: none !important;}
/* BOUTONS*/
a.btnorange {
    padding: 5px 10px;
    color: #FFF;
    background: #dc3545;
    font-size: 16px;
    font-weight: 100;
    display: block;
    width: auto;
    margin-top:20px;
    text-align:center;
    border-radius:20px;
}
a.btnorange_sanswidth{
    width: auto;
    float: none;
    text-align: center;
    display: inline-block;
}
.trait_separ{
    min-height:1px;
    background: #202121;
    width:100%;
    margin-top: 20px;
    float: left;
}
a.btnorange:hover {
    opacity:0.65;
    color:#fff;
}
a.grandbtnorange {
    width:200px;
}
a.btnbleu2 {
    padding: 10px;
    color: #FFF;
    background: #6d3ef4;
    font-size: 16px;
    font-weight: 100;
    display: inline-block;
    width: 60px;
    text-align:center;
}
a.btnbleu{
    padding:7px 20px;;
    color:#FFF;
    background:#6d3ef4;
    font-size:12px;
    font-weight:100;
    display:inline-block;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
    border-radius:20px;
}
a.btn_bleu_new{
    margin-top: 1rem;
    border-radius: 20px;
    padding: 8px 16px!important;
}
a.btngris {
    padding: 10px;
    color: #FFF;
    background: #444;
    font-size: 16px;
    font-weight: 100;
    width: 200px;
    text-align: center;
    display: inline-block;
}
a.retour_listing_jeune {
    float:left;
}
a.btngris img{
    transform:rotate(180deg);
    margin-top: -2px;
}
a.btnbleu:hover, a.btnbleu2:hover{
    background: #6d3ef4;
}
a.btngris:hover{
    background:#666;
}
fieldset.margin_top {
    margin-top:30px;
}
a.btnbleuDirigeant{
    padding:10px 20px;;
    color:#FFF;
    background:#6d3ef4;
    font-size:14px;
    font-weight:100;
    display: inline-block;
    border-radius:20px;
}
a.btnbleuDirigeant:hover{
    opacity:0.65;
    color:#fff;
}
.encadrementFormulaireInfo input[type=submit], .listing_gestion_club input[type=submit] {
    background:#6d3ef4;
    width: auto;
    padding: 5px 20px;
    cursor: pointer;
    color:#FFF;
    font-size: 14px;
    font-weight: 100;
    border: none;
    line-height: 24px;
    margin-top: 40px;
    margin-left: 5px;
    margin-right: 55px;
    border-radius:20px;
}

.encadrementFormulaireInfo input[type="submit"][disabled] {
    cursor:auto;
    opacity: 0.5;
    pointer-events: none;
}

.encadrementFormulaireInfo input[type=submit]:hover, .listing_gestion_club input[type=submit]:hover {
    background:#6d3ef4;
}
.listing_gestion_club input[type=submit] {
    margin-top: 20px;
}
input.header{
    float:right;
    margin-right:20%;
    margin-top:20px;
}
.btnPlusDl {
    background: #6d3ef4;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 50px;
    position:relative;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;

}
.newform100 .btnPlusDl .btnPlusDlAjout {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.btnPlusDl:hover {
    opacity:0.65;
}
.btnPlusDl p{
    color:#fff;
    font-weight:bold;
    text-align:center;
    font-size:20px;
}
.btnPlusDl input[type=file]{
    opacity:0;
    position:absolute;
    width:30px;
    height:30px;
    left:0;
    top:0;
    cursor:pointer;
}
/*NOUVEAU MENU*/
.sidedar-contain {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    z-index:90;
}
.sidebar-collapsed {
    transition: all 100ms linear;
    transition-delay: 300ms;
}
.sidebar-collapsed .left-content {
    float: right;
    width: 96%;
}
.sidedar-contain.sidebar-collapsed-back {
    transition: all 100ms linear;
}
.sidedar-contain.sidebar-collapsed-back .left-content {
    transition: all 100ms linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: right;
    width:86%;
}
.sidedar-contain.sidebar-collapsed .sidebar-menu {
    width: 65px;
    transition: all 100ms ease-in-out;
    transition-delay: 300ms;
}
.sidedar-contain.sidebar-collapsed-back .sidebar-menu {
    width: 200px;
    transition: all 100ms ease-in-out;
}
.sidedar-contain.sidebar-collapsed .sidebar-icon {
    transition: all 300ms ease-in-out;
    color: #6d3ef4;
    background:none;
}
.sidedar-contain.sidebar-collapsed .icon-menu {
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
    transition-delay: 300ms;
    left: 10px;  
}
.sidedar-contain.sidebar-collapsed-back .icon-menu {
    height:60px;
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
}
.sidedar-contain.sidebar-collapsed #icon-menu {
    opacity: 0;
    transition: all 200ms ease-in-out;
    display: none;
}
.sidedar-contain.sidebar-collapsed .down {
    display: none;
}
.sidedar-contain.sidebar-collapsed-back #icon-menu {
    opacity: 1;
    transition: all 200ms ease-in-out;
    transition-delay: 300ms;
}
.sidedar-contain.sidebar-collapsed #menu span {
    opacity: 0;
    transition: all 50ms linear;
}
.sidedar-contain.sidebar-collapsed-back #menu span {
    opacity: 1;
    transition: all 200ms linear;
    transition-delay: 300ms;
}
.sidebar-menu {
    position: absolute;
    float: left;
    width:200px;
    top: 0px;
    left:0px;
    bottom: 0;
    background-color:#1f1f28;
    color: #aaabae;
    z-index: 999;
    height:100%;
}
#menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}
#menu li {
    position: relative;
    margin: 0;
    font-size: 12px;
    padding: 0;
    height: 30px !important;
}
#menu ul li a:last-child{
    margin-bottom:5px;
    background: #1f1f28;
}
#menu li ul {
    opacity: 0;
    /*height: 0px;*/
}
#menu li a {
    position: relative;
    display: block;
    padding: 9px 20px;
    color: #FFFFFF;
    white-space: nowrap;
    z-index: 2;
    font-size: 1.12em;
    text-align: left;
    font-family: 'Carrois Gothic', sans-serif;
    text-decoration: none;
}
#menu li a:hover {
    color:#6d3ef4;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}
#menu li.active > a {
    background-color: #2b303a;
    color: #6d3ef4;
}
#menu ul li { 
    background-color:#1f1f28; 
}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menu li ul {
    position: absolute;
    visibility: hidden;
    left: 100%;
    top: 0;
    background-color: #2b303a;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.1s linear;
    border-top: 1px solid rgba(69, 74, 84, 0.7);
}
#menu li li ul {
    right: 100%;
    pointer-events: none;
    top: -1px;
    opacity: 0;
    transition: opacity 0.1s linear;
}
#menu li:hover > ul,
#menu li:hover ul,
#menu li ul:hover {
    visibility: visible!important;
    opacity: 1!important;
    pointer-events: initial;
}
#menu .fa, #menu .fas{
    margin-bottom: 0px;
    font-size: 14px;
    float: left;
    width: 40px;
    margin-top: 1px;
    text-transform: full-width;
    line-height: 1.2;
}
#menu .fa-ssmenu {
    margin-bottom: 0;
    font-size: 16px;
    float: right;
    margin-right: 0;
    margin-top: -18px;
    width: auto;
}
.menu { 
    padding:45px 0em 0em 0em;
    max-height:100%; 
    /*overflow-y: scroll;*/
    /*width: calc(100% + 20px);*/
}
.sidedar-contain.sidebar-collapsed .left-content .fixed {
    width: 97%;
}
.icon-menu {
    width:22%;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index:99px;
}
.sidebar-icon {
    position: relative;
    float: left;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    padding: 6px 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    color: #6d3ef4;
    background-clip: padding-box;
    background:none;
}
.sidebar-icon:hover{
    color: #FFF;
}
.fa-html5 {
    color: #fff;
    margin-left: 50px;
}
.sidedar-contain a.deco {
    width: 22%;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.sidedar-contain a.deco span {
    position: relative;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #FFF;
}
#menu li.deco {
    position: absolute;
    bottom: 0;
}
#menu li.contact{
    position: absolute;
    bottom: 32px;
}
#menu li.contact a, #menu li.deco a {
    padding:6px 20px;
}
/*header*/
header{
    background:#FFF;
    box-shadow: 1px 1px 12px #555;
    height:70px;
    width:100%;
}
img.logoClub {
    margin-left: 220px;
    max-width: 100px;
    max-height: 50px;
    margin-top: 10px;
}
.menuHeader{
    float:right;
}
.menuHeader a{
    color:#000;;
    float:left;
    margin-top:20px;
    margin-right:30px;
    font-size:16px;
}
.menuHeader a:hover{
    color:#6d3ef4;;
}
.icone_fleche_header {
    width: 9px;
    height: 16px;
    background: url('../../img/elements/icone_fleche_header.png') no-repeat 0 0;
    float: left;
    margin-right:5px;
    margin-top:5px;
}
.menuHeader a:hover  .icone_fleche_header{
    background: url('../../img/elements/icone_fleche_header.png') no-repeat 9px 0;
    background-position: right;
    width: 9px;
    height: 16px;
}
/* MENU FIXE GAUCHE */
.menuLfet{
    background:none;
    position:fixed;
    left:0;
    top:0px;
    height:100%;
    width:200px;
    z-index:1;
}
.menuLfet h1, #navigation h1 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: CicleSemi;
    color: black;
    font-weight: 100;
    text-align: center;
    margin-top:45px;
    margin-left: 13%;
}
.logo_admin {
    margin-bottom: 2%;
}
.margeChangeEspace{
    margin-left:28px;
    margin-top:5em;
}
ul.menu{
    padding:0;
    margin:0;
    margin-top:100px;
}
ul.menu li{
    text-align:left;
    padding-left:15px;
    list-style:none;
    padding-top:8px;
    padding-bottom:8px;
    color:#1f1f28;
    font-size:13px;
}
ul.menu li:hover{
    color:#6d3ef4;
    border-left:#6d3ef4 solid 2px;
}
ul.menu li.select {
    color:#6d3ef4;
    border-left:#6d3ef4 solid 2px;
}

ul.menu .submenu {
    margin-left: 1em;
}

#treso_child li.select a{
    color:#6d3ef4;
   
}
.separationMenu{
    width:170px;
    min-height:1px;
    background:#ddd;
    margin-left:15px;
}
/* SPRITE */
.icone{
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("../../img/sprites/sprite-gestionsport.png") no-repeat;
}
/* CONTENU */
.content {   
    position:relative;
    width: calc(100% - 210px);
    margin-left: 210px;
    margin-bottom: 30px;
}
.bloc_fiche .csv {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
}
.bloc_fiche .param{
    display: flex;
    flex-direction: column;
}
.bloc_fiche .param .alert{
    margin-top: 1rem;
    width: 100%;
    font-size: 1.55rem;
}
.csv-btn{
    margin-top: 1rem; 
}
.file {
    border:solid 0.1rem #21427C;
    padding: 1rem;
    border-radius: 10px;
}
.bloc_fiche .col .csv .result{
    margin-top: 4rem;
    font-size: 2rem;
    color: #21427C;
}
.content-collapsed {
    width: calc(100% - 75px);
    margin-left: 75px;
}
.content-collapsed-back {
    width: calc(100% - 210px);
    margin-left: 210px;
}  
.content h2 {
    text-align: center;
    border-bottom: 1px solid #000;
    width: 90%;
    margin-top: 40px;
    padding-top: 0;
    line-height: 0;
    margin-left: 5%;
    margin-bottom: 25px;
}
p.indexAdmin {
    color: #000;
    padding: 15px;
    background: #dfe0e1;
    width: 50%;
    margin: auto;
    text-align: center;
    font-weight: bold;
}
.encadrementFormulaireInfo{
    width:100%;
    padding: 20px 0;
    background: #f2f2f2;
    border-radius: 20px;
}
.cacher, a.cacher {
    display:none;
}
.cacherImportant{
    display:none !important;
}
.encadrementFormulaireInfo h3{
    color:#6d3ef4;
    padding-left:40px;
    padding-top:0;
    margin:0;
    margin-bottom:0;
}
.encadrementFormulaireInfo .select-menu {
    height: 29px;
}
img.TopLeftForm {
    position: absolute;
    top: -30px;
    left: -30px;
    width: 50px;
}
.adminSport {
    width:55px;  
    height:55px;
    top: 30px;
    position:absolute;
    top:20px;
    left:-30px;
    border-radius:5px;
    border:4px solid #6d3ef4;
    -moz-box-shadow: 0px 0px 1px 0px #000000;
    -webkit-box-shadow: 0px 0px 1px 0px #000000;
    -o-box-shadow: 0px 0px 1px 0px #000000;
    box-shadow: 0px 0px 1px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=1);
    padding:3px;
    background:#fff;
}
.adminSport img.TopLeftForm {
    top:5px;
    left:5px;
}
p.thisIs{
    font-weight:bold;
    display:inline-block;
    margin-left:50px;
    font-size:13px;
    margin-top: 0px;
}
p.thisIsFlottant{
    font-weight:100;
    float:left;
    margin-left:50px;
    font-size:14px;
    padding: 5px 0;
}
p.thisIsFloat{
    font-weight:bold;
    display:inline-block;
    margin-left:50px;
    font-size:13px;
    width:35%;
    margin-bottom:10px;
}
p.marginTopThisIs{
    margin-top:40px;
}
p.result{
    font-weight:100;
    display:inline-block;
    font-size:15px;
}
.MarginbtnOrange{
    margin-left:50px;
    margin-top:40px;
    margin-bottom:20px;
}
.encadrementFormulaireInfo input, .listing_gestion_club input, .encadrementFormulaireInfo textarea, .encadrementFormulaireInfo select:not(.selectfilterlisting) {
    display: inline-block;
    border: 0;
    width: 90%;
    padding: 4px 0;
    padding:5px 10px;
    box-sizing: border-box;
    border-radius:20px;
}
.encadrementFormulaireInfo input:focus, .listing_gestion_club input:focus, .encadrementFormulaireInfo textarea:focus  {
    border:1px solid #6d3ef4;
}
.encadrementFormulaireInfo textarea {
    height:50px; 
    transition:0.2s;
}
.encadrementFormulaireInfo textarea:focus {
    transition:0.2s;
}
.popup_modif textarea {
    height:200px;
    display: inline-block;
    border: 0;
    border-radius: 20px;
    width: 90%;
    padding: 4px 0;
    border:1px solid #FFF;
    margin: 5px 0;
}
.popup_modif textarea {
    border:1px solid #6d3ef4;
    height:200px;
    padding:10px;
}
.popup_modif textarea:focus {
    height:200px;
}
.listing_gestion_club input {
    margin-bottom:10px;
}
p.annotation{
    font-size:11px;
    font-style:italic;
    margin-left:50px;
    margin-top:20px;
}
p.annotation_boutique {
    margin-left:0;
    margin-top:0;
}
p.annotationh3{
    font-size:11px;
    font-style:italic;
    margin-left:40px;
    margin-top:0px;
}
p.telecharger {
    display: inline-block;
    font-size: 14px;
    font-weight: 100;
    margin-left: 10px;
    line-height: 0.9;
}
p.format {
    float: left;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 100;
    line-height: 1.5;
    padding: 5px;
    background: #B9C0BF;
    width: calc(90% - 10px);
    border-radius:4px;
}
p.telecharger span{
    font-size:10px;
}
p.noMarge{
    margin:0;
}
p.noMargeForm{
    margin:0;
    margin-left:50px;
}

.signature_email_radio {
    width: 30% !important;
}

.sign-input {
    width: 20% !important;
}

.colG{
    float:left;
    width:40%;
    margin-bottom:40px;
    margin-top:20px;
}
.colD{
    float:right;
    width:60%;
    margin-bottom:40px;
    margin-top:20px;
}
.dirigeant .content .encadrementFormulaireInfo .colD{
    width: 97%
}
.colD p.thisIs {
    width: 40%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.colD input[type=text]{
    width: 45%;
}
.col10{
    width:10%;
    float:left;
}
.col14{
    width:14%;
    float:left;
}
.col20{
    width:20%;
    float:left;
}
.col25{
    width:25%;
    float:left;
}
.col25_1_orange{
    width:calc(25% - 1px);
    float:left;
    border-left:1px solid #ee5b42;
}
.col30{
    width:30%;
    float:left;
}
.col30-1{
    width:calc(30% - 1px);
    float:left;
}
.col30-6{
    width:calc(30% - 6px);
    float:left;
}
.col35{
    width:35%;
    float:left;
}
.col40{
    width:40%;
    float:left;
}
.col40-1{
    width:calc(40% - 1px);
    float:left;
}
.col40-2{
    width:calc(40% - 2px);
    float:left;
}
.col40-3{
    width:calc(40% - 3px);
    float:left;
}
.col50{
    width:50%;
    float:left;
}
.col33_1_orange{
    width:calc(33% - 1px);
    float:left;
    border-left:1px solid #ee5b42;
    margin-bottom:20px;
}
.col50_1_orange{
    width:calc(50% - 1px);
    float:left;
    border-left:1px solid #ee5b42;
}
.col60{
    width:60%;
    float:left;
}
.col70{
    width:70%;
    float:left;
}
.col75{
    width:75%;
    float:left;
}
.col80{
    width:80%;
    float:left;
}
.col90{
    width:90%;
    float:left;
}
.col100{
    width:100%;
    float:left;
}
.dernierpaiement{
    text-align: left!important;
}
.col90Auto{
    width:90%;
    float:left;
    margin-left:5%;
    padding-bottom:20px;
    text-align:center;
}
fieldset{
    border:none;
}
.radio-tuto  input[type="radio"], .form-radio input[type="radio"] {
    display : none;
}
.radio-tuto div:not(.container_prix, .bnt_suppression_prestation):not(.fileuploader-item-image):not(.wrapperDoc):not(.upload_biblio_image_form .btn-container ):not(.fileuploader-input-caption){
    margin: 10px 0px;
    margin-top: 0;
    border-radius: 20px;
}
.commercial .monCompte .popup_fiche_club .content .contain .radio-tuto div{
    margin: 0;
}
.radio-tuto .col_reserver_court{
    width:95%;
    float:left;
    margin-left:5%;
}
.radio-tuto div.popover, .radio-tuto div.popover-content, .radio-tuto div.arrow,.radio-tuto div.btn-group {
    margin: 0;
}
.radio-tuto .label-radio, .form-radio .label-radio {
    position: relative;
    left: 0;
    padding-left: 25px;
    margin-left: 0px;
    top: 5px;
    margin-right: 17px;
}
.radio-tuto .label-radio::before, .form-radio .label-radio::before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: #e6e6e6;
    top: 0;
    left: 0;
}
.radio-tuto .label-radio::after, .form-radio .label-radio::after {
    content: '';
    display: none;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    background: #6d3ef4;
    left: 0;
    top: 0px;
}
.radio-tuto input[type="radio"]:checked+.label-radio:after, .form-radio input[type="radio"]:checked+.label-radio:after{
    display : block;
}
h3.page_adminSport{
    margin-top:30px;
    color:#6d3ef4;
}
.dirigeant .content h3.page_adminSport{
    margin-top:0;
}
.marginBtnSolo{
    margin-left:1.5%;
    margin-bottom:20px;
}
.marginBtnSolo_2{
    margin-bottom:20px;
    margin-left:1%;
}
.planningSportAdmin h4 {
    background: #000;
    width: calc(100% + 20px);
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0px;
    color: #FFF;
    font-size: 24px;
    margin-left: -10px;
}
.planningSportAdmin h4 i.fa {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
    cursor: pointer;
}
.planningSportAdmin h4.firstMargin{
    margin-top:50px;
}
.planningSportAdmin{
    width:100%}
.planningSportAdmin table{
    width:100%;
    border-collapse: collapse;
    cellspacing:0;
    cellpadding:0;
}
tr.tranche_horaires td{
    text-align:center;
    font-size:12px;
}
tr.tranche_horaires td.tranche_horaires_admin {
    text-align:center;
    font-size:12px;
}
tr.courts_disponibles{
    background:#FFF;
    border:1px solid #000;
}
td.jour_semaine{
    background:#000;
    color:#FFF;
    border:1px solid #000;
    width: 80px;
}
tr.courts_disponibles td{
    margin:0;
}
tr.courts_disponibles td .court{
    background:#6d3ef4;
    color:#000;
    font-weight:600;
    padding:5px;
    border-radius:5px;
    margin-top:2.5px ;
    margin-top:2.5px ;
    text-align: center;
    font-size: 12px;
    min-height:45px;
}
tr.courts_disponibles td.non_dispo .court{
    background:#069;
}
a.foatRight{
    float:right;
}
.centre_form_ajouter_sport {
    width: 100%;
    margin-left: 0%;
}
.selected_ajouter_sport {
    padding: 5px;
    color: #444;
    border: none;
    background: #fff;
    width: 100px;
    height: 20px;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    float: left;
    margin-left: 20px;
    margin-top: -5px;
    border:1px solid #ccc;
}
.part_membre.pubs_partenaires .selected_ajouter_sport {
    border:1px solid #ddd!important;
}
.decal_10_du_haut{
    margin-top:10px;
}
form.ajouter_sport .ligne{
    margin:20px 0px;
}
form.ajouter_sport_planning .ligne{
    margin:40px 0px;
}
.selected_ajouter_sport select {
    border-top:1px solid #ccc;
    width: 160px;
    height: 15px;
    border: none;
    background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat center center;
    color: #000;
    cursor:pointer;
    border-radius:5px;
}
.selected_ajouter_sport option{
    width:100%;;
    padding:5px;
    border:none;
    border-radius:5px;
}
.selected_ajouter_sport option:hover{
    background:#6d3ef4;
}
.selected_ajouter_sport input{
    width:100%;
}
.selected_ajouter_sport input:focus{
    border:none;
}
.stats h4{
    margin-left:50px;
    margin-top:20px;
    margin-bottom:10px;
    text-transform:uppercase;
}
.stats p.instructions{
    font-weight:bold;
}
.stats .thisIs{
    font-weight:100;
    font-size:13px;
}
.stats .radio-tuto div {
    margin: 4px 0px;
}
/* CHECKBOX */
/* Cachons la case à cocher */
[type="checkbox"]:not(:checked):not(.toggle-all),
[type="checkbox"]:checked:not(.toggle-all) {
    position: absolute;
    left: -9999px;
}
/* on prépare le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px !important; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer;    /* affiche un curseur adapté */
    padding-top:0;
    margin-left: 0;
    margin-bottom: 0 !important;
/*    float:left;*/
    margin-right: 5px;
    float:left;
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px !important;
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; 
    top: 0;
    width: 20px; height: 20px; /* dim. de la case */
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 12px; /* angles arrondis */
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3); /* légère ombre interne */
    top: 0px;
}
/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0; 
    left: 4px;
    font-size: 14px;
    color: #6d3ef4;
    transition: all .2s; /* on prévoit une animation */
}

.new_planning [type="checkbox"]:not(:checked) + label:after,
.new_planning [type="checkbox"]:checked + label:after {
    left: 0px;
}

/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0; /* coche invisible */
    transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after {
    opacity: 1; /* coche opaque */
    transform: scale(1); /* mise à l'échelle 1:1 */
}
/* aspect désactivée */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
/* on style aussi le label quand désactivé */
[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* aspect au focus de l'élément */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}
/*FIN CHECKBOX*/
/*RADIO */
/* on style aussi le label quand désactivé */
[type="radio"]:disabled + label {
    color: #aaa;
    cursor: auto;
}

#limites-resa-credits-non:disabled:checked + label:after{
   background-color: #999; 
   cursor: auto;
}
/*FIN RADIO*/



.menuAdmin a.btnorange{
    width:auto;
    font-size:13px;
}

.traitbleu {
    width: 95%;
    min-height: 2px;
    background: #6d3ef4;
    margin: auto;
    margin-top: 20px;
}

#msg_result {
    padding-left: 25px;
    padding-bottom: 2%;
    font-weight: bold;
}
.monCompte h3{
    margin: 0;
    padding: 0.2% 0 0.2% 0;
    color:#000;
    font-weight: 500;
}
.my_profil_content h3{
    margin-left: 2.3rem
}

.monCompte .CompteCo{
    padding-left: 2vw;
}

.monCompte .listCompte{
    margin-left: 0.45vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.1em;
}
.monCompte .listCompte .btncommercial{
    margin-left: 1rem;
}
.monCompte .listClub #info{
    border: 0.2rem solid #21427C;    
    padding: 1vw;
}
.monCompte .listClub #info h3{
    padding-top: 1.5vh;
}
.monCompte p.marginTopThisIs{
    margin-top:10px;
    margin-right :1vw;
    font-weight: 500;
    font-size: 1.2rem; 
}
.monCompte .btn-maintenance {
    padding-left: 1vw; 
    padding-bottom: 1.4vh; 
}
.monCompte .article{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 0.7vh

}
.monCompte .article #search-product{
    padding: 0.2% 2% 0.2% 2%;
    margin-left: 1%;
    border-radius: 15px;
    border: 0.1rem solid rgba(0,0,0,0.4);
}
.monCompte .compte{
    float:left;
    border:2px solid #21427C;
    background:#f3f3f3;
    margin:1px;
    padding-bottom: 1rem; 
    font-size: 0.65vw;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);

}
.monCompte table.dataTable td a{
    float: right;
    margin-left: 0.6vw
}
.monCompte table.dataTable td a:hover{
    background: #454545;
    transition:0.2s;
}

.monCompte .compte p{
    margin-left:1vw;
}
.monCompte .compte p.mailCo{
    padding-bottom: 0.9vh;
    font-size: 1.2rem;
}
.btncommercial{
    padding: 0.4vh 0.6vw;
    font-family: 'Montserrat';
    font-size: 1.2rem;;
    text-align:center;
    background:#21427C;
    color: #fff !important;
    border-radius: 20px !important;
    border: none;
}
.btncommercial:hover{
    cursor: pointer;
    background:#132A53;
}

.btn-quick-action {
    min-height: 36px;
    min-width: 190px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    width: unset!important;
    margin-left: unset!important;
    margin-bottom: unset!important;
    margin-top: unset!important;
    border-radius: 5px;
    text-transform: uppercase;
    width: 30%!important;;
}
.btn-quick-action i {
   margin-right: unset!important;
}

@media (max-width :700px) {
    .btn-quick-action {
        width: 100%!important;
        justify-content: space-between!important; 
    }
}

.iban-button {
    width: 100%;
    margin-top: 1em;
    margin-bottom : 1em;
        
}

.monCompte .btnbleu, .monCompte .btngris{
    margin-bottom:40px;
}
.monCompte .col50{
    margin-top:10px;
}
#afficher_mon_compte{
    margin-bottom:3%;
}
#afficher_mon_compte .thisIs{
    font-weight: bold;
    font-size: 14px!important;
}

.membre p.attention_partenaire {
    padding: 10px;
    background: #434357;
    width: 98%;
    margin-bottom: 20px;
    border:1px solid #6d3ef4; 
    margin-left:1%;
    box-sizing:border-box;
    margin-top: 20px;
}
.membre p.attention_partenaire_anim {
    width: calc(100% - 20px);
    margin-left:0;
}
bdy.membre p.attention_partenaire span {
    font-weight:bold;
    color:#6d3ef4;
    text-transform:uppercase;
}
.membre p.attention_partenaire img {
    float:left;
    width:20px;
    margin-right:10px;
}
.membre p.mon_equipe span {
    float: left;
    width: calc(50% - 40px);
    padding: 5px 15px;
    background: #434357;
    margin: 5px 5px;
    position: relative;
    font-size: 12px;
    cursor: pointer;
}
.membre p.mon_equipe span i {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px;
    color: #ee5b42;
    opacity: 0.7;
    transition: 0.2;
    cursor: pointer;
}
.membre p.mon_equipe span i:hover {
    opacity: 1;
    transition: 0.2;
}
/* POPUP DE CONFIRMATION */
.popup_confirm {
    background: #000;
    border-radius: 10px;
    position: relative;
    width: 40%;
    left: 30%;
    top: 250px;
    position: fixed;
    height:120px;
    z-index:200;
}
.popup_confirm p {
    color:#FFF;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    margin:20px 0px;
}
.popup_confirm .btnblanc {
    background:#FFF;
    color:#000;
    text-align:center;
    padding:3px 10px;
    border-radius:5px;
    font-family:'CicleSemi';
    font-size:18px;
    text-align:center;
    font-weight:bold;
    margin-left:30px;
    margin-bottom:20px;
    transition:1s;
}
.popup_confirm .btnbleu {
    padding: 0;
    margin: 0;
}
.bloc_pub:hover{
    opacity:0.65;
    transition: 0.2s;
}
a.btnbleu:hover{
    opacity:0.65;
    transition: 0.2s;
    color:#fff;
}
.popup_confirm .btnblanc:hover {
    background:#6d3ef4;
    color:#FFF;
    transition:1s;
}
.popup_confirm .margeFirst {
    margin-left:35%;
}
.popup_confirm img{
    right:-20px;
    top:-20px;
    width:20px;
    position: absolute;
    cursor:pointer;
}
.overlay {
    background: #000;
    opacity: 0.4;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.overlay_sup {
    background: #000;
    opacity: 0.4;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logo_partenaires{
    width: calc(25% - 42px);
    float:left;
    text-align:center;
    border:1px solid #CCC;
    border-radius:10px;
}
.partenaires .logo_partenaires{
    margin-left:40px;
    margin-top:20px;
}
.partenaires .cadre .btnorange{
    font-size:12px;
    margin: 10px auto;
}
.partenaires .cadre {
    margin-bottom:40px;
    float:left;
    width:100%;
}
.partenaires .marginBtnSolo {
    margin-bottom: 40px;
}
.partenaires .btnPlusDl {
    margin-left: 0;
    background:#6d3ef4;
}
.partenaires .btnPlusDl:hover {
    background:#6d3ef4;
}
.partenaireFile p.description{
    display:inline-block;
}
.partenaireFile p.annotation{
    margin-left:35px;
    margin-top:-5px;;
}
.partenaires .col50{
    margin-top:10px;
}
.partenaires .selected_ajouter_sport {
    margin-left: 0;
    margin-top: 0;
}
#navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #1f1f28;
    color: #fff;
    width: 200px;
    position: fixed;
    top: 150px;
    left: 0;
    height: calc(100% - 150px);
    font-size: 14px;
    line-height: 0.75;
}
#navigation a, #navigation span {
    display: block;
    padding: 10px 10px;
    color: #fff;
    text-decoration: none;
    background: #1f1f28;
    text-transform:capitalize;
}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
    background-image: url(../../img/elements/menu-item-deroule.png);
}
#navigation .open a, #navigation .open span {
    background-image: url(../../img/elements/menu-item-enroule.png);
}
#navigation a:hover, #navigation li.toggleSubMenu ul.subMenu a:hover {
    color:#6d3ef4;
    background: #2b2b38;
    border-left:1px solid #6d3ef4;
}
#navigation li.toggleSubMenu a:hover {
    color:#6d3ef4;
    background: #2b2b38 url(../../img/elements/menu-item-deroule.png) no-repeat right bottom;
    border-left:1px solid #6d3ef4;
}
#navigation .subMenu {
    font-size: .8em;
    background: #1f1f28;
    font-size: .9em;
    margin: 0;
    padding: 0;
}
#navigation ul.subMenu a {
    background: none;
    padding: 4px 20px;
    font-size:12px;
    font-weight:100;
    color:#999;
}
#navigation a.select {
    color:#6d3ef4;
    background: #2b2b38;
    border-left:1px solid #6d3ef4;
}
#navigation .open_select a.open{
    background: #2b2b38 url(../../img/elements/menu-item-enroule.png) no-repeat right bottom;
    color:#6d3ef4;
    border-left:1px solid #6d3ef4;
}
#navigation .open_select .select{
    color:#6d3ef4;
    border:none;
}
/************************************************ ESPACE DIRIGEANT ***************************************************/
/* TABLEAU DE BORD */
.cadreInfo{
    width: 98%;
    float: left;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 10px 1px #ccc;
    border-radius: 5px;
    position: relative;
    margin: 10px 1%;
    padding-bottom: 10px;
}
.cadreInfo h3{
    color:#FFF;
    background:#6d3ef4;
    text-align:center;
    padding:5px 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.cadreInfo .col{
    width:100%;
    float:left;
    margin-top:5px;
}
.cadreInfo p.resultat {
    color: #6d3ef4;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    font-size:12px;
}
.cadreInfo p.description{
    color:#000;
    float:left;
    margin-top:10px;
    margin-left: 10px;
    font-size:12px;
    width: 70%;
}
.icone_tb_1, .icone_tb_2, .icone_tb_3, .icone_tb_4, .icone_tb_5, .icone_tb_6, .icone_tb_7, .icone_tb_8{
    width: 40px;
    height: 40px;
    float: left;
    margin-left:10px
}
.icone_tb_1{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat 0px 0px;
}
.icone_tb_2{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat -40px 0px;
}
.icone_tb_3{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat -80px 0px;
}
.icone_tb_4{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat -120px 0px;
}
.icone_tb_5{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat -160px 0px;
}
.icone_tb_6{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat -200px 0px;
}
.icone_tb_7{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat -240px 0px;
}
.icone_tb_8{
    background: url('../../img/dirigeant/sprite-chiffres-cles.png') no-repeat -280px 0px;
}
.icone_crayon_gris, .icone_crayon_orange, .icone_crayon_blanc{
    width: 20px;
    height: 20px;
    float: left;
    margin-left:10px
}
.icone_crayon_gris{
    background: url('../../img/dirigeant/sprite-crayon.png') no-repeat 0px 0px;
}
.icone_crayon_orange{
    background: url('../../img/dirigeant/sprite-crayon.png') no-repeat -20px 0px;
}
.icone_crayon_blanc{
    background: url('../../img/dirigeant/sprite-crayon.png') no-repeat -40px 0px;
}
.voir_stats{
    position: absolute;
    bottom: -35px;
    right: 0;
    border-bottom:1px solid #fff;
}
.voir_stats p{
    color:#6d3ef4;
    float:left;
}
.voir_stats p.point {
    font-size: 30px;
    font-weight: bold;
    margin-top: -21px;
    margin-left: 5px;
    margin-right: 15px;
    font-family:'Cicle_Semi';
}
.circle {
    width: 10px;
    height: 10px;
    border: 4px solid #6d3ef4;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float:left;
}
.voir_stats:hover {
    border-bottom:1px solid #6d3ef4;
    cursor:pointer;
}
.listeMembre h3{
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    background: #575a82;
    float: left;
    padding: 7px 0;
    border-radius:20px;
    margin-top:20px;
}
.listeMembre .credit_expired h3{
    margin-top: 1rem;
}
.listeMembre h4{
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    float: left;
}
.listeMembre p.aucune_demande {
    float:left;
    width:100%;
    text-align:center;
    font-style:italic;
}
.listeMembre .margin30index {
    padding-bottom: 30px;
    margin-top: 0;
    border-bottom: 1px solid #1F1F28;
    padding-top: 15px;
}
.dirigeant .content .listeMembre .margin30index {
    border-bottom: none;
}
/* TABLEAUX */
.relative table{
    float:left;
    width:90%;
    margin-left:5%;
    padding:0;
    border-spacing: 0px 2px;
    position:relative;
}
.relative table p{
    margin:0;
    padding:0;
    margin-left:10px;
    text-transform:uppercase;
    font-size:12px;
}
.relative table td.middle{
    border-right:1px solid #ccc;
}
.relative table .message{
    width: 20px;
    height: 15px;
    float: left;
    margin-left:20px;
    background: url('../../img/dirigeant/icone_courrier.png') no-repeat 0 0;
}
.relative table .message:hover {
    width: 20px;
    height: 15px;
    float: left;
    margin-left:20px;
    background: url('../../img/dirigeant/icone_courrier.png') no-repeat -20px 0;
    cursor:pointer;
}
.relative table .supprimer_demande, ul.list_evenement .supprimer_demande, ul.list_resa_hebdo .supprimer_demande, .listing_gestion_club .supprimer_demande{
    width: 20px;
    height: 15px;
    float: right; 
    margin-right:20px;
    background: url('../../img/elements/fermer_entrainement.png') no-repeat 0 0;
    cursor:pointer;
}
ul.list_evenement .supprimer_demande, ul.list_resa_hebdo .supprimer_demande{
    float:left;
}
.relative table .afficher_message {
    width: 10px;
    height: 15px;
    float: left;
    margin-left: 7px;
    background: url('../../img/elements/fleche_develop.png') no-repeat 0 0;
    cursor: pointer;
    margin-top: 5px;
    margin-right: 7px;
}
.indications_orange::before {
    content: '';
    float: left;
    margin-left: 5%;
    margin-right: 10px;
    font-family: Cicle_Semi;
    background: #ee5b42;
    height: 10px;
    width: 30px;
    border-radius: 5px;
    margin-top: 6px;
}
.indications_bleu::before {
    content: '';
    float: left;
    margin-left: 5%;
    margin-right: 10px;
    font-family: Cicle_Semi;
    background: #6d3ef4;
    height: 10px;
    width: 30px;
    border-radius: 5px;
    margin-top: 6px;
}
.indications_jaune::before {
    content: '';
    float: left;
    margin-left: 5%;
    margin-right: 10px;
    font-family: Cicle_Semi;
    background: #EBD27E;
    height: 10px;
    width: 30px;
    border-radius: 5px;
    margin-top: 6px;
}
.indications_noir::before {
    content: '';
    float: left;
    margin-left: 5%;
    margin-right: 10px;
    font-family: Cicle_Semi;
    background: #000;
    height: 10px;
    width: 30px;
    border-radius: 5px;
    margin-top: 6px;
}
.indications_orange p, .indications_bleu p, .indications_jaune p, .indications_noir p{
    float:left;
}
.relative {
    position: relative;
    float: left;
    width: 100%;
    margin-top:20px;
}
.pos_relative {
    position: relative;
}
.tab{
    bottom:-10px;
    right:5%;
}
.mail_groupe{
    float:left;
    margin-left: 5%;
    border-bottom:1px solid #fff;
}
.mail_groupe:hover
{
    border-bottom:1px solid #1F1F28;
    cursor:pointer;
}

.mail_groupe p,
.noPermissionsPopup.p p{
    color:#1F1F28;
    float:left;	
}
.mail_groupe .message,
.noPermissionsPopup .message {
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 0;
    background: url('../../img/dirigeant/icone_courrier.png') no-repeat 0px 0;
    margin-top: 3px;
    margin-right: 10px;
}
.orange{
    border:1px solid #ee5b42;
}
.newh3{
    background: #54546C !important;
}
.orange td.plein{
    background:#ee5b42;
    color:#FFF;
}
.orange tr, .orange td{
    border-bottom:1px solid #ee5b42;
}
.bleu{
    border:1px solid #6d3ef4;
}
.bleu td.plein{
    background:#6d3ef4;
    color:#FFF;
}
.bleu tr, .bleu td{
    border-bottom:1px solid #6d3ef4;
}
.jaune{
    border:1px solid #EBD27E;
}
.jaune td.plein{
    background:#EBD27E;
    color:#FFF;
}
.jaune tr, .jaune td{
    border-bottom:1px solid #EBD27E;
}
.noir{
    border:1px solid #000;
}
.noir td.plein{
    background:#000;
    color:#FFF;
}
.noir tr, .noir td{
    border-bottom:1px solid #000;
}
.violet{
    border:1px solid #6d3ef4;
}
.violet td.plein{
    background:#6d3ef4;
    color:#FFF;
}
.violet td.plein_message {
    cursor:pointer;
}
.violet td.plein_message p{
    color:#fff!important;
}
.violet tr, .violet td{
    border-bottom:1px solid #6d3ef4;
}
.violet tr.message_entrainement {
    display:none;
}
.rouge{
    border:1px solid #a4052e;
}
.rouge td.plein{
    background:#a4052e;
    color:#FFF;
}
.rouge tr, .rouge td{
    border-bottom:1px solid #a4052e;
}
/* RESERVER UN COURT */
.selected_reserver_court {
    padding: 2px 10px;
    color: #444;
    border: none;
    border-radius: 20px;
    background: #fff;
    width: 150px;
    height: 30px;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    float: left;
    margin-left: 20px;
    margin-top: -5px;
    margin: 0 !important;
    border:1px solid #ddd;
}

.ajout_session .selected_reserver_court, .add-session-stage-form .selected_reserver_court {
    padding: 2px 0!important;
}

.selected_reserver_court select {
    width: 160px;
    height: auto;
    border: none;
    background: #fff url(https://www.gestion-sports.online/img/elements/fleche-select.png) no-repeat 115px 5px;
    color: #000;
    cursor: pointer;
    border-radius: 20px;
}
/* PLANNING */
.planning_dirigeant{
    width: calc(100% - 30px);
    position: relative;
    float: left;
}
.planning_dirigeant p.thisIs{
    margin-left:0;
}
.planning_dirigeant .radio-tuto div {
    margin: 0;
}
.planning_dirigeant .radio-tuto .selected_reserver_court{
    margin-top: -3px;
}
.planning_dirigeant .radio-tuto .label-radio {
    top: 0;
}
.reserve_1clic{
    position:absolute;
    left:0;
    bottom:-35px;
}
.planningScrol input.nom_resa {
    float: right;
    border: 1px solid #ccc;
    padding: 10px;
    width: 200px;
    text-align: center;
    margin-bottom: 15px;
}
.planningScrol .motif_resa_oneclick {
    float: right;
    margin-right: 30px;
}
.planningScrol .motif_resa_oneclick p {
    float: left;
    font-size: 12px;
    margin-bottom: 30px;
    color:#999;
}
.planningScrol .motif_resa_oneclick input[type="checkbox"]:not(:checked) + label::before, .planningScrol .motif_resa_oneclick input[type="checkbox"]:checked + label::before {
    width: 14px;
    height: 14px;
    top: 0px;
}
.planningScrol .motif_resa_oneclick input[type="checkbox"]:not(:checked) + label::after, .planningScrol .motif_resa_oneclick input[type="checkbox"]:checked + label::after {
    font-size: 11px;
}
.reserve_1clic p {
    float: left;
    font-style: italic;
    margin-top: 0px;
    margin-right: 10px;
}
.reserve_1clic input, .reserve_1clic label{
    float:left;
}
.calendrier_sport{
    width:85%;
    margin-top:0px;
    margin-left:0;
    overflow:hidden;
}
.planningScrol h4 {
    color: #6d3ef4;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    margin-left: 5%;
    float: left;
}
.calendrier_sport table{
    margin-bottom:0;
    min-width:100%;
    max-width:5000px;
}
.calendrier_sport table tr.courts_disponibles p {
    margin: 0;
    text-align: left;
    font-size: 11px;
    line-height: 2.0;
    text-transform: uppercase;
}
table.first{
    border:1px solid #000;
    border-bottom:none;
}
.icone_profil_bleu, 
.icone_profil_violet, 
.icone_profil_orange, 
.icone_profil_rouge, 
.icone_profil_blanc,
.icone_profil_rouge_new,
.icone_profil_bleu_new,
.icone_profil_blanc_new,
.icone_profil_rouge_bleu,
.icone_profil_rouge_blanc,
.icone_profil_bleu_blanc,
.icone_profil_blanc_bleu,
.icone_profil_bleu_rouge,
.icone_profil_fidelite,
.icone_profil_fidelite_partielle
{
    width: 20px;
    height: 20px;
    float:left;
    margin-left:5px;
    margin-right:5px;
}

.icone_profil_blanc_bleu,
.icone_profil_rouge_blanc,
.icone_profil_bleu_blanc,
.icone_profil_blanc_new
{
    filter: drop-shadow(0px 0px 1px grey);
}
.icone_profil_bleu{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat 0px 0px;
}
.icone_profil_violet{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -20px 0px;
}
.icone_profil_orange{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -40px 0px;
}
.icone_profil_rouge{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -60px 0px;
}
.icone_profil_blanc{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -80px 0px;
    filter: drop-shadow(0px 0px 1px grey);
}

.icone_profil_rouge_new{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat 0px 0px;
}
.icone_profil_bleu_new{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -25px 0px;
}
.icone_profil_blanc_new{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -50px 0px;
}
.icone_profil_rouge_bleu{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -75px 0px;
}
.icone_profil_rouge_blanc{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -100px 0px;
}
.icone_profil_bleu_blanc{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -125px 0px;
}
.icone_profil_bleu_rouge{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -150px 0px;
}
.icone_profil_blanc_bleu{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -175px 0px;
}
.icone_profil_fidelite{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -200px 0px;
}
.icone_profil_fidelite_partielle{
    background: url('../../img/dirigeant/sprite-profil-new.png') no-repeat -225px 0px;
}
td.non_dispo {
    opacity:1;
}
.supprim_reservation {
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #6d3ef4;
    color: #6d3ef4;
    font-weight: bold;
    background: #fff;
    width: 20px;
    text-align: center;
    font-size: 15px;
    cursor:pointer;
}
/* LISTING */
.listing_dirigeant{
    margin-bottom: 10px!important;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);  
    width: -webkit-calc(100% - 30px);  
    position: relative;
    float: left;
}
.listing_dirigeant p.thisIs{
    margin-left:0;
}
.listing_dirigeant p.ajust{
    margin-top:7px;
}
/* Accordion */
/* Basic Accordion Styles */
.accordion {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}
.accordion input[name='panel'] {
    display: none;
}
.accordion label {
    position: relative;
    display: block;
    padding: 1em;
    background: linear-gradient(to bottom, #FEFEFE 0%, #D1D1D1 50%, #DBDBDB 55%, #E2E2E2 100%);
    border-top: 1px solid #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #FFF;
    font-size: 1.5em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #666666;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
.accordion label::after {
    content: '+';
    position: absolute;
    right: 1em;
    width: 1em;
    height: 1em;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background: #6d3ef4;
    line-height: 1;
}
.accordion label:hover {
    color: #436EEE;
} 
.accordion input:checked + label {
    color: #436EEE;
}
.accordion input:checked + label:after {
    content: '-';
    line-height: .8em;
}
.accordion .accordion__content {
    overflow: hidden;
    max-height: 0em;
    position: relative;
    padding: 0 1.5em;
    box-shadow: inset 4px 0 0 0 #436EEE, inset 0 3px 6px rgba(0, 0, 0, 0.75);
    background: #444444;
    background: linear-gradient(to bottom, #444444 0%, #222222 100%);
    color: #EEEEEE;
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
.accordion .accordion__content:not(:last-of-type) {
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.25), inset 4px 0 0 0 #436EEE, inset 0 3px 6px rgba(0, 0, 0, 0.75);
}
.accordion .accordion__content .accordion__header {
    padding: 1em 0;
}
.accordion .accordion__content .accordion__body {
    padding: 0 0 1.5em;
    font-size: .825em;
    line-height: 1.4em;
}
input[name='panel']:checked ~ .accordion__content {
    max-height: 50em;
}
.listing_gestion_club p.nom{
    width:calc(25% - 30px);
    float:left;
    font-size:11px;
    text-transform:uppercase;
}
.listing_gestion_club p.telephone {
    color: #fff;
    width: 25%;
    float: left;
    margin-top: -3px;
    text-align: left;
    padding-left: 5px;
    font-size: 11px;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
}
.listing_gestion_club p.reservation {
    color: #fff;
    width: 45%;
    float: left;
    margin-top: -3px;
    text-align: left;
    padding-left: 5px;
    font-size: 11px;
}
.marge_icone_listing{
    margin-top:-5px;
}
.icone_divers_1, .icone_divers_2, .icone_divers_3, .icone_divers_4, .icone_divers_5, .icone_divers_6, .icone_divers_7, .icone_divers_8{
    width: 20px;
    height: 20px;
    float: left;
    margin-left:10px
}
.icone_divers_1{
    background: url('../../img/dirigeant/sprite-divers.png') no-repeat 0px 0px;
}
.icone_divers_2{
    background: url('../../img/dirigeant/sprite-divers.png') no-repeat -20px 0px;
}
.icone_divers_3{
    background: url('../../img/dirigeant/sprite-divers.png') no-repeat -40px 0px;
}
.icone_divers_4{
    background: url('../../img/dirigeant/sprite-divers.png') no-repeat -60px 0px;
}
.icone_divers_5{
    background: url('../../img/dirigeant/sprite-divers.png') no-repeat -80px 0px;
}
.marge_icone_accordeon{
    margin:10px 10px;
}
.contenu_listing_player p{
    font-size:12px;
    width: 90%;
}
.contenu_listing_player p.paiement_total_listing {
    float: left;
    margin-top: 15px;
    border-top: 1px solid #f60;
    width:100%;
    line-height: 1.8;
}
.contenu_listing_player p.paiement_total_listing span.titre {
    text-transform: uppercase;
    color: #fff;
    background: #f60;
    padding: 5px;
    line-height: 3;
}
.contenu_listing_player p.paiement_total_listing span.total {
    font-weight:bold;
    text-transform:uppercase;
    color:#f60;
    margin-bottom:15px;
}
.contenu_listing_player p.paiement_total_listing i.fa {
    color: #d80027;
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
}
.contenu_listing_player ul>li{
    font-size:12px;
    list-style:circle;
    background:#ccc;
    width:85%;
    margin-bottom:5px;
}
.contenu_listing_player h4{
    text-transform: uppercase;
    color: #ee5b42;
    margin-bottom: 0;
    height: 30px;
    margin-top: 10px;
}
.contenu_listing_player .btnorange{
    color:#fff;
    float:right;
    margin-right:10px;
    width:160px;
    text-align:center;
    margin-top: 50px;
}
.ui-state-default p.reservation, .ui-state-default p.telephone {
    color:#444;
}
.ui-state-active p.reservation, .ui-state-active p.telephone {
    color:#fff;
}
form.ajouter_joueur .col40, form.ajouter_joueur .col30, form.ajouter_joueur .col60{
    margin-top:10px;
}
form.ajouter_joueur input{
    width:90%;
}
form.ajouter_joueur .ajust, .ajust{
    margin-top:12px;
}
form .ajust2 {
    margin-top:5px;
}
form.ajouter_joueur .selected_reserver_court{
    margin-left:0;;
}
.floatright{
    float:right;
}
.encadrementFormulaireInfo .number_margin, .listing_gestion_club .number_margin {
    margin-top: -3px;
}
.ranking .bgorange {
    background: #ee5b42;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height:25px;
}
.ranking .bgorange p{
    color:#fff;
    text-transform: uppercase;
}
.ranking .borderOrange{
    border-top:1px solid #ee5b42;
    border-bottom:1px solid #ee5b42;
    padding-top: 10px;
    padding-bottom: 5px;
    height:25px;
}
.ranking .borderOrange p{
    margin-left:10px;
}
.ranking .borderRight{
    border-right:1px solid #ccc;
}
.ranking .last{
    border-right:2px solid #ee5b42;
}
.ranking .ligne{
    width:99%;
}
.ranking .floatRight{
    float:right;
    margin-right:10px;
    cursor:pointer;
}
.ranking .ligne .selected_reserver_court {
    height:16px;
    color:#000;
    background:#dfe0e1;
}
.ranking .ligne .selected_reserver_court select {
    background: #dfe0e1 url(https://www.gestion-sports.online/img/elements/fleche-select.png) no-repeat 130px 5px;
    color:#000;
}
.ranking .btnorange {
    background: none;
    color: #ee5b42;
    border: none;
    margin-left: 5px;
    font-weight: bold;
    cursor:pointer;
}
.ranking .close_change{
    color:#ee5b42;
    font-weight:bold;
    float:right;
    margin-right:10px;
    font-size:14px;
}
/* TOURNOI */
.tournoi p.depliant{
    line-height:1;
}
.tournoi .nom{
    width:20%;
    float:left;
    border-right:2px solid #ccc;
}
.tournoi .date{
    width:20%;
    float:left;
    border-right:2px solid #ccc;
}
.tournoi .sexe {
    width:12%;
    float:left;
    border-right:2px solid #ccc;
}
.tournoi .categorie {
    width:18%;
    float:left;
    border-right:2px solid #ccc;
}
.tournoi .dispo{
    width:calc(25% - 24px);
    float:left;
}
.icone_calendrier_blanc, .icone_home_blanc, .icone_categorie_blanc, .icone_trophee_blanc{
    width: 20px;
    height: 20px;
    float: left;
    margin-left:10px
}
.icone_calendrier_blanc{
    background: url('../../img/dirigeant/sprite-accordeon.png') no-repeat 0px 0px;
}
.icone_home_blanc{
    background: url('../../img/dirigeant/sprite-accordeon.png') no-repeat -20px 0px;
}
.icone_categorie_blanc{
    background: url('../../img/dirigeant/sprite-accordeon.png') no-repeat -40px 0px;
}
.icone_trophee_blanc{
    background: url('../../img/dirigeant/sprite-accordeon.png') no-repeat -60px 0px;
}
.tournoi .marge_icone_listing{
    margin-right:5px;
}
.tournoi .participants{
    background:#666;
    float:left;
    width:90%;
    margin-top:1px;
    min-height: 35px;
}
.tournoi .participants p {
    color: #fff;
    float: left;
    margin: 10px 0px;
    border-right: 1px solid #fff;
    padding: 0px 10px;
    text-transform: uppercase;
}
.tournoi .bg_white {
    background: #fff;
    float: right;
    padding: 2px;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 5px;
    cursor:pointer;
}
.tournoi .bg_white:hover {
    background:#ccc;
}
.tournoi .icone_crayon_gris{
    margin:0;
    cursor:pointer;
}
.tournoi .supprime_joueur_tournoi {
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    float: left;
    font-size: 17px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}
.tournoi .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #bbb;
    font-weight: normal;
    color: #000;
}
.tournoi .ui-state-default:hover {
    border: 1px solid #c5c5c5;
    background: #ee5b42;
    font-weight: normal;
    color: #fff;
}
.tournoi .ui-state-active{
    border: 1px solid #c5c5c5;
    background: #ee5b42;
    font-weight: normal;
    color: #fff;
}
.ui-widget-content a.btnbleu {
    color: #fff;
    float:right;
    margin-right:10%;
}
h4.tournoi_participant_h4{
    float: left;
    margin-top: 10px;
}
.creer_tournoi .selected_reserver_court{
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
}
.creer_tournoi .radio-tuto{
    margin: 5px 0px;
    margin-left:12.5%;
}
.creer_tournoi .radio-tuto div {
    margin: 5px 0px;
}
.creer_tournoi .centre_form_ajouter_sport{
    width:75%;
}
.creer_tournoi .radio-tuto .label-radio {
    left: 0;
}
.center-text{
    text-align:center;
}
.center-text h3{
    text-align:left;
}
/* STAGE */
.icone_balle_orange, .icone_temps_orange, .icone_home_orange, .icone_categorie_orange, .icone_calendrier_orange{
    width: 20px;
    height: 20px;
    float: left;
    margin-left:10px
}
.icone_balle_orange{
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat 0px 0px;
}
.icone_temps_orange{
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -20px 0px;
}
.icone_home_orange{
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -40px 0px;
}
.icone_categorie_orange{
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -60px 0px;
}
.icone_calendrier_orange{
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -80px 0px;
}
.icone_balle_blanc, .icone_temps_blanc, .icone_home_blanc, .icone_categorie_blanc, .icone_calendrier_blanc{
    width: 20px;
    height: 20px;
    float: left;
    margin-left:10px
}
.icone_balle_blanc{
    background: url('../../img/dirigeant/sprite-stage_blanc.png') no-repeat 0px 0px;
}
.icone_temps_blanc{
    background: url('../../img/dirigeant/sprite-stage_blanc.png') no-repeat -20px 0px;
}
.icone_home_blanc{
    background: url('../../img/dirigeant/sprite-stage_blanc.png') no-repeat -40px 0px;
}
.icone_categorie_blanc{
    background: url('../../img/dirigeant/sprite-stage_blanc.png') no-repeat -60px 0px;
}
.icone_calendrier_blanc{
    background: url('../../img/dirigeant/sprite-stage_blanc.png') no-repeat -80px 0px;
}
.stage p.depliant{
    line-height:1;
}
.stage .nom{
    width:20%;
    float:left;
    border-right:2px solid #ccc;
}
.stage .date{
    width:30%;
    float:left;
    border-right:2px solid #ccc;
}
.stage .dispo{
    width:calc(50% - 100px);
    float:left;
}
.stage .session{
    width:15%;
    float:left;
    border-right:2px solid #ccc;
}
.stage .heure,.stage .sexe, .stage .niveau{
    width:13%;
    float:left;
    border-right:2px solid #ccc;
}
.stage .heure_session{
    width:32%;
}
.stage .dispo_2{
    width:calc(55% - 100px);
    float:left;
}
.stage .place_session{
    width:calc(30% - 100px);
}
.stage .marge_icone_listing{
    margin-right:5px;
}
.stage .participants{
    background:#666;
    float:left;
    width:90%;
    margin-top:1px;
    min-height: 35px;
}
.stage .participants p {
    color: #fff;
    float: left;
    margin: 10px 0px;
    border-right: 1px solid #fff;
    padding: 0px 10px;
    text-transform: uppercase;
}
.stage .bg_white {
    background: #fff;
    float: right;
    padding: 2px;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 5px;
    cursor:pointer;
}
.stage .bg_white:hover {
    background:#ccc;
}
.stage .icone_crayon_gris{
    margin:0;
    cursor:pointer;
}
.stage .supprime_joueur_tournoi {
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    float: left;
    font-size: 17px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}
.stage .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #bbb;
    font-weight: normal;
    color: #000;
}
.stage .ui-state-default:hover {
    border: 1px solid #c5c5c5;
    background: #ee5b42;
    font-weight: normal;
    color: #fff;
}
.stage .ui-state-active{
    border: 1px solid #c5c5c5;
    background: #ee5b42;
    font-weight: normal;
    color: #fff;
}
.centre_form_ajouter_joueur{
    width:75%;
    margin-left:12.5%;
}
.listing_jeune .listing_gestion_club p.nom {
    width: 20%;
    float: left;
    font-size: 11px;
    border-right:2px solid #fff;
}
.listing_jeune .listing_gestion_club p.age {
    width: 20%;
    float: left;
    font-size: 11px;
    border-right:2px solid #fff;
    padding-left:5px;
}
.listing_jeune .listing_gestion_club p.creneau {
    width: 20%;;
    float: left;
    font-size: 11px;
    border-right:2px solid #fff;
    padding-left:5px;
}
.listing_jeune .listing_gestion_club p.telephone {
    width: 30%;;
    float: left;
    font-size: 11px;
    border:none;
    margin-top:0;
}
.listing_gestion_club p.thisIsFlottant {
    font-weight: bold;
    float: left;
    margin-left: 50px;
    font-size: 15px;
}
.icone_groupe_blanc{
    width: 20px;
    height: 20px;
    float: left;
    background: url("../../img/dirigeant/icone-groupe.png") no-repeat;
}
.ce .listing_gestion_club p.nom{
    width:15%;
    float:left;
    border:0;
    margin-top: 0px;
    text-align: left;
    padding-left: 5px;
    border-right:2px solid #FFF;
    font-size:12px;
    line-height:1;
    text-transform: uppercase;
}
.ce .listing_gestion_club p.telephone, .ce .listing_gestion_club p.contact{
    width:25%;
    float:left;
    border:0;
    margin-top: 0px;
    text-align: left;
    padding-left: 5px;
    border-right:2px solid #FFF;
    font-size:12px;
    line-height:1;
}
.ce .listing_gestion_club p.email{
    width:calc(28% - 22px);
    float:left;
    border:0;
    margin-top: 0px;
    text-align: left;
    padding-left: 5px;
    font-size:12px;
    line-height:1;
}
textarea.informations_ce{
    width:100%;
    border:0;
    border-radius:5px;
}
.comite_entreprise .centre_form_ajouter_sport{
    width:75%;
    margin-left:12.5%;
}
/*.promotion{
    width:30%;
    float:left;
    margin-top:50px;
    min-height: 230px;
    position: relative;
}*/
.boutique .pad1{
    padding-right:2.5%;
}
.boutique .pad2{
    padding-left:2.5%;
}
.border_orange_vertical{
    padding:0 2.5%;
    margin-top:50px;
    float:left;
    width:calc(30% - 2px);
    border-right:1px solid #ee5b42;
    border-left:1px solid #ee5b42;
}
.promotion h4{
    color:#ee5b42;
    width:100%;
}
.promotion img{
    float:left;
    width:30%;
    margin-right:5%;
}
.promotion p{
    float:left;
    width:100%;
    font-size:11px;
    text-align:justify;
}
.promotion .btnorange {
    width: calc(45% - 20px);
    text-align: center;
    bottom: 0;
    position: absolute;
}
.boutique .encadrementFormulaireInfo {
    position: relative;
    background: #dfe0e1;
    width: 90%;
    margin: auto;
    padding: 10px;
    margin-bottom: 20px;
}
.boutique .formulaire_boutique {
    width: 75%;
}
.radio-tuto .bibliotheque, .bibliotheque{
    float: left;
    width: 10%;
    margin: 0% 1%;
    position: relative;
    margin-top: 20px;
}
.boutique .entour_bilblio_form {
    width:100%;
    float:left;
}
.boutique .entour_bilblio {
    width:100%;
    float:left; 
    margin-top:30px;
}
.bibliotheque a.delete {
    color: #F00;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    top: -5px;
    right: -5px;
    position: absolute;
    width: 20px;
    border: 2px solid #F00;
    text-align: center;
    font-weight: bold;
}
.promo .margetop{
    margin-top:20px;
}
.boutique .radio-tuto{
    width:100%;
}
.boutique .radio-tuto .centre_form_ajouter_sport {
    width: 75%;
    margin-left: 12.5%;
}
.boutique .radio-tuto .label-radio {
    position: relative;
    left: 36%;
    padding-left: 25px;
    margin-left: 0px;
    top: 5px;
}
.boutique .radio-tuto .label-radio::before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 12px;
    background: #FFF;
    top: 0;
    left: 0;
    border: 1px solid #20D6FF;
}
.boutique .radio-tuto .label-radio::after {
    content: '';
    display: none;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #6d3ef4;
    left: 0;
    top: 0px;
}
.boutique .radio-tuto textarea{
    width:90%;
    border-radius:5px;
    border:none;
}
/* ESPACE MEMBRE */
.header_membre{
    width:100%;
    float: left;
    height:15%;
    top:0;
    left:0;
    background:#fff;
    border:0;
    box-shadow:none;
}
.header_membre img.logo_club {
    width: 200px;
    margin-left: calc(50% - 100px);
    float: left;
    margin-top: 10px;
}
.membre .partenaires, body.inscription .partenaires {
    width:100%;
    margin-top: 10px;
    margin-bottom: 8px;
    float: left;
    text-align: center;
}
.membre .partenaires img, body.inscription .partenaires img {
    width:4.66%;
    margin:0 1%;
}
.membre .content{
    margin: 0;
    width: 99%;
    float: left;
    background: #1f1f28;
    padding: 0 0.5%;
    min-height: 400px;
    position:relative;
}
.membre .partenaires_bottom, body.inscription .partenaires_bottom{
    width:100%;
    float: left;
    bottom:0;
    text-align:center;
    margin-top:8px;
    margin-bottom: 8px;
}
body.inscription .partenaires_bottom {
    padding-bottom: 8px;
    background: #fff;
    margin-bottom: 50px;
    padding-top: 8px; 
}
.membre .partenaires_bottom img, body.inscription .partenaires_bottom img {
    width:4.66%;
    margin:0 1%;
}
.membre .bloc{
    width:20%;
    border:1px solid #1f1f28 !important;
    float:left;
    height:110px;
    text-align:center;
    cursor:pointer;
    box-sizing:border-box;
}
.membre .bloc p{
    margin:0;
    padding:0;
    color:#fff;
    font-size:13px;
    margin-top:5px;
    text-align:center;
    font-weight:bold;
}
.membre .violet{
    background:#e8666c;
    border:none;
}
.membre .violet2{
    background:#6d3ef4;
    border:none;
}
.membre .orange {
    background:#ee5b42;
    border:none;
}
.membre .bleu{
    background:#68d0ee;
    border:none;
}
.membre .orange{
    background:#ff673a;
    border:none;
}
.membre .rouge{
    background:#a4052e;
    border:none;
}
.membre .vert{
    background:#7cca6d;
    border:none;
}
.membre .jaune{
    background:#E8C361;
    border:none;
}
.membre .bleu2{
    background:#8b74ff;
    border:none;
}
.membre .bleu3{
    background:#6d3ef4;
    border:none;
}
.membre .jpcompet_color{
    background:#68788a;
}
.membre .jpprogress_color{
    background:#688a86;
}
.membre .jppadelle_color{
    background:#708a68;
}
.membre .jpmixte_color{
    background:#8a8a68;
}
.membre .jpfamily_color{
    background:#8a7768;
}
.membre .jpjunior_color{
    background:#8a6878;
}
.membre .jp90_color{
    background:#7d688a;
}
.membre .jpbusiness_color{
    background:#68688a;
}
.membre .stage .nom, .membre .tournoi .nom{
    width:50%;
    float:left;
    border:none;
}
.profil {
    margin-top: 20px;
    float: left;
    margin-left: 1%;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    height: 80px;
    cursor:pointer;
}
.profil img {
    float: left;
    width: 100% !important;
    max-width: none;
    min-height: 100%;
}
.profil p{
    color:#fff;
    float:left;
    text-transform:capitalize;
    margin-left:10px;
    font-weight:bold;
    font-size:12px;
}
.qui_suis_je {
    float: left;
    width: calc(100% - 70px);
}
.qui_suis_je p{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}
.profil .prenom{
    font-size:16px;
}
.membre .jpcompet,
.membre .jpprogress,
.membre .jppadelle,
.membre .jpmixte,
.membre .jpfamily,
.membre .jpjunior,
.membre .jp90,
.membre .jpbusiness{
    width: 52px;
    height: 52px;
    float:left;
    margin-left: calc(50% - 26px)!important;
    margin-top:10px;
}
.membre .jpcompet{
    background: url('../../img/elements/jpcompet.png') no-repeat 0px 0px;
}
.membre .jpprogress{
    background: url('../../img/elements/jpprogress.png') no-repeat 0px 0px;
}
.membre .jppadelle{
    background: url('../../img/elements/jppadelle.png') no-repeat 0px 0px;
}
.membre .jpmixte{
    background: url('../../img/elements/jpmixte.png') no-repeat 0px 0px;
}
.membre .jpfamily{
    background: url('../../img/elements/jpfamily.png') no-repeat 0px 0px;
}
.membre .jpjunior{
    background: url('../../img/elements/jpjunior.png') no-repeat 0px 0px;
}
.membre .jp90{
    background: url('../../img/elements/jp90.png') no-repeat 0px 0px;
}
.membre .jpbusiness{
    background: url('../../img/elements/jpbusiness.png') no-repeat 0px 0px;
}
.membre .jpcompet{
    background: url('../../img/elements/jpcompet.png') no-repeat 0px 0px;
}
.icone_entrainement, .icone_temps, .icone_participe, .icone_loupe, .icone_sablier, .icone_info, .icone_squash, .icone_coupe, .icone_run, .icone_jo, .icone_balle, .icone_padel{
    width: 52px;
    height: 52px;
    float:left;
    margin-left: calc(50% - 26px)!important;
    margin-top:10px;
}
.icone_temps{
    background: url('../../img/sprites/sprite_membre.png') no-repeat 0px 0px;
}
.icone_participe{
    background: url('../../img/elements/participer.png') no-repeat 0px 0px;
    background-size: 62px;
}
.icone_foot{
    background: url('../../img/elements/icone_foot.png') no-repeat 0px 0px;
    background-size: 62px;
}
.icone_loupe{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -52px 0px;
}
.icone_sablier{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -104px 0px;
}
.icone_info{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -156px 0px;
}

.icone_squash{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -260px 0px;
}
.icone_coupe{
    background: url('../../img/sprites/sprite_membre.png') no-repeat 0px -52px;
}
.icone_run{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -52px -52px;
}
.icone_jo{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -104px -52px;
}
.icone_balle{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -156px -52px;
}
.icone_padel{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -208px -52px;
}
.icone_entrainement{
    background: url('../../img/sprites/sprite_membre.png') no-repeat -260px -52px;
} 
.membre h3{
    text-align: left;
    border-bottom: 1px solid #6b6b89;
    width: 90%;
    margin-top: 30px;
    padding-top: 0;
    line-height: 0;
    margin-bottom: 50px;
}
.membre h3 span{
    background: #1F1F28;
    padding:0 10px;
    line-height: 0;
    font-size: 30px;
    font-family: 'CicleSemi';
    font-weight: 100;
    color:#6b6b89
}
/*JQUERY*/
.toggler {
    width: 500px;
    height: 200px;
}
#button {
    padding: .5em 1em;
    text-decoration: none;
}
#effect {
    position: relative;
    width: 240px;
    height: 170px;
    padding: 0.4em;
}
#effect h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
}
/*FIN JQUERY*/
.membre .offre{
    /*old
    width:18%;
    margin:10px 1%;
    float:left;*/

    width: calc(18vw - 10px);
    margin: 0 0.5vw;
    float: left;
    padding: 5px;
    background:#FFF;
    border-radius: 5px;
}
.membre .offre h4{
    /*old
    width:100%;
    color:#ee5b42;
    font-weight:bold;
    font-size:14px;
    margin-bottom: 0;
    min-height: 70px;*/

    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    float: left;
    border-bottom: 1px solid #6b6b89;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
/* old
.membre .offre h4 span {
    color: #FFF;
    background: #ee5b42;
    border-radius: 50px;
    font-size: 20px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 2;
    margin-right:10px;
    margin-bottom: 20px;
}
.membre .offre h4 span.prix {
    background: none;
    width: 100%;
    font-size: 12px;
    text-transform: lowercase;
    margin: 0;
    line-height: 1px;
    float: right;
    text-align: right;
    height: auto;
    margin-right: 10%;
}*/

.membre .offre h4 span.date {
    font-size: 0.6vmax;
    font-weight: bold;
    width: 100%;
    float: left;
    color:#317a8a;
    background: none;
}
.membre .offre h4 span.title {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    width: 100%;
    background: none;
    word-break: keep-all;
    text-align: center;
    float: left;
}
.membre .offre h4 span.prix {
    width: auto;
    font-size: 1.3rem;
    margin: 0;
    float: left;
    text-align: left;
    background: #e59d4b;
    padding: 2px 5px;
    border-radius: 3px;
    margin-top: 5px;
    color:#fff!important;
    font-weight: 700;
}
.membre .offre img{
    width:100%;
    margin-bottom: 10px;
}
.membre .offre .desc {
    width: 100%;
    float: left;
    font-weight: 800;
    font-size: 1.2rem;
    margin-bottom: 5px;
    color:#317a8a;
}
.membre .offre h4 span.date i,
.membre .offre h4 span.prix i,
.membre .offre .desc i {
    margin-right: 5px;
}

.membre .offre p{
    /*old
    width:100%;
    color:#FFF;
    text-align:justify;*/
    font-size: 1.2rem;
    text-align: center;
    width: calc(100% - 10px);
    color:#000;
    float: left;
    padding: 5px;
}
.mon_compte, .reserver_un_court, .index, .animation, .stage, .tournoi, .ranking_tennis, .ranking_padel, .ranking_squash, .infos, .partenaire, .mes_reservations {
    margin-bottom:30px;
    float: left;
    width: 100%;
}
/* mon compte*/
.membre a.back, .membre a.back:active, .membre a.back:visited{
    color: #ee5b42;
    line-height: 2;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px;
    background: #fff;
    position: fixed;
    right: 10px;
    margin-top: 10px;
    z-index:999;
}
.membre a.back img {
    width:25px;
}
.membre .profil a img{
    margin-right:10px;
}
.membre p{
    color:#fff;
}
.membre p.txt_all_evenement {
    float: left;
}
.membre p.txt_evenement span,
.membre p.txt_all_evenement span  {
    color:#ee5b42;
}
.membre p.txt_evenement span i,
.membre p.txt_all_evenement span i {
    margin-right:5px;
    margin-bottom: 6px;
}
.membre .entour_inscription_session {
    margin-top:30px;
}
.membre .entour_inscription_session a.btn_retour_session {
    float: left;
    padding: 4px 10px;
    text-align: center;
    color: #fff;
    background: #ee5b42;
}
.membre p.txt_evenement span.separation {
    height: 1px;
    width: 80%;
    margin-right: 20%;
    float: left;
    background: #ee5b42;
    margin-top: 10px;
    margin-bottom: 10px;
}
.membre p.txt_evenement span.place_restante {
    float: left;
    margin-top: 10px;
    background: #6b6b89;
    color: #fff;
    padding: 3px 0;
    text-align: center;
    width: 80%;
    margin-right: 20%;
    margin-bottom: 10px;
}
.membre a.btn_inscription {
    float: left;
    margin-bottom: 10px;
    background: #ee5b42;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    width: 80%;
    margin-right: 20%;
    text-transform: uppercase;
}
.membre a.show_paiement {
    width: 150px;	
}
.membre .alert_lastnotif {
    padding: 10px 20px;
    background: #434357;
    width: auto;
    margin-left: 1%;
    margin-bottom: 20px;
    border: 1px solid #6d3ef4;
    margin-top: 15px;
    float: left;
}
.membre .alert_lastnotif img {
    float: left;
    width: 15px;
    margin-right: 5px;
}
.membre .alert_lastnotif p.date {
    font-size: 12px;
    font-style: italic;
    width: 100%;
}
.membre .alert_abonnement {
    float:left;
    padding:10px;
    background:#fff;
    margin-left:1%;
    border-radius:2px;
}
.membre .alert_abonnement p {
    color:#1F1F28;
    font-size:14px;
    font-weight:bold;
    float:left;
    margin-left:10px;
    margin-top:5px;
}
.membre .alert_abonnement img {
    float:left;
    width:30px;
}
p.titre_outil{
    float:right;
    font-size:20px;
    text-transform:uppercase;
    margin-top:20px;
    margin-right:20px;
    color:#000;
}
.membre input[type="submit"], a.submit, a.submit_form {
    background: #6d3ef4;
    width: 80px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    font-weight: 100;
    border: none;
    float: right;
    margin-right: 25%;
    margin-top: 20px;
    text-align: center;
}
.membre textarea {
    background:#FFF;
    width:75%;
    border:2px solid #fff;
    float:left;
    height:100px;
}
.membre input[type=text], .membre input[type=password], .membre input[type=email], .membre input[type=number], .membre input[type=telephone] {
    background:#FFF;
    width:75%;
    border:1px solid #fff;
    float:left;
    padding: 5px;
}
.membre input[type=text]:focus, .membre input[type=password]:focus, .membre input[type=email]:focus, .membre input[type=number]:focus, .membre input[type=telephone]:focus, .membre textarea:focus{
    border:2px solid #6d3ef4;
}

.membre .col25 h4, .membre .col25_1_orange h4, .membre .col50_1_orange h4 {
    text-transform:uppercase;
    color:#ee5b42;
    font-size:18px;
    margin-left:20px;
    font-weight:100;
}
.membre .liste_session h4 {
    margin-left: 0;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase; 
    font-size: 18px;
    font-weight: 100;
    margin-top: 20px;
}
.membre .entour_infos_evenement{
    display: grid;
    width: 100%;
    grid-template-columns: 25% 25% 25%;
}
.membre .liste_session {
    margin-bottom: 30px;
    padding: 15px;
    background: #373748;
    margin-right: 15px;
    min-height: 300px;
}
.membre .liste_session input.submit {
    float: left;
    width: 150px;
}
main .example.example2 a.submit_sans_payer {
    display: block;
    width: calc(100% - 30px);
    margin: 25px 15px 0;
    background-color: #bdbfc1;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-family: "Arial", helvetica, arial, sans-serif;
}
.membre .col25_1_orange p, .membre .col25_1_orange p {
    margin-left:20px;
}
.membre .col25 .marge_icone_accordeon, .membre .col50 .marge_icone_accordeon
{
    margin-left:0;
}
.membre .col25_1_orange .marge_icone_accordeon, .membre .col50_1_orange .marge_icone_accordeon
{
    margin-left:20px;
}
.membre .col25_1_orange ul>li{
    color:#fff;
}
h3.margetop_offre_h3{
    margin-top:45px;
}
.membre .radio-tuto .label-radio {
    color: #fff;
    left: 0;
}
.membre .selected_ajouter_sport {
    padding: 5px;
    color: #444;
    border: none;
    border-radius: 5px;
    background: #fff;
    width: 300px;
    height: 20px;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    float: left;
    margin-top: -5px;
}
.membre .selected_ajouter_sport select {
    width: 570px;
    height: 15px;
    border: none;
    background: #fff url(https://www.gestion-sports.online/img/elements/fleche-select.png) no-repeat center center;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
}
.modif_partner{
    max-height: 73vh !important;
}

.membre .liste_partenaire p {
    margin-left:20px;
}
.membre .liste_partenaire span {
    color: #ee5b42;
    width: 150px;
    float: left;
}
.membre .liste_partenaire img {
    margin-left:20px;
    margin-bottom:10px;
}
.membre .liste_partenaire_droite img {
    margin-left:20px;
    margin-bottom:10px;
    transform : rotate(180deg); 
}
.membre .liste_reservation {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}
.membre .liste_reservation p span.etoile {
    color:orange;
    font-size:16px;
}
.membre .list_reservation_stage {
    min-height:120px;
}
.membre .liste_reservation h4 {
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
}
.icone_sport_resa {
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat 0px 0px;
}
.icone_date_resa {
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -80px 0px;
}
.icone_creneau_resa {
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -20px 0px;
}
.icone_repas_resa {
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -100px 0px;
}
.icone_homme_resa {
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -40px 0px;
}
.icone_niveau_resa {
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -60px 0px;
}
.icone_place_resa {
    background: url('../../img/dirigeant/sprite-stage.png') no-repeat -40px 0px;
}
.icone_sport_resa, .icone_date_resa, .icone_creneau_resa, .icone_homme_resa, .icone_repas_resa, .icone_niveau_resa, .icone_place_resa {
    width: 20px;
    height: 20px;
    float: left;
    margin-right:10px;
    margin-bottom: 15px;
}

a.suite_liste p {
    color:#fff;
    float:right;
}
a.suite_liste p:hover {
    text-decoration:underline;
}
a.suite_liste img {
    float:right;
    margin-left:8px; 
    margin-top: 6px;
}
/* VOTES */
.rating2 {
    width: 100%;
    font-size: 40px;
    overflow:hidden;
    margin-top: -20px;
}
.rating2 a {
    float:right;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s; 
    -o-transition: color .4s;
    transition: color .4s;
    margin-left: 10px;
}
.rating2 a:hover, .rating2 a:hover ~ a, .rating2 a:focus, .rating2 a:focus ~ a {
    color: orange;
    cursor: pointer;
}
.rating2 {
    direction: rtl;
}
.rating2 a {
    float:none
}
/* INSCRIPTION */
body.inscription{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+45,28343b+100 */
    background: #b5bdc8; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #b5bdc8 0%, #828c95 45%, #28343b 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #b5bdc8 0%,#828c95 45%,#28343b 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #b5bdc8 0%,#828c95 45%,#28343b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.content_inscription{
    width:95%;
    float:left;
    margin-left:2.5%;
}
.inscription h1{
    color:#fff;
    text-align:center;
    width:100%;
    float:left;
    margin-top:50px;
    margin-bottom:0;
}
.inscription h2{
    color:#fff;
    background-color:rgba(0, 0, 0, 0.6);
    text-align:center;
    width:100%;
    float:left;
    margin-top:0;
    text-transform:uppercase;
}
.content_inscription img{
    border:2px solid #000;
    border-radius:5px;
    width:calc(100% - 4px);
    float:left;
}
.content_inscription .margin5{
    margin:0 5%;
}
.content_inscription .col30 p{
    color:#000;
    text-align:center;
}
.cadre_inscription{
    -moz-box-shadow: 2px 5px 5px 5px #444;
    -webkit-box-shadow: 2px 5px 5px 5px #444;
    -o-box-shadow: 2px 5px 5px 5px #444;
    box-shadow: 2px 5px 5px 5px #444;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=158, Strength=5);
    float:left;
    width:100%;
    background:#fff;
    margin-top:50px;
}
.cadre_inscription h3{
    background:#6d3ef4;
    color:#fff;
    text-align:center;
    width:100%;
}
.cadre_inscription p.indications{
    text-align:center;
    font-size:10px;
}
.cadre_inscription p.formule{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#000;
}
.cadre_inscription p.prix{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#ee5b42;
}
.cadre_inscription p.description{
    text-align:center;
    font-size:12px;
}
.cadre_inscription p.description span{
    color:#6d3ef4;
}
.cadre_inscription p.def_mot {
    margin-top:10px;
}
.cadre_inscription a.btnorange{
    text-align:center;
    width:200px;
    margin-left:30%;
    margin-bottom:20px;
}
.formulaire_inscription{
    width:45%;
    margin-left:2.5%;
    margin-right:2.5%;
}
.cadre_inscription input{
    width:90%;
    border:none;
    margin-top:10px;
    border-radius:5px;
    border:1px solid #ccc;
    padding:4px 0; 
    margin-right:10%;
}
.cadre_inscription input:focus{
    border:1px solid #6d3ef4;
}
.formulaire_inscription .col40{
    width:35%;
    margin-left:5%;
}
.formulaire_inscription .col40 p{
    margin-top:25px;
}
.cadre_inscription p.alignLeft{
    text-align:left;
    margin-top:0;
}
.cadre_inscription .col60{
    margin-top:10px;
}
.cadre_inscription input[type="submit"]
{
    border:none;
    background:#6d3ef4;
    color:#fff;
    text-align:center;
    width:100px;
    padding:5px;
    float:right;
    margin-right:10%;
    margin-bottom:20px;
    cursor:pointer;
}
.cadre_inscription {
    margin-bottom:100px;
}
/*COMMERCIAL*/

.commercial {
    font-family: "Montserrat", sans-serif;
}
.commercial .encadrementFormulaireInfo input[type=text], .commercial .encadrementFormulaireInfo input[type=email], .commercial .encadrementFormulaireInfo input[type=telephone] {
    width: 45%; 
}
.commercial .encadrementFormulaireInfo p {
    padding-left:40px;
}
.commercial .listing_gestion_club p.telephone {
    width:15%; 
    border-right:0;
    margin-top:0;
}
.commercial .listing_gestion_club p.reservation {
    color: #fff;
    width: 23%;
    border-left: 2px solid #fff;
    margin-top:0;
}
.commercial .col75 {
    width: 75%;
    margin: auto;
    float:none;
}
.commercial .col30{
    width: 50%
}
.commercial .popup_fiche_club .content .contain .success {
    color: green;
    font-size: 1.9rem;
    display: none;
    margin: 0px 0px 1rem 3rem;
    
}
.commercial .listing_test {
    width:calc(100% - 2px);
    float:left;
    border:1px solid #ee5b42;
}
.commercial .listing_test p.nom {
    color:#fff;
    padding: 5px 0;
    font-size:1em;
    width:28%;
    background:#ee5b42;
    float:left;
    border-bottom:1px solid #fff;
    padding-left:2%;
}
.commercial .listing_test p.infos {
    width:calc(18% - 1px);
    margin: 5px 0;
    border-right:1px solid #ee5b42;
    padding-left:1%;
    float:left;
    font-size:1em;
}
.commercial .listing_test p.date {
    width:30%;
    margin: 5px 0;
    padding-left:2%;
    float:left;
    font-size:1em;
}
.commercial .liste_stats {
    width:50%;
    margin:auto;
    margin-top:30px;
}
.commercial .liste_stats p {
    font-size: 16px;
    float: left;
    width: calc(100% - 70px);
    margin-left: 20px;
    margin-top: 10px;
}
.commercial .liste_stats p span {
    color:#6d3ef4;
}
/* connexion */
.formulaire_inscription h4{
    text-align:center;
    font-family:'CicleSemi';
    font-weight:bold;
    margin-bottom:10px;
    font-size:30px;
}
.formulaire_inscription .radio-tuto .label-radio::before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: #FFF;
    top: 0;
    left: 0;
    border: 1px solid #666;
}
.formulaire_inscription .radio-tuto .label-radio2::before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 12px;
    background: #FFF;
    top: 0;
    left: 0;
    border: 1px solid #666;
}
.radio-tuto .label-radio2 {
    font-size: 10px;
}
.radio-tuto .label-radio2::after {
    width: 12px;
    height: 12px;
}
.content_inscription img.logo {
    width: 200px;
    border: none;
    margin-left: calc(50% - 100px);
    margin-bottom: 0px;
    margin-top: 50px;
}
.content_inscription a.back_site_club {
    float: left;
    color: #fff;
    text-decoration: none;
    margin-left: 2.5%;
    margin-top: 20px;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    transition: 0.2s;
}
.content_inscription a.back_site_club:hover {
    transition: 0.2s;
    background:#fff;
    color:#828c95;
}
/*INPUT URL INSCRIPTION*/
.formulaire_inscription .http_url {
    float:left;
    width: calc(12% - 8px);
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 3px 4px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    background:#ccc;
    font-size:12px;
}
.cadre_inscription input.input_url {
    width: 43%;
    border: none;
    border-radius: 0;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 4px 0;
    float:left;
    margin-right: 0;
}
.cadre_inscription input.input_url2 {
    width: 83%;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 4px 0;
    float: left;
    margin-right:0;
}
.formulaire_inscription .end_url {
    float:left;
    width: calc(39% - 8px);
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 3px 4px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    background:#ccc;
    font-size:12px;
}
.encadrementFormulaireInfo .http_url {
    width: calc(5% - 8px);
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 3.5px 4px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    background:#ccc;
    font-size:12px;
    display: inline-block;
}
.encadrementFormulaireInfo input.input_url, .encadrementFormulaireInfo input.input_url2 {
    width: calc(16% - 2px); 
    border: none;
    border-radius: 0;
    margin-top: 10px;
    border:none;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    padding: 5px 0;
    display: inline-block;
    margin-left: -4px;
    margin-right: -4px;
    background: #f6f6f6;
}
.encadrementFormulaireInfo input.input_url:focus{
    border:1px solid #6d3ef4;
}
.encadrementFormulaireInfo .end_url {
    width: calc(14% - 8px);
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 3.5px 4px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    background:#ccc;
    font-size:12px;
    display: inline-block;
}
/*MESSAGE ALERT*/

.modif_partner .alert{
    margin-left:13.9rem;
}
.alert-update-partner{
    margin-left: 51.2rem !important;
    width: 49rem !important;
    float: none !important;
}
.alert {
    padding: 10px 0;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    margin-top: 20px;
    font-size:12px;
}
.alert_danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    text-align: center;
    width: 90%;
    margin-left: 5%;
}
.alert_success {
    color: #049d13;
    background-color:#c9f9b7;
    border-color: #9fcd8d;
    text-align: center;
    width: 90%;
    margin-left: 5%;
}
.alert_success2{
    margin-left: 0%!important;
}
.alert_infos {
    color: #0c5460;
    background-color:#d1ecf1;
    border-color: #bee5eb;
    text-align: center;
    width: 90%;
    margin-left: 5%;
}

.alert 	a {
    padding: 5px 15px;
    background: #a94442;
    color: #fff;
    margin-left: 10px;
    font-weight: bold;
    transition:0.2s;
    border-radius:2px;
}
.alert 	a:hover {
    background: #d84b48;
    transition:0.2s;
}
/* POPUP VALIDE */
.popup {
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    margin:0;
    overflow: auto;
    z-index:1100;
}
/* Inner */
.popup-inner {
    width: calc(30% - 20px);
    position: absolute;
    top: 250px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #1F1F28;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.popup_formulaire .popup-inner {
    width: calc(50% - 20px);
    top: 35%;
    max-height: 60%;
}
.popup_formulaire form {
    float:left;
    width:100%;
    margin-top: 20px;
}
.popup_formulaire form input, .popup_formulaire form textarea {
    float:left;
    width:calc(80% - 10px);
    margin-left:10%;
    margin-bottom:10px;
    border-radius: 5px;
    padding: 10px 5px;
    border: 1px solid rgba(64, 153, 255, 1);
    font-family: "Arial", helvetica, arial, sans-serif;
    font-size:12px;
}
.popup_formulaire form input[type=submit] {
    color:#fff;
    background:rgba(64, 153, 255, 1);
    cursor:pointer;
    transition:0.2s;
    box-shadow:none;
    border:none;
    font-family: "Arial", helvetica, arial, sans-serif;
    font-size:14px;
    width:calc(50% - 10px);
    margin-left:25%;
}
.popup_contact form input[type=submit]:hover {
    transition:0.2s;
    background:rgba(64, 153, 255, 0.8);
}
.popup-inner img {
    float:left;
    width:10%;
}
.popup-inner p {
    float: left;
    margin-left: 10px;
    width: calc(90% - 10px);
    margin-top: 2%;	
    line-height:1.2; 
    color:#fff;
}
.popup_formulaire .popup-inner p {
    margin-left: 5%;
    width: 90%;
    margin-top: 0; 
    line-height: 1.2;
    font-size: 16px;
    text-align: center;
} 
.popup_formulaire .popup-inner p span {
    text-align: center;
    float:left;
    width:100%;
    margin-top:10px;
}
a.envoyer_notif_club {
    float: left;
    padding: 5px 15px;
    color: #fff;
    background: #1F1F28;
    transition:0.2s;
}
.content .param a.envoyer_notif_club{
    margin-top: 0.1rem;
}
.col a.envoyer_notif_club {
    background: #6d3ef4 !important;
}
a.envoyer_notif_club i {
    margin-right:10px;
}
a.envoyer_notif_club:hover {
    transition:0.2s;
    background: #6d3ef4;;
}
.contenu_listing_player a.envoyer_notif_club {
    float: left;
    width:100%;
    text-align: center;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    box-sizing:border-box;
}
#popup_facebook {
    background:rgba(0, 0, 0, 0.5);
}
#popup_facebook .popup-inner {
    background:#fff;
    width: calc(50% - 20px);
}
#popup_facebook .popup-inner p {
    color:#1f1f28;
    width:100%;
    text-align:center;
    font-size:16px;
    margin-left: 0;
    margin-bottom: 15px;
}
#popup_facebook .popup-inner p.title_popup_facebook {
    width:100%;
    float:left;
    font-size:16px;
    color:#6b6b89;
    text-align:center;
    margin-bottom:10px;
    font-weight: bold;
    margin-left: 0;
}
#popup_facebook .popup-inner p.dite_le {
    border-top: 2px solid #365899;
    padding-top: 20px;
    margin-bottom:20px;
}
#popup_facebook .popup-inner img.sponsor_fb {
    width: 100px;
    margin-left: calc(50% - 50px);
}
#popup_facebook .popup-inner .btn_facebook {
    float: left;
    margin-left: calc(50% - 115px);
    text-align: center;
    background: #365899;
    padding: 5px 20px;
    font-size: 16px;
    width: 190px;
    margin-bottom: 20px;
    color: #fff;
    border-radius:3px;
    cursor:pointer;
    -webkit-box-shadow: 0 0 5px 1px #484848;
    box-shadow: 0 0 5px 1px #484848;
}
#popup_facebook .popup-inner .btn_facebook span {
    float: left;
    font-weight: bold;
    padding-right: 15px;
    font-size: 16px;
    margin-right: 5px;
    border-right: 1px solid #fff;
}
#popup_facebook .popup-inner .btn_facebook a, #popup_facebook .popup-inner .btn_facebook a:hover, #popup_facebook .popup-inner .btn_facebook a:visited {
    color:#fff;
}
/* Close Button */
.popup-close {
    width:20px;
    height:20px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius: 5px;
    background: rgba(64, 153, 255, 0.8);
    font-family:Arial, Sans-Serif;
    font-size:16px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background: rgba(64, 153, 255, 1);
    text-decoration:none;
}
.btnPlusDlAjout {
    background: #6d3ef4;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: none;
    position:absolute;
    top:0;
    left:0;
}
.radio-tuto div .btnPlusDlAjout {
    margin: 0;
}
.btnPlusDlAjout img{
    width: 20px;
    border: none;
    padding: 7px 5px;
}
/* DRAG AND DROP */
#sortable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    margin-bottom: 10px; 
    cursor:pointer;
    float: left;
    margin-top: 20px;
    width:100%;
}
#sortable2 { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    margin-bottom: 10px; 
    cursor:pointer;
}
#sortable3 { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    margin-bottom: 10px; 
    cursor:pointer;
}
#sortable4 { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    margin-bottom: 10px; 
    cursor:pointer;
}
li.ui-state-default { 
    margin: 0;  
    padding: 0;
    float: left;
    width: 100%;
    list-style:none;
    margin-bottom: 1em;
}
.elem_header {
    display : flex;
    flex-wrap : wrap;
    justify-content: space-between;
    width: 100%;
    float: left;
    background:#1f1f28;
    color:#FFF;
    font-size:16px;
    text-align:center;
    padding: 10px 0px;
    position:relative;
    margin-bottom: 20px;
    border-radius:20px;
}

.elem_header i { 
    color:#FFF!important;
}

.elem_header-child {
    padding: 0.5em;
}
.elem_header-child i{
    padding-right: 1em;
}

.elem_header_right {
    width: calc(100% - 20px);
    margin-left:2%;
    float: left;
    padding: 10px 0px;
}
.elem_header_right p.thisIs {
    margin-left:20px;
    margin-right:20px;
    float: left;
}
.elem_header a.croix_sup {
    position: absolute;
    top: -13px;
    right: -11px;
    padding: 5px;
    background: #dfe0e1;
    color: #1f1f28;
    border: 2px solid #1f1f28;
    border-radius: 5px;
    line-height: 0.5;
    transition: 0.2s;
}
.elem_header a.croix_sup:hover {
    transition:0.2s;
    background: #1f1f28;
    color:#fff;
}
.encadrementFormulaireInfo .ajout_onglet {
    width: calc(78% - 20px);
    margin-left:22%;
    padding-top: 50px;
    float: left;	
}

.add_onglet {
    border-bottom: 1px solid rgba(25, 25, 37, 0.8);
    margin-top: 1em;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.elem_header_right span {
    width: 65%;
    float: right;
}
.elem_header_right span input[type="text"] {
    width:100%;
    margin-bottom: 20px;
}

.logo-ui-state {
    border: none!important;
}
.encadrement_menu .titre_menu {
    width:30%;
    margin-left:35%;
    margin-right:35%;
    padding: 10px 0px;
    background:#1f1f28;
    color:#fff;
    float:left;
    text-align:center;
    position:relative;
    margin-bottom: 10px;
    margin-top: 5px;
}
.encadrement_menu .sous_titre_menu {
    width: 25%;
    margin-left: 37.5%;
    margin-right: 40%; 
    padding: 10px 0px;
    background: #1f1f28;
    color: #fff;
    float: left;
    text-align: center;
    margin-bottom: 5px;
}
.encadrement_menu .radio-tuto div {
    margin:0;
}
.encadrement_menu .ui-accordion {
    float:left;
    width:100%;
    margin: 0;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    font-size: 100%;
}
.ui-icon {
    vertical-align: middle;
    margin-top: 3px;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    float: right;
    margin-right: 10px;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.encadrementFormulaireInfo .ui-sortable input[type="submit"] {
    padding: 1px;
    width: 100px;
    margin-bottom: 30px;
}
/* AJUSTEMENT */
.header .btnorange{
    text-align:center;
    width:80px;
    float:right;
    margin-right:40%;
}
input.court{
    width:100%;
    float:left;
    margin:5px 0px;
}
.floatRight{
    float:right;
}
.floatLeft{
    float:left;
}
.taille100{
    min-width:100px;
    text-align:center;
}
.ajout_sport_jour_semaine {
    width:100%;
    float:left;
    background:#000;
}
.ajout_sport_jour_semaine img{
    float:left;
    padding:5px 0;
}
.ajout_sport_jour_semaine p{
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
}
.firstmargin{
    margin-top:0px;
}
input.creneau_debut{
    width:20%;
    float:left;
    margin: 0px 0px 0px 0px;
    margin-right:2%;
}
input.creneau_fin{
    width:20%;
    float:left;
    margin: 0px 0px 0px 0px;
}
.bloc_right_creneau{
    width:calc(75% - 4px);
    float:left;
    margin-left:0;
    margin-top:5px;
}
.bloc_left_creneau {
    width:25%;
    float:left;
    margin-top:5px;
}
.bloc_left_creneau .entour_creneau_left, .bloc_right_creneau .entour_creneau_right {
    float:left;
    width:100%;
    min-height:35px;
    height:35px;
    border-bottom: 1px solid #ccc;
    margin-bottom:5px;
}
.clearInput{
    width:100%;
    clear:both;
    margin-top:17px;
}
p.numero_creneau{
    width:10%;
    float:left;
    margin-top:0px;
}
p.numero_court_creneau{
    width:100%;
    float:left;
    margin-top:0px;
    font-weight:bold;
    font-size:14px;
}
.creneau_partie {
    width: 25%;
    float: left;
}
.creneau_partie .bloc_left_creneau {
    width:90%;
    margin-left:5%;
}
.creneau_partie .firstmargin {
    margin-top: 0;
}
.creneau_partie [type="checkbox"]:not(:checked) + label:not(.generateInvoiceLabel):not(.stagiaire_session_collapse):not(.ce_label_collapse), 
[type="checkbox"]:checked + label:not(.generateInvoiceLabel):not(.stagiaire_session_collapse):not(.ce_label_collapse)
{
    float:left;
    margin-bottom: 5px;
}
.creneau_partie [type="checkbox"]:not(:checked) + label.visible_membre, [type="checkbox"]:checked + label.visible_membre{
    margin-top:10px;
}

.creneau_partie .ajout_sport_jour_semaine p {
    text-align:left;
}
/*POPUP*/

.popover-content {
    background:#222;
    float: left;
    width: 100%;
}
.btn {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 10px 0;
    font-size: 14px;
    font-weight:bold;
    text-transform:uppercase;
    background:#f00;
    color: #fff;
    margin:20px 30px;
    width: 10%!important;
}
.btn:hover {
    background:#C00;
}
.btn-primary {
    background-color:#6d3ef4;
    margin-left: 38%;
    transition:0.2s;
}
.btn-primary:hover {
    background-color:#02b4db;
    transition:0.2s;
}
/*.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}*/
/*FIN POPUP*/
.taille90{
    width:90%;
}
a.supprim_creneau {
    float: left;
    margin-left: 0px;
    margin-right: 5px;
    color: #ee5b42;
    text-decoration: underline;
}
.radio-tuto h4{
    margin-left:30px;
}
.col_reserver_court p.annotation{
    margin-top:-10px;
    color:#6b6b89;
}
.calendrier_sport table tr.courts_disponibles p.plus_planning{
    text-align:center;
    font-weight:bold;
    font-size:20px;
    cursor:pointer;
}
.calendrier_sport table tr.courts_disponibles a.plus_planning {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    color:#fff;
}
.calendrier_sport table tr.tranche_horaires p.titre_sport_planning{
    font-weight:bold;
    font-size:24px;
    text-transform:uppercase;
}
/*
    .onoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #6d3ef4; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #1f1f28; color: #999999;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }
*/
.ajouter_joueur .radio-tuto{
    margin-left: 0;
}
.encadrementFormulaireInfo input[type="submit"].image_search_input {
    background:url('../../img/elements/icon-search.png');
    width: 24px;
    display: inline-block;
    cursor: pointer;
    background-repeat:no-repeat;
    margin-top:3px;
}  
.encadrementFormulaireInfo input.input_special_taille{
    width: 300px;
    margin: 0;
    margin-left: 15px;
    margin-right: 15px;
}
.encadrementFormulaireInfo input[type="submit"].remonte3px {
    margin-left: 3px;
}
.listing_dirigeant .radio-tuto div {
    margin: 2.5px 0px;
}
input.input_search_listing_fois{
    width: 50px;
    margin: 0;
    margin-left: 5px;
    margin-right: 5px; 
}
.listing_dirigeant .radio-tuto div.input_search_listing_text{
    margin-left: 5px !important; 
    margin-right: 5px !important; 
}
form.form_recherche_partenaire_creneau{
    background:#ccc;
    padding:5px;
    padding-top:20px;
}
form.form_recherche_partenaire_creneau p {
    margin-top:4px;
    margin-right:3px;
    margin-left:3px;
}
.reserver_un_court p.thisIs {
    margin-left:0;
    margin-top:10px;
    margin-bottom:10px;
}
.membre label {
    color:#fff;
}
a.paiement{
    background:none;
    width:40px;
    height:40px;
    float:left;
    background:url('../../img/elements/paiement1.png');
    background-size:cover;
    margin-left:2%;
}
a.paiement:hover{
    background:url('../../img/elements/paiement2.png');
    background-size:cover;
}
.supprim_paiement{
    color:#F00;
    float:right;
    cursor:pointer;
}
.copie_jour {
    background: #ccc;
    border-radius: 5px;
    width: 100%;
    padding: 10px 0px;
    margin-top: 20px;
    margin-bottom: -50px;
    min-height:50px;
    text-align: center;
}
.voile_noir {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 5000;
    background-color: rgba(0, 0, 0, 0.8);
}
.voile_noir p{
    text-align:center;
    float:left;
    width:100%;
    font-weight:bold;
    color:#fff;
    margin-top:70px;
    font-size:22px;
}
.encadrementFormulaireInfo input.cacher, .listing_gestion_club input.cacher {
    display:none;
}
h3.event_motifs{
    margin-left:5%;
    margin-top: 0px;
    margin-bottom:0;
    font-size:14px;
    color:#888;
}
h3.event_motifs + ul{
    margin-bottom:40px;
}
li.event_motifs {
    margin-left: 8%;
    color: #666;
    font-size: 12px;
    list-style:none;
}
li.event_motifs a.supp{
    color:#888;
    font-size:12px;
    text-decoration:underline; 
}
/************** Espace MEMBRE : liste a puce creneau *****************/
.reserver_un_court .colonne_creneau, .encadrementFormulaireInfo .colonne_creneau {
    width:30%;
    float:left;
    margin-right: 3.333333%;
}
.reserver_un_court .colonne_creneau {
    width: 18%;
    float: left;
    margin: 0 1px;
}
.radio-tuto .creneau {
    margin-left:15px;
}
span.asterix {
    color:#6d3ef4;
    font-weight:bold;
    font-size:16px;
}
p.asterix_txt {
    font-size:12px;
    font-style:italic;
    float:left;
    margin-bottom:10px;
}
a.btn_listing {
    float:left;
}
.entour_legende_planning {
    width: 100%;/*nouveau planning*/
    background: #1F1F28;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 30;
}
.evenement .entour_legende_planning {
    padding:10px;	
    width: 100%;
    position: fixed;
    bottom: 0;
}
p.legende_planning {
    float:left;
    font-size:12px;
    margin-right: 15px;
    color:#fff;
}
p.legende_planning img {
    float: left;
    width: 20px;
    margin-right: 5px;
    margin-left: 10px;
}
ul.list_evenement {
    margin-bottom:30px;
}
/************** Espace DIRIGEANT : popup modifier joueur *****************/
.popup_modif {
    min-width:70%;
    max-width:70%;
    min-height: 90%;
    max-height: 90%;
    background:#DFE0E1;
    overflow-y:scroll;
    margin:0 !important;
    padding:10px;
    border-radius:20px;
} 
.popup_modif_small {
    min-height: 50%;
    max-height: 50%;
}
.popup_modif h3 {
    color: #6d3ef4;
padding-left: 40px;
padding-top: 0;
margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 0;
margin-bottom: 20px;
}
.content_popup {
    width:100%;
    height:100%!important;
    position: absolute;
}
iframe.b-iframe {
    width:100%;
    height:100%!important;
    border: 0;
}
.encadrement_popup {
    width:calc(100% - 20px);
    margin-bottom:0;
}
.popup_sup_planning {
    width: calc(50% - 20px);
    padding: 10px;
    color: #fff;
    background: #1f1f28;
    left: 25% !important;
    top: 100px !important; 
}
.popup_sup_planning form {
    width:calc(100% - 40px);
    padding:20px;
}
.popup_sup_planning form p {
    float:left;
    margin-bottom:20px;
}
.popup_sup_planning form input[type=submit] {
    background: #fff;
    color: #1f1f28;
    text-transform: uppercase;
    border-radius: 2px;
    box-shadow: none;
    border: none;
    padding: 5px 15px;
    float: left;
    margin-top: 20px;
    cursor: pointer;
    transition:0.2s;
}
.popup_sup_planning form input[type=submit]:hover {
    transition:0.2s;
    color: #fff;
    background: #1f1f28;
}
.encadrement_popup h3.page_adminSport {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 10px;
    font-size: 20px;
}
.encadrement_popup .centre_form_ajouter_sport {
    width: 90%;
}
.encadrement_popup input[type="submit"] {
    margin-bottom:20px;
}
/************** RESTAURANT *****************/ 
.restaurant table {
    margin-left:5%;
    margin-top:40px;
    width:25%;
    float:left;
}
.restaurant table td.title {
    text-transform:uppercase;
    font-size:20px;
    text-align:center;
    width:10%;
}
.restaurant table td.day {
    width:90%;
    border-bottom:1px solid #1F1F28;
    cursor:pointer;
    transition:0.4s;
    padding: 0 10px;
}
.restaurant table td.day:hover {
    transition:0.4s;
    color:#fff;
    background:#1F1F28;
}
.restaurant table td.day img {
    width:15px;	
    float:right;
}
.contenu_listing_player  a.btn_gerer_abo, .contenu_listing_player  a.btn_gerer_abo_tennis , .contenu_listing_player  a.btn_modifier_joueur, .contenu_listing_player  a.btn_ajout_paiement  {
    width: 80%;
    padding: 3px 0;
    border-radius: 0;
    margin-top: 0;
    margin-right: 0;
    float: left;
    margin-bottom: 10px;
    font-size: 12px;
    background: #444;
    transition:0.4s;
    text-align:center;
}
.contenu_listing_player  a.btn_ajout_paiement {
    text-align:left;
    padding: 6px 0;
    text-decoration: none;
}
.contenu_listing_player  a.btn_ajout_paiement i {
    margin-left:8px;
    margin-right:8px;
}
.contenu_listing_player  a.btn_gerer_abo:hover, .contenu_listing_player  a.btn_modifier_joueur:hover, .contenu_listing_player  a.btn_gerer_abo_tennis:hover, .contenu_listing_player  a.btn_ajout_paiement:hover {
    transition:0.4s;
    background:rgba(4, 4, 4, 0.5);
}
a.btnsupjoueur {
    background:#d80027;
    transition:0.4s;
}
a.btnsupjoueur:hover {
    opacity:0.7;
    background:#d80027;
    transition:0.4s;
}
.popup_gerer_abo, .popup_gerer_abo_tennis {
    min-height: 70%;
    max-height: 70%;
}
.contenu_listing_player a.btnsession {
    width:30%;
}
.select_flitre_jeune {
    width:86%;
}
.select_flitre_jeune select {
    width:120%;
    background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 80% 5px;
}
.margin_renseignement_entrainement {
    margin-top:60px; 
}
.form_modif_club p.thisIsFloat {
    width: 90%;
    margin-left: 5%; 
    margin-top: 9px;
}
.form_modif_club input {
    width:75%;  
}
.form_modif_club .http_url {
    width: calc(10% - 8px);
}
.form_modif_club input.input_url {
    width: calc(40% - 2px);
}
.form_modif_club input.input_url2 {
    width: calc(65% - 2px);
    border-right:none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.form_modif_club .end_url {
    width: calc(25% - 8px);
}
.form_modif_club .btn_annul_form {
    background:#d80027;
    transition: 0.4s;
    margin-left: 0;
    padding: 4px;
    width: 90px;
    float: left;
    margin-top: 0;
}
.form_modif_club .btn_annul_form:hover {
    transition: 0.4s;
    opacity:0.7;
    background:#d80027;
}
span.jplus_first {
    margin-left: calc(50% - 500px);
}
span.jplus_first_partie {
    margin-left: calc(50% - 375px);
}
span.jplus {
    float: left;
    margin-top: 10px;
    color: #444;
    text-decoration: underline;
    cursor: pointer;
    width: 250px;
    margin-bottom: 30px;
    font-size: 16px;
}
.entour_jplusbis {
    float: left;
    width: 100%;
    margin-left: 20%;
}
span.jplusbis {
    float: left;
    margin-top: 10px;
    color:#191925;
    cursor: pointer;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: center;
    transition: 0.4s;
    font-weight: 100;
    width: 60px;
    height: 60px;
    line-height: 4;
    position: relative;
    background: #fff;
    margin: 1px;
}

span.jplusbis_first{
    margin-left:10px;
}
span.jplusbis:hover {
    transition:0.4s;
    color:#fff;
    background:#666;
}
span.active_jplusbis {
    color: #fff;
}
span.jmoins {
    float: left;
    margin-top: 50px;
    color: #444;
    text-decoration: underline;
    cursor:pointer;
    width: 200px;
}
span.jmoins i {
    margin-right:10px;
}
span.jplus i {
    margin-left:10px;
}
.lettre_select{
    color:#f60;
}
.alphabet{
    font-weight:bold;
    cursor:pointer;
    transition:1s;
    margin-left: 15px;
    text-transform:uppercase;
}
.alphabet:hover{
    color:#f60;
    transition:1s;
}
table.court_fixe {
    float: left;
    margin: 0px;
    width: 3%;
    margin-top: -10px;
}
table.court_fixe td.court {
    float: left;
    margin: 1px 0;
    width: 150px;
    height: 25px;
    padding: 18.5px 0px;
    min-width: 0;
}
table.court_fixe p.titre_sport_planning{
    font-weight:bold;
    font-size:20px;
    text-transform:uppercase;
    float:left;
    width:100%;
    text-align:center;
}
table.court_fixe td.sport {
    width: 100%;
    float: left;
    text-align: center;
}
.calendrier_sport table tr.courts_disponibles p.affiche_horaire_debug{
    text-align: center;
    font-size: 10px;
    line-height: 0.5;
    color: #555;
}
#voileempechedbclick, #loader_gs{
    background-color: rgba(0, 0, 0, 0.9);
    position:fixed;
    z-index:99999;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
}
#voileempechedbclick p, #loader_gs p{
    color:#fff;
    font-weight:bold;
    width:100%;
    margin-top:100px;
    font-size: 30px;
    text-align:center;
}
#voileempechedbclick p i, #loader_gs p i {
    margin-top: 15px;
    font-size: 100px;
    color: #6d3ef4;
}
#voileempechedbclick img, #loader_gs img{
    width:200px;
    margin-top:20px;
    margin-left:calc(50% - 100px);
}
.popup_choix_hebdo .encadrementFormulaireInfo p.thisIs {
    text-align:left!important;
    font-size:12px!important;
    margin-top: 7px;
}
.popup_choix_hebdo input[type=submit] {
    margin-left: calc(50% - 100px);
    float: left;
    background: #F60;
    color: #fff;
    text-decoration: none;
    width: 200px;
    text-align: center;
    padding: 8px 0;
    border-bottom: 2px solid #F60;
    transition: 0.2s;
    text-decoration:none;
}
.popup_olivier input[type=submit]:hover, .popup_olivier input[type=submit]:active {
    background:#fc893c;
    transition:0.2s;
    text-decoration:none;
}
.popup_choix_hebdo .encadrementFormulaireInfo {
    width: calc(90% - 20px);
    float: left;
    margin-left: 5%;
}
.contenu_listing_player span.ouvre_participant {
    width: 10px;
    height: 15px;
    float: left;
    background: url('../../img/elements/fleche_develop.png') no-repeat 0 0;
    cursor: pointer;
    margin: 13px 0px 0 10px;
}
.contenu_listing_player .participants .entour_btn_suite {
    cursor:pointer;
}
p.deja_inscrit_participant {
    color:#fff;
    font-size:14px;
    margin-left:20px;
}
.accordeon_commercial{
    float: left;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-top: 30px;
}
input.input_type_p {
    background: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
a.modif_nom_court {
    color: #fff;
    padding: 2px 10px;
    background: #ee5b42;
    margin-bottom: 10px;
    float: left;
    border-radius: 4px;
    margin-left: 5px;
}
form.modif_court_admin {
    float:left;
    width:40%;
    margin-left:30%;
}
form.modif_court_admin p {
    width:100%;
    float:left;
    margin-bottom: 5px;
}
form.modif_court_admin input[type=text]{
    width: calc(100% - 12px);
    box-shadow: none;
    border: 1px solid #1f1f28;
    height: 30px;
    padding: 0px 0px 0 10px;
}
form.modif_court_admin input[type=submit]{
    box-shadow: none;
    border: none;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100px;
    background:
        #ee5b42;
    color:
        #fff;
    padding: 6px 5px;
    cursor: pointer;
    transition: 0.2s;
}
form.modif_court_admin input[type=submit]:hover {
    transition:0.2s;
    background: #F47159;
}
/*CONNEXION ESPACE COMMERCIAL*/

.commercialconnexion { 
    background-image: url("../../img/background/squash.jpg") ;
    background-size: cover;
    display: block;
    width: auto;
    height: auto;
}

.commercialconnexion header{
    background: none;
    display:flex;
    justify-content: center;
    box-shadow: none;
    position: relative;
    height: 10%;
}
.commercialconnexion header img{
    margin: 5px;
    align-items: center;
}    
.login-page {
    width: 33rem;
    padding: 5px 0 0;
    margin: auto;
    background:#54546C !important;
    border-radius: 10px;
}
.login-page h1 {
    color:#fff;
    text-align:center;
    font-weight:bold;
    margin: 10% 0 0;
}
.login-page .invalide {
    padding-bottom: 10%;
}

.login-page h2 {
    font-size:18px;
    font-weight:normal; 
    color:#fff;
    margin-top: 0;
    text-align:center;
}
.login-page form {

    max-width: 350px;
    padding:  0 4rem 5.5rem 4rem;
    text-align: center;
    box-shadow: none;
}
.login-page .alert{
    width: 100%;
    height: 5rem;
}

.login-page form input {
    outline: 0;
    background: #FFF;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.login-page form button {
    text-transform: uppercase;
    outline: 0;
    background: #f89520;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}
.login-page form button:hover,.form button:active,.form button:focus {
    background: #f89520;
}
.login-page form input[type=submit] {
    background:#21427C;
    color:#fff;
    text-transform:uppercase;
    transition:0.4s;
    border-radius: 18px;
    min-width: 160px
}
.login-page form input[type=submit]:hover {
    background:#333333;
    color:#fff;
    transition:0.4s;
    cursor: pointer;
}
.login-page .oublie {
    text-decoration: none;
    color: #FFFFFF;
}
.login-page .oublie:hover{
    color:#21427C;
}
.content_inscription .formulaire_inscription a {
    color:#6d3ef4;
}
img.star_yellow{
    width:15px;
    float:left;
}
span.star_notation:hover{
    background:url(https://www.gestion-sports.com/img/elements/star.png) no-repeat ;
    min-width:15px;
    min-height:15px;
    background-size:15px;
}
span.star_notation:hover img  {
    opacity:0;
}
option.select_star{
    background:url(https://www.gestion-sports.com/img/elements/star.png) no-repeat ;
    background-size:15px;
    background-position: right;
    text-align:center
}
.selected_reserver_court .etoiles{
    width:50px;
}
.ranking .ligne .selected_etoiles {
    height: 16px;
    color: #000;
    background: #dfe0e1;
    width: 50px;
    text-align: center;
}
.ranking .ligne .selected_etoiles select {
    background: #dfe0e1 url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 30px 5px;
    color: #666;
    width: 75px;
}
.ranking .ligne .selected_etoiles {
    height: 18px;
    color: #000;
    background: #dfe0e1;
    width: 50px;
    text-align: center;
    padding: 2px;
    margin-left: 10px !important;
    margin-right: 10px !important;
}
/* * Rating styles **/
.rating_2, .rating_no_change {
    width: 150px;
    margin: 0;
    font-size: 20px;
    overflow: hidden;
    float: none;
}
.rating_2 a, .rating_no_change {
    float:right;
    color: #aaa;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}
.rating_2 a{
    color: #999 !important;
}
.rating_2 a:hover,
.rating_2 a:hover ~ a,
.rating_2 a:focus,
.rating_2 a.submit_star:focus ~ a,
a.ratingselect ~ a,
a.ratingselect{
    color: orange !important;
    cursor: pointer;
    text-decoration: none;
}
.rating2_2, .rating_no_change {
    direction: rtl;
}
.rating2_2 a, .rating_no_change a {
    float:right;
}
.rating_2 .paire, .rating_no_change .paire{
    margin-right:5px;
}
.rating_no_change .paire{
    margin-right:0px;
}
.rating_no_change a:hover{
    cursor:default;
}
.rating_cp_dirigeant{
    float:left;
    width:230px;
    margin-top: 10px;
    margin-left: 10px;
}
.parties_membre .personnes_dans_la_parties .rating_cp_dirigeant {
    float: left;
    margin-top: 0px;
    width: 170px;
    margin-left: calc(50% - 95px);;
}
.rank_listing .rating_cp_dirigeant {
    float: left;
    width: auto;
    margin-top: 0px;
}
#affiche_listing .rank_listing .rating_no_change a.submit_star {
    transition:0.2s;
    cursor:pointer;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}
#affiche_listing .rank_listing .rating_no_change a.submit_star:hover,
#affiche_listing .rank_listing .rating_no_change a.submit_star:hover ~ a,
#affiche_listing .rank_listing .rating_no_change a.submit_star:focus,
#affiche_listing .rank_listing .rating_no_change a.submit_star:focus ~ a
{
    color: orange;
    cursor: pointer;
}
/************* CREATION DE PARTIES ESPACE DIRIGEANT *************/
.bgplusfonce {
    background: #888;
    padding: 10px 0px;
    color: #fff;
}
a.supprim_niveaux {
    color: #fff;
    float: left;
    font-size: 15px;
    margin-left: 10px;
    background: #c10000;
    border-radius: 5px;
    text-align: center;
    margin-top: 16px;
    line-height: 9px;
    padding: 5px;
}
.parties{
    width:90%;
    float:left;
    margin-left:5%;
    background: #191925;
    padding: 10px 0px;
    margin-bottom: 5px;
}
.plus_de_courts_dispo{
    background-color: rgba(113, 27, 27, 1);
    /*background-color: rgba(25, 25, 37, 0.7);*/
    opacity:0.7;
}
.plus_de_courts_dispo span.type_courts span.type_court_dispo{
    background: #c10000;
}
.infos_crea_parties{
    float:left;
    width:30%;
} 
p.horaires_crea_parties{
    margin-left:30px;
    color:#fff;
}
.personnes_dans_la_parties{
    float:left;
    width:70%;
}
.personnes_dans_la_parties i.fa-times-circle {
    color: #d80027;
    cursor: pointer;
    padding: 8px;
    font-size: 16px;
    position: absolute;
    left: calc(50% + 10px);
    top: -10px;
}
.bloc_avatar{
    width:20%;
    float:left;
    position:relative;
}
.personnes_dans_la_parties .bloc_avatar .avatar{
    width:60px;
    height:60px;
    overflow:hidden;
    border-radius:50%;
    margin-left: calc(50% - 30px);
}
.personnes_dans_la_parties .bloc_avatar .avatar img{
    float:left;
    width: 100%;
    max-width: none;
    min-height: 60px;
}
.personnes_dans_la_parties .bloc_avatar .avatar img:hover{
    cursor:pointer;
    opacity:0.5;
}
.personnes_dans_la_parties .bloc_avatar .avatar_2 img:hover{
    cursor:pointer;
    opacity:1;
}
p.personne_crea_partie {
    color:#fff;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 5px;
    text-align:center;
}
p.personne_crea_partie_resa {
    text-align:left;
}
.liste_reservation .rating_cp_dirigeant {
    width: 195px;
}
.listing_crea_parties{
    margin-bottom:0;
    padding-bottom:0;
}
.listing_crea_parties fieldset{
    margin-bottom:0;
    padding-bottom:0;
}
.listing_crea_parties .radio-tuto .label-radio{
    top:0px;
}
.listing_crea_parties input {
    margin-top: -2px;
    max-width:none;
}
/************* CREATION DE PARTIES ESPACE MEMBRES *************/
.change_avatar{
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    margin-left: calc(50% - 30px);
}
.change_avatar img {
    width: 150% !important;
    margin-left: -25% !important;
    max-width:none;
    min-height: 100%;
}
.change_avatar input{
    opacity:0;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:500;
    height:100%;
}
.avatar_profil {
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    float: left;
    position: relative;
    margin-left: 20px;
}
.avatar_profil:hover {
}
.avatar_profil img {
    float: left;
    width: 100% !important;
    max-width: none;
    min-height: 100%;
}
.membre .fileuploader {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.membre .fileuploader-theme-onebutton .fileuploader-input {
    width: 100%;
    height: 100%;
}
.membre .fileuploader-input-button {
    width: 100%;
    height: 100%;
}

form[name=form_avatar] p{
    text-align:center;
}
.parties_membre {
    background: #000; /*191925 auparavant*/
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 10px 0px;
}
.parties_membre  p.horaires_crea_parties{
    float:left;
    width:20%;
    margin-bottom: 10px;
}
.parties_membre .personnes_dans_la_parties{
    float:left;
    width:76%;
}
p.date_crea_partie{
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
    float: left;
}
.entour_creneau p.nav_date_partie {
    cursor: pointer;
    background: #444;
    float: left;
    padding: 5px 15px;
    transition: 0.2s;
    margin-right: 10px;
    margin-bottom: 20px;
    color:#fff;
}
.liste_session  p.txt_evenement {
    color:#fff;
}
.entour_creneau p.nav_date_partie:hover,
.entour_creneau p.nav_date_select {
    background: #6d3ef4;
    transition: 0.2s;
}
p.date_crea_partie span {
    width: 22px;
    height: 30px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    float: left;
}
p.date_crea_partie i {
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    color: #6d3ef4;
}
p.date_crea_partie input {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.membre .overlay_partner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9000;
}
.membre .popup_crea_partie {
    position: fixed;
    background: #1f1f28;
    padding: 30px;
    top: 5%;
    width: calc(50% - 60px);
    left: 25%;
    z-index: 9000;
    max-height: calc(90% - 60px);
    overflow-y: scroll;
}
.membre .exception_sans_bg{
    background: none;
}
.membre .popup_crea_partie a {
    color:#6d3ef4;
} 
.membre .popup_crea_partie i.close {
    position: absolute;
    right: 0;
    top: 0;
    padding:20px;
    font-size:25px;
    cursor: pointer;
    color: #fff;
}
.membre .popup_crea_partie p {
    font-size:16px;
}
.membre .popup_crea_partie p.attention_partenaire {
    font-size:14px;
    margin-left: 0;
    margin-top: 15px;
    width:calc(100% - 20px);
}
.membre .popup_crea_partie_small {
    padding: 20px;
}
.membre .popup_crea_partie_small p {
    font-weight: normal;
    margin: 0;
}
.membre .popup_crea_partie fieldset {
    padding:0;
    margin:0;
}
.membre .popup_crea_partie input[type=text] {
    padding:5px;
    width:calc(100% - 10px);
    height: 20px;
}
.membre .popup_crea_partie input[type=submit] {
    width:100%;
    float:left;
}
p.sport_crea_partie{
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
.qui_suis_je p.ranking_star {
    width: 105px;
    margin-top: 0;
    font-size: 12px;
    text-transform: lowercase;
}
.qui_suis_je .mon_ranking_star {
    float: left;
    width: 90%;
}
.qui_suis_je .rating_cp_dirigeant {
    float: left;
    width: 160px;
}
.qui_suis_je .rating_no_change {
    margin-top: 0;
    width: auto;
    font-size: 13px;
}
.bloc_avatar .rating_no_change{
    font-size: 14px;
    margin-left: calc(50% - 125px);
}
.rating_mon_compte{
    font-size: 16px;
    margin-left: 0;
    float: left;
   
    margin-top: 0;
}
p.rank_p_compte{
    float:left;
    margin-right: 15px;
}
.col25compte .mon_ranking_star {
    float:left;
    width:100%;
}
.my_rank_in_my_compte{
    margin-top:30px;
}
p.indic_resa {
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.liste_reservation .avatar {
    width: 75px;
    border-radius: 50%;
    overflow: hidden;
    height: 75px;
}
.liste_reservation .avatar img {
    width: 150%;
    margin-left: -25%;
    max-width: none;
}
.listing_crea_parties .entour_filtre {
    width: calc(100% + 40px);
    float: left;
    margin-top: 10px !important;
    margin-left: -20px !important;
}
.listing_crea_parties .entour_filtre .filtre_joueur {
    float: left;
    width: 200px;
}
.popup_ajout_participant_data { 
    min-height: 50%;
    max-height: 50%;
}
form.exp_sms {
    width:100%; 
    float:left;
}
form.exp_sms p span {
    font-size:12px;
    font-style:italic;
}
form.exp_sms input[type="text"] {
    width:30%;
}
form.exp_sms input[type="submit"] {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    width: 50px; 
}
.contenu_listing_player a.btnorange_nomarge {
    margin-top:30px;
}
.parties_membre a.btn_retire_partie {
    font-size: 12px;
    width: 140px;
    margin-left: 10px;
    float: left;
    padding: 5px;
    margin-top:0
}
.parties_membre .bloc_avatar a.btn_retire_partie {
    margin-left: calc(50% - 63px);
}
.parties_membre .col20 p.horaires_crea_parties {
    width:calc(100% - 30px);
}
.mes_reservations a.btnresa_cours {
    float:left;
    margin-bottom:10px; 
}
.col20resa a.btnannulresa {
    float:left;
}
.parnter_resa_2 {
    float:left;
    width:100%;
    margin-bottom: 10px;
}
.parnter_resa_2 .avatar {
    width: 50px;
    height: 50px;
    float:left;
    margin-right:10px;
}
.parnter_resa_2 .rating_cp_dirigeant {
    width: 130px;
    font-size: 14px;
    float: left;
    display: grid;
    grid-template-columns: 11px 15px 11px 15px 11px 15px 11px 15px 11px 15px;
}
footer.connexion{
    position:fixed;
    width:100%;
    text-align:center;
    background:#222;
    bottom:0;
    height:40px;
    padding-top:10px;
    left:0;
}
footer.connexion a{
    color:#fff;
}
form.notice_notation{
    margin-top:40px;
    margin-bottom:40px;
}
.avatar_listing {
    margin-right: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
.rank_listing{
    margin-top: 20px;
    float: left;
    width: 100%;
}
.rank_listing .mon_ranking_star {
    float: left;
    width: 100%;
}
#affiche_listing .rank_listing {
    margin-top:0;
}
#affiche_listing .rank_listing .mon_ranking_star {
    margin-bottom:5px;
}
#affiche_listing .rank_listing .mon_ranking_star p.rkg_sports {
    float:left; 
    font-style:italic;
    width: auto; 
}
.colext_avatar_listing{
    float: left;
    width:70%;
}
p.rank_p_compte_listing {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    width: auto;
}
/*NOUVEAU PLANNING*/
.calendrier_sport_new{
    width: 100%;
    float: left;
}
.calendrier_sport_new table tr.courts_disponibles p {
    color:fff;
    text-align: left;
    font-size: 11px;
    line-height: 2.0;
    text-transform: uppercase;
}
.calendrier_sport_new table.first{
    border:none;
    width:100%;
    table-layout: fixed;
    min-width: 100%;
}
.calendrier_sport_new .icone_profil_bleu, .calendrier_sport_new .icone_profil_violet, .calendrier_sport_new .icone_profil_orange, .calendrier_sport_new .icone_profil_rouge, .calendrier_sport_new .icone_profil_blanc{
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 0;
    margin-right: 1px;
    margin-top: 0px;
}
.calendrier_sport_new .icone_profil_bleu{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat 0px 0px;
    background-size:60px;
}
.calendrier_sport_new .icone_profil_violet{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -12px 0px;
    background-size:60px;
}
.calendrier_sport_new .icone_profil_orange{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -24px 0px;
    background-size:60px;
}
.calendrier_sport_new .icone_profil_rouge{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -36px 0px;
    background-size:60px;
}
.calendrier_sport_new .icone_profil_blanc{
    background: url('../../img/dirigeant/sprite-profil.png') no-repeat -48px 0px;
    background-size:60px;
}
.calendrier_sport_new td.non_dispo {
    opacity:1;
}
.calendrier_sport_new .supprim_reservation {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #c10000;
    font-weight: bold;
    background: #fff;
    width: 20px;
    text-align: center;
    font-size: 15px;
    cursor:pointer;
}
.calendrier_sport_new table td.court{
    background: #000;
    color: #FFF;
}
.calendrier_sport_new tr.tranche_horaires td.dispo .court {
    color: #000;
    font-weight: 600;
    margin-top: 2.5px;
    text-align:left;
    font-size: 10px;
    width: 100%;
    float:left;
    min-height: 140px;
    position:relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.calendrier_sport_new tr.tranche_horaires td.non_dispo .court {
    background: #999;
    color: #fff;
    font-weight: 600;
    margin-top: 2.5px;
    text-align:left;
    font-size: 10px;
    min-height: 90px;
    width: 100%;
    float:left;
}
.calendrier_sport_new .entour_joueur {
    width:100%;
    float:left;
    margin-bottom: 15px;
}
.btn_voir_fiche_joueur {
    cursor: pointer;
}
.btn_voir_fiche_club {
    cursor: pointer;
}
.calendrier_sport_new .entour_joueur p {
    width:100%;
    padding:2px;
    font-size:9px;

    text-transform: uppercase;
}
.calendrier_sport_new .entour_joueur p.affiche_repas {
    margin-top: 5px;
    position: absolute;
    right: 5px;
    bottom: 2px;
    width: auto;
}
.calendrier_sport_new .entour_joueur p.affiche_repas i {
    margin-left: 5px;
    font-size: 16px;
    margin-right: 3px;
}
.calendrier_sport_new table.first tr.tranche_horaires td.sport {
    font-size:15px;
    font-weight:bold;
    padding: 0px;
    text-align: left;
    width: 7%;
}
.calendrier_sport_new table.first tr.tranche_horaires td.court {
    background: #000;
    color: #FFF;
    border: 1px solid #000;
    font-size: 11px;
    font-weight: bold;
}
.calendrier_sport_new table.first tr.tranche_horaires td.horaires {
    width: 100px;
    text-align: left;
    padding: 0px;
    width:4%;
}

.calendrier_sport_new table.first tr.tranche_horaires td.reservation .court a {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 100%;
    padding: 10px 0;
}
.calendrier_sport_new tr.tranche_horaires td.dispo .court_grise{
    background:#ccc;
}
a.ajout_paiement{
    font-size:10px;
    color:#888;
    text-decoration:underline;
}
.calendrier_sport_new table p.affiche_horaire_debug{
    text-align: center;
    font-size: 10px;
    line-height: 1;
    color: #555;
    margin-bottom: 8px;
    font-style:italic;
}
.calendrier_sport_new table.first tr.tranche_horaires td.reservation .court a.plus_planning {
    text-align:center;
}
.planning_dirigeant a.choix_sport_planning, .listing_crea_parties a.choix_sport_planning {
    float: left;
    width: 110px;
    padding: 20.5px 0;
    background: #fff;
    color: #191925;
    margin-right: 1px;
    text-align: center;
    transition: 0.2s;
    font-size: 13px;
    padding: 2vh 1vw !important;
}
.planning_dirigeant a.choix_sport_planning:hover, .listing_crea_parties a.choix_sport_planning:hover {
    background:#666;
    transition:0.2s;
}
.listing_crea_parties a.choix_sport_planning_select {
    background: #6d3ef4;
}
/****************** COULEUR PLANNING SPORT *****************
#6d3ef4-->Tennis
#0ba833--> squash
#c958dd-->Padel
#6d7d9a-->Beach
#96772c-->Tennis de table
#a3cba0-->Badmintion 
#eba8c9-->Petanque
#0c8fac-->Futsal
#c85523-->Jorkyball
#cbc22d-->Golf
#cb83c0-->Pala
**
h4.color_sport_planning_Tennis {
        color:#6d3ef4!important;
}
.bg_sport_planning_Tennis {
        background:#6d3ef4!important;
}
.planning_hover_span_Tennis:hover {
        background:#6d3ef4!important;
}
.hover_choix_planning_Tennis:hover {
        background:#6d3ef4!important;
        transition:0.2s;
}
h4.color_sport_planning_Squash {
        color:#0ba833!important;
}
.bg_sport_planning_Squash {
        background:#5d9b4f!important;
}
.planning_hover_span_Squash:hover {
        background:#5d9b4f!important;
}
.hover_choix_planning_Squash:hover {
        background:#5d9b4f!important;
        transition:0.2s;
}
h4.color_sport_planning_Padel {
        color:#826d9a!important;
}
.bg_sport_planning_Padel {
        background:#826d9a!important;
}
.planning_hover_span_Padel:hover {
        background:#826d9a!important;
}
.hover_choix_planning_Padel:hover {
        background:#826d9a!important;
        transition:0.2s;
}
h4.color_sport_planning_Beach {
        color:#6d7d9a!important;
}
.bg_sport_planning_Beach {
        background:#6d7d9a!important;
}
.planning_hover_span_Beach:hover {
        background:#6d7d9a!important;
}
.hover_choix_planning_Beach:hover {
        background:#6d7d9a!important;
        transition:0.2s;
}
h4.color_sport_planning_Tennis_de_table {
        color:#96772c!important;
}
.bg_sport_planning_Tennis_de_table {
        background:#96772c!important;
}
.planning_hover_span_Tennis_de_table:hover {
        background:#96772c!important;
}
.hover_choix_planning_Tennis_de_table:hover {
        background:#96772c!important;
        transition:0.2s;
}
h4.color_sport_planning_Badminton {
        color:#a3cba0!important;
}
.bg_sport_planning_Badminton {
        background:#a3cba0!important;
}
.planning_hover_span_Badminton:hover {
        background:#a3cba0!important;
}
.hover_choix_planning_Badminton:hover {
        background:#a3cba0!important;
        transition:0.2s;
}
h4.color_sport_planning_Pétanque {
        color:#eba8c9!important;
}
.bg_sport_planning_Pétanque {
        background:#eba8c9!important;
}
.planning_hover_span_Pétanque:hover {
        background:#eba8c9!important;
}
.hover_choix_planning_Pétanque:hover {
        background:#eba8c9 !important;
        transition:0.2s;
}
/*
h4.color_sport_planning_Futsal {
        color:#0c8fac!important;
}
.bg_sport_planning_Futsal {
        background:#0c8fac!important;
}
.planning_hover_span_Futsal:hover {
        background:#0c8fac!important;
}
.hover_choix_planning_Futsal:hover {
        background:#0c8fac !important;
        transition:0.2s;
}
h4.color_sport_planning_Foot {
        color:#c85523!important;
}
.bg_sport_planning_Foot {
        background:#c85523!important;
}
.planning_hover_span_Foot:hover {
        background:#c85523!important;
}
.hover_choix_planning_Foot:hover {
        background:#c85523 !important;
        transition:0.2s;
}
h4.color_sport_planning_Golf {
        color:#cbc22d!important;
}
.bg_sport_planning_Golf {
        background:#cbc22d!important;
}
.planning_hover_span_Golf:hover {
        background:#cbc22d!important;
}
.hover_choix_planning_Golf:hover {
        background:#cbc22d !important;
        transition:0.2s;
}
h4.color_sport_planning_Pala {
        color:#cb83c0!important;
}
.bg_sport_planning_Pala {
        background:#cb83c0!important;
}
.planning_hover_span_Pala:hover {
        background:#cb83c0!important;
}
.hover_choix_planning_Pala:hover {
        background:#cb83c0 !important;
        transition:0.2s;
}
/****************** COULEUR PLANNING SPORT ******************/
.listing_crea_parties a.choix_sport_planning {
    position:relative; 
}	
.listing_crea_parties a.choix_sport_planning input {
    position:absolute;
    top:0;
    left:0;
}	
.listing_crea_parties a.choix_sport_planning label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    height: 100%;
    opacity: 0;
}
.planning_dirigeant form.choisir_date, .listing_crea_parties form.choisir_date {
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
}
.planning_dirigeant form.choisir_date input, .listing_crea_parties form.choisir_date input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    margin: 0;
    opacity:0;
    position:absolute;
    top:0;
    cursor:pointer;
    left:0;
}
.planning_dirigeant form.choisir_date img, .listing_crea_parties form.choisir_date img {
    width:100%;
    height:100%;
    margin-top: 10px;
}
.reserver_clic_new {
    float: right;
    position: static;
    margin-bottom: 10px;
    margin-right: 30px;
}
.content h4.today {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
    float: right;
    width: calc(100% - 900px);
}
/*NEW POPUP DE CONFIRMATION*/
.popup_olivier{
    max-height: 80vh;
    overflow-x: auto;
    position:fixed;
    width:40%;
    left:30%;
    background:#fff;
    z-index: 9999;
    top: 100px;
    border: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}
.commercial .popup_flex{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.commercial .popup_olivier{
    background: #54546C;
    border-radius: 10px;
}
.commercial .popup_olivier p{
   
    font-weight: bold;
    margin-left:0;
    font-size: 1.8rem;
}
.commercial .popup_olivier a {
    width: 11rem;   
    margin-bottom: 0.2rem;
    background: #21427C;
    border-bottom: none;
    border-radius: 0px 0px 10px 10px;
}
.commercial .popup_olivier a:hover{
    background: #0b3071;
}

.commercial .popup_olivier a.annuler{
    background: #cccccc24;
    margin-top: 1rem;
}
.commercial .popup_olivier a.valide_sup_club {
    border-radius: 10px;
}

/*PUBS ET PARTENAIRES*/
.pubs_partenaires {
    float:left;
    width: calc(100% - 10px);
    position:relative;
}
.pubs_partenaires p.bloc_pub {
    width: calc(25% - 20px);
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    color: #fff;
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    height: 90px;
    transition: 0.2s;
    -webkit-box-shadow: 0 0 2px 0 #fff;
    box-shadow: 0 0 2px 0 #fff;
    box-sizing: border-box;
    margin-bottom:0;
    border-radius:10px;
}
.chiffres_stats p.bloc_pub {
    width: 150px;
    float: left;
    margin-top: 20px;
    color: #fff; 
    background: #1b1e24;
    cursor: pointer;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    transition: 0.2s;
    -webkit-box-shadow: 0 0 2px 0 #fff;
    box-shadow: 0 0 2px 0 #fff;
    margin-right: 15px;
    margin-bottom: 30px;
}
.chiffres_stats p.active_bloc_pub {
    background: #6d3ef4;
}
.pubs_partenaires p.bloc_pub i {
    float:left;
    width:100%;
    margin-bottom:10px;
    font-size: 20px;
}
.pubs_partenaires p.bloc_jaune {
    background:#fabf48;
}
.pubs_partenaires p.bloc_red {
    background:#f096bf;
}
.pubs_partenaires p.bloc_blue {
    background:#4895fa;
}
.pubs_partenaires p.bloc_purple {
    background:#6d3ef4;
}
.pubs_partenaires p.bloc_orange {
    background:#ff6d3b;
}
.pubs_partenaires p.bloc_green {
    background:#45B524;
}
.pubs_partenaires p.bloc_pub:hover, .chiffres_stats p.bloc_pub:hover {
    transition:0.2s;
    -webkit-box-shadow: 0 0 2px 0 #444;
    box-shadow: 0 0 2px 0 #444;
}
.chiffres_stats {
    position:relative;
}
.pubs_partenaires h4, .chiffres_stats h4  {
    font-family: 'CicleSemi';
    font-size: 22px;
    text-align:center;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
}
.pubs_partenaires h4 i, .chiffres_stats h4 i {
    font-size:18px;
}
.pubs_partenaires a.retour, .evenement a.retour, .chiffres_stats a.retour, a.retour {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  background: #6d3ef4;
  color: #fff;
  border-radius: 20px;
  transition: 0.2s;
  margin-top: 20px;
}
.ajust_btn_left_new_style {
    margin-left:calc(210px + 1%) !important;
}
.histo_debit a.retour  {
    float:left;
    padding: 5px 10px;
    background: #e2e1e1;
    color: #444;
    border-radius: 4px;
    transition:0.2s; 
}
.pubs_partenaires a.retour:hover, .evenement a.retour:hover, .chiffres_stats a.retour:hover {
    transition:0.2s;
    opacity:0.65;
}
.ce_pub h4, .new_restaurant .menus h4 {
    color:#ebc750;
}
.promo_pub h4, .biblio h4, .chiffres_affaire h4, .chiffres_part h4 {
    color:#a4052e;
} 
.namming_pub h4, .chiffres_membre h4, .chiffres_resa h4, .chiffres_partie h4, .new_restaurant .ouverture h4  { 
    color:#6d3ef4;
} 
.pub_court h4, .pub_site h4, .chiffres_repas h4, .chiffres_evenement h4 { 
    color:#6d3ef4;
}  
.part_membre h4, .part_connexion h4, .new_restaurant .reservation h4 { 
    color:#ee5b42;
}
.ce_pub .listing_gestion_club p.nom {
    width: 15%;
    float: left;
    border: 0;
    margin-top: 0px;
    text-align: left;
    padding-left: 5px;
    border-right: 2px solid #FFF;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
}
.ce_pub .listing_gestion_club p.telephone, .ce_pub .listing_gestion_club p.contact {
    width: 25%;
    float: left;
    border: 0;
    margin-top: 0px;
    text-align: left;
    padding-left: 5px;
    border-right: 2px solid #FFF;
    font-size: 12px;
    line-height: 1;
}
.ce_pub .listing_gestion_club p.email {
    width: calc(28% - 22px);
    float: left;
    border: 0;
    margin-top: 0px;
    text-align: left;
    padding-left: 5px;
    font-size: 12px;
    line-height: 1;
}
.ac-container{
    width: 100%;
    margin: 0;
    text-align: left;
    margin-bottom: 40px;
    margin-top:20px;
}
.ac-container input[type="checkbox"] + label {
    float: none;
    padding: .5em .5em .5em .7em;
    padding-right: 30px;
    margin-left: 0;
}
.ac-container [type="checkbox"]:not(:checked) + label::before {
    content: none;
}
.ac-container [type="checkbox"]:not(:checked) + label::after {
    opacity: 1;
    transform: none;
    left: initial;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 5px;
    top: 11px;
    background: url('../../img/dirigeant/arrow_down.png') no-repeat center center;
}
.ac-container [type="checkbox"]:checked + label::after {
    background-image: url('../../img/dirigeant/arrow_up.png');
    opacity: 1;
    transform: none;
    left: initial;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 5px;
    top: 11px;
}
.ac-container [type="checkbox"]:checked + label::before {
    content:none;
}
body.stage_jeune .popup_olivier a.second {
    background:#CCC;
    color:#444;
    margin-bottom: 1em;
    margin-left: calc(50% - 200px);
    transition:0.2s;
}
body.stage_jeune .popup_olivier a.second:hover {
    background:#444;
    color:#ccc;
    transition:0.2s;
}
.ac-container label {
    position: relative;
    display: block;
    cursor: pointer;
    color: #454545;
    font-size: 12px;
    text-transform:uppercase;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    border:1px solid #c5c5c5; 
    padding: .5em .5em .5em .7em;
    padding-right: 30px;
}
.ac-container label:hover{
    background: #fff;
}
.ac-container label span.evenement_paye {
    text-transform: none;
    margin-left: 5px;
    color: #6d3ef4;
    border-radius: 3px;
    font-weight:bold;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background: #454545;
    border: 1px solid #454545;
    color: #fff;
    box-shadow: 
        0px 0px 0px 1px rgba(155,155,155,0.3), 
        0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:after,
.ac-container input:checked + label:after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 5px; 
    top: 11px;
    background:url('../../img/dirigeant/arrow_down.png') no-repeat center center;	
}
.ac-container input:checked + label:after{
    background-image: url('../../img/dirigeant/arrow_up.png');
}
.ac-participant input:checked + label,
.ac-participant input:checked + label:hover{
    background: #666;
}
.ac-container input{
    display: none;
}
.ac-container article{
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-participant article {
    background: #fff;
}
.ac-participant label i.btn_change_session {
    position:relative;
    width:20px;
    height:20px;
}
.ac-participant label i.btn_change_session form.form_change_session {
    position: absolute;
    top:0;
    right: 0;
    width: 100%;
    height: 100%;
}
.ac-participant label form.form_change_session select { 
    opacity:0;
    border:none;    
    box-shadow:none; 
    width:100%;
    cursor:pointer;
    height:100%;   
}
.ac-participant label form.form_change_session select option {
    opacity: 1;
    padding: 5px 10px;
    border: none;
    background: #666;
    color: #fff;
    box-shadow:none;
}
.ac-participant label form.form_change_session select option.one {
    padding:0; 
    height:1px; 
}
.ac-participant label i.btn_change_session .form_change_session_jeune {
    position: absolute;
    top: 25px;
    left: -18px;
    width: 100px;
    display:none;
    z-index: 99; 
}
.popup_confirm_change_session {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#000;
    color:#fff;
    display:none;
    z-index:99;
}
.ac-participant label i.btn_change_session .form_change_session_jeune a { 
    float:left;
    width: calc(100% - 20px);
    padding:7px 10px;
    background: #666;
    color: #fff;
    font-family: "Arial", helvetica, arial, sans-serif;
    font-size:12px;
    transition:0.2s;
    cursor:pointer;
}
.ac-participant label i.btn_change_session .form_change_session_jeune a:hover {
    background:#38A7DC;
    transition:0.2s;
}
.ac-container article p, .ac-container article p span.affiche_paiement_second {
    color: #444; 
    font-size: 14px;
    padding: 20px;
    font-weight:normal;
}
.ac-container article p span {
    font-size:16px;
    font-weight:bold;
}

.ac-container input:checked ~ article.ac-small{
    height: 170px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 300px;
}
.ac-container input:checked ~ article.ac-large{
    height: 500px;
}
.ce_pub .ac-container input:checked + label, .ce_pub .ac-container input:checked + label:hover {
    background: #454545;
    border:1px solid #454545;
    color: #fff;
}
.ac-container label i {
    float: right;
    padding: 0px 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
    transition:0.2s;
}
.ac-container label i.fa-trash:hover {
    transition:0.2s;
    color:#d80027;
}
.ac-container label img.btn_paiement_stage, .ac-container label img.btn_paiement_tournoi, .ac-container label img.btn_paiement_anim  {
    float: right;
    width: 25px;
    margin-top: -3px;
    padding: 0 5px;
}
.ac-container label i.fa-refresh {
    float:left;
    margin-left: 0;
}
.ac-container label i.fa-pencil-square-o {
    margin-left:20px;
}
.ac-container label i.fa-pencil-square-o:hover, .ac-container label i.fa-refresh:hover {
    transition:0.2s;
    color:#6d3ef4;
}
.ce_pub .ac-container article p, 
.pub_court .ac-container article p, 
.pub_site .ac-container article p,
.stage-content .ac-container article p {
    float:left; 
    width:calc(33% - 40px); 
}
.ce_pub .ac-container article p i.fa-trash, .pub_court .ac-container article p i.fa-trash, .pub_site .ac-container article p i.fa-trash {
    margin-left:10px;
    cursor:pointer;
    color:#d80027;
}
.pubs_partenaires .encadrementFormulaireInfo {
    float:left;
    width: calc(100% - 20px);
    margin-top:20px;
}


.pubs_partenaires .encadrementFormulaireInfo h3:not(.fileuploader-input-caption) {
    text-align: left;
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
}
.ce_pub img.ajout_paiement, .pub_court img.ajout_paiement, .pub_site img.ajout_paiement {
    width: 30px;
    margin-left: 10px;
    margin-top: -5px;
    cursor: pointer;
    margin-bottom: 5px;
}
.promo_pub .promotion {
    width: 23%;
    padding: 10px;
    background: #fff;
    
    height: 350px;
    border-radius:2px;
    border:1px solid #a4052e;
    position:relative;
}
.promo_pub .promotion img {
    float: left;
    max-height: 250px;
    width: auto;
    margin-right: 0;
    margin-bottom: 10px;
}
.promo_pub .promotion h5 {
    color:#a4052e;
    margin-bottom: 10px;
    margin-top: 0;
}
.promo_pub .promotion i.fa-trash, .promo_pub .bibliotheque i.fa-trash, .part_membre .logo_partenaires i.fa-trash, .part_connexion .logo_partenaires i.fa-trash, .biblio .bibliotheque i.fa-trash {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 5px;
    background: #dc3545;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 50%;
    font-size: 14px;
    width: 25px;
    height: 25px;
    text-align: center; 
}
.promo_pub .promotion i.fa-trash:hover, .promo_pub .bibliotheque i.fa-trash:hover, .part_membre .logo_partenaires i.fa-trash:hover, .part_connexion .logo_partenaires i.fa-trash:hover, .biblio .bibliotheque i.fa-trash:hover {
    transition: 0.2s;
    background: #d80027;
}
.part_membre p.annotationh3, .part_connexion p.annotationh3 {
    margin-left:0;
}
.part_membre .logo_partenaires, .part_connexion .logo_partenaires {
    float: left;
    width: 10%;
    margin: 0% 1%;
    position: relative;
    margin-top: 20px;
}
.part_membre .logo_partenaires img, .part_connexion .logo_partenaires img {
    width:100%;
} 
.part_membre .cadre, .part_connexion .cadre {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}
.part_membre .selected_ajouter_sport, .part_connexion .selected_ajouter_sport {
    width:90%;
    padding: 4px 0;
    border: 1px solid #FFF;
}
.part_membre .selected_ajouter_sport select, .part_connexion .selected_ajouter_sport select {
    width: 108%;
    height: 22px;
    background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 90% 7px;
}
.namming_pub .ac-container article p {
    float:left;
    width:50%;
}
.namming_pub img.logo_namming {
    width: 80px;
    float: left; 
    margin-left: 15px;
    margin-top: 10px;
}
/*EVENEMENTS*/
.evenement {
    float:left;
    width: calc(100% - 10px);
    margin-top:50px;
}
.evenement p.bloc_evenement,
.evenement a.bloc_evenement {
    width: calc(25% - 10px);
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff;
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    height: 90px;
    transition: 0.2s;
    -webkit-box-shadow: 0 0 2px 0 #fff;
    box-shadow: 0 0 2px 0 #fff;
    box-sizing: border-box;
    border-radius:20px;
}
.evenement p.bloc_evenement i {
    float:left;
    width:100%;
    margin-bottom:10px;
    font-size: 20px;
}
.evenement p.bloc_tournoi {
    background:#6d3ef4;
}
.evenement p.bloc_animation {
    background:#ee5b42;
}
.evenement p.bloc_stage{
    background:#651060;
}
.evenement p.bloc_entrainement, .evenement p.bloc_activite {
    background:#a4052e;
}
.evenement p.bloc_crea_tournoi,
.evenement a.bloc_crea_tournoi {
    background:#EBC750;
}
.evenement p.bloc_compet {
    background:#68788a;
}
.evenement p.bloc_progress {
    background:#688a86;
}
.evenement p.bloc_padelle {
    background:#708a68;
}
.evenement p.bloc_mixte {
    background:#8a8a68;
}
.evenement p.bloc_family {
    background:#8a7768;
}
.evenement p.bloc_junior {
    background:#8a6878;
}
.evenement p.bloc_90 {
    background:#7d688a;
}
.evenement p.grise_justpadel {
    /*background-color: rgba(100, 100, 100, 0.3) !important; /* 0.5 - semi-transparent */
    cursor:initial;
    color:#bbb;
    opacity:0.2;
    background: #000;
}
.evenement p.bloc_business {
    background:#68688a;
}
.evenement p.bloc_evenement:hover {
    transition:0.2s;
    -webkit-box-shadow: 0 0 2px 0 #444;
    box-shadow: 0 0 2px 0 #444;
}
.evenement h4 {
    font-family: "Arial", helvetica, arial, sans-serif;
    font-size: 22px;
    text-align:center;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom:0;
}
.tournoi_evenement h4 { 
    color:#6d3ef4;
}
.animation_evenement h4 {
    color:#ee5b42;
}

a.btn_voir_abonnes {
    float:right;
    margin-right:5%;
    color:#444;
    font-weight:bold;
    text-decoration:underline;
}

.evenement .encadrementFormulaireInfo h2 i:not(.popup_bibliotheque h2 i),
.sub-close, .form_ajout_evenement h2 i{
    
    float:right;
    padding:5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
    transition: 0.2s;
    cursor:pointer;
    position:absolute;
    right:0;
}
.evenement .encadrementFormulaireInfo h2 i.btn_modifier_evenement, .evenement .encadrementFormulaireInfo h2 i.btn_ajout_session,
.evenement .encadrementFormulaireInfo h2 i.btn_modifier_evenement, .evenement .encadrementFormulaireInfo h2 i.noPermissionsPopup.fa-pencil-square-o{
    right:30px !important;
}
.evenement .encadrementFormulaireInfo h2 i.fa-trash:hover, .evenement .encadrementFormulaireInfo h2 i.fa-times:hover, .sub-close:hover {
    color:#d80027;
}
.evenement .encadrementFormulaireInfo h2 i.fa-pencil-square-o:hover {
    color:#6d3ef4;
} 
.evenement .encadrementFormulaireInfo p.infos {
    float:left;
    width:50%;
}
.evenement .encadrementFormulaireInfo .infos_sponsor {
    float:left;
    width:30%;
}
.evenement .encadrementFormulaireInfo .infos_sponsor p.sponsor {
    width:100%;
    margin-bottom:10px;
}
.evenement .encadrementFormulaireInfo .infos_sponsor p.sponsor span.logo_sponsor {
    width: 40%;
    float:left;
    margin-bottom: 15px;
    margin-top: 10px;
    position:relative;
    margin-right:60%;
}
.evenement .encadrementFormulaireInfo .infos_sponsor p.sponsor span.logo_sponsor i {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 7px;
    background: #d80027;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-weight:normal;
    font-size:14px;
    transition:0.2s;
}
.evenement .encadrementFormulaireInfo .infos_sponsor p.sponsor span.logo_sponsor i:hover {
    background:#454545;
    transition:0.2s;
}
.evenement .encadrementFormulaireInfo .infos_sponsor p.sponsor span.logo_sponsor img {
    width: 100%;
}
.evenement .encadrementFormulaireInfo .infos_sponsor .btnPlusDl {
    margin-bottom:10px;
    margin-left:0;
}
.evenement .encadrementFormulaireInfo .infos_sponsor .bibliotheque {
    width: 23%;
    float: left;
    margin: 0 1%;
    margin-bottom: 15px; 
}
.evenement .encadrementFormulaireInfo .infos_sponsor .bibliotheque img {
    float:left;
    height: 60px;
    margin-bottom: -11px;
}
.evenement .encadrementFormulaireInfo .infos_sponsor input[type="submit"] {
    margin-top:0;
}
.evenement .encadrementFormulaireInfo p.infos img.sponsor {
    margin-top:10px;
    width:150px;
}
.evenement .encadrementFormulaireInfo p.infos span.etoile {
    color:orange;
}
.evenement .encadrementFormulaireInfo .action {
    float:right;
    width:20%;
}
.evenement .encadrementFormulaireInfo a.btn_evenement {
    float:right;
    width:250px;
    text-align:left;
    padding:5px 10px;
    color:#fff;
    background:#6d3ef4;
    font-size:12px;
    transition:0.2s;
    margin-bottom:10px;
    border-radius:20px;
}
.evenement .encadrementFormulaireInfo a.btn_evenement_ajout {
    float:left;
    margin-top:10px;
}
.evenement .encadrementFormulaireInfo a.btn_evenement:hover {
    transition:0.2s;
    opacity:0.65;
}
.evenement .encadrementFormulaireInfo a.btn_evenement_archiver:hover {
    opacity:0.65;
    transition:0.2s;
}
.evenement .encadrementFormulaireInfo a.btn_evenement i {
    float:left;
    margin-right:10px;
    font-size: 14px;
    margin-top: 3px;
}
.evenement .ac-container article p {
    float: left;
    width: calc(33% - 20px);
    padding: 10px;
}
.evenement .ac-container article p.paiement img {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    width: 40px;
    padding: 3px;
}
.evenement .ac-container article p.paiement i.fa-times {
    color:#d80027;
    cursor:pointer;
    padding:5px;
}
a.btnbleu_archive {
    margin-left:0;
    position:initial!important;
    float:left;
    margin-bottom: 20px;
}
.evenement p.bloc_evenement img,
.evenement a.bloc_evenement img {
    float:left;
    width:20px;
    margin-left:calc(50% - 10px);
}
i.open_pop_news {
   
    font-size:40px;
    color:#6d3ef4;
    transition:0.2s;
    cursor:pointer;
   
}
i.open_pop_news:hover {
    transition:0.2s;
    color:#6d3ef4;
}
i.up_or_down {
    float:right;
    margin-top:10px;
    margin-left:5px;
    font-size:20px;
    transition:0.2s;
    cursor:pointer;
}
i.up_or_down:hover {
    transition:0.2s;
    color:#000;
}
i.up_or_down_inactiv {
    color:#888;
}
i.news_ranking {
    margin-left:4.5%;
}
.popup_newsletter h4 {
    text-align:center;
}
.popup_newsletter h4 span {
    color:orange;
    font-size:20px;
}
.form_ajout_evenement {
    position:relative;
}
.cache_moi_si_pas_tennis, .cache_moi_si_tennis {
    float:left;
    margin:0!important; 
}
img.sponsor_evenement_membre {
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.membre form p {
    margin-bottom:5px;
}
.membre form p.label_repas {
    margin-top:7px;
}
.affiche_menu_repas_resa {
    float: left;
    background: #434357;
    padding: 10px 15px;
    border:1px solid #6d3ef4;
    width: 100%;
    box-sizing: border-box;
}
.affiche_menu_repas_resa img {
    float:left;
    width:100px;
}
.affiche_menu_repas_resa p {
    margin-left:10px;
    float:left;
    width:calc(100% - 110px);
}
.affiche_menu_repas_resa p.title {
    font-size:16px;
    text-transform: uppercase;
    margin-left: 0;
    width: 100%;
}
.affiche_menu_repas_resa p span {
    color:orange;
    font-weight:bold;
}
/****************** STATISTIQUES *****************/
.stats h3, .new_restaurant .ouverture h3 {
    color:#6d3ef4;
    font-size:20px;
}
table.table-fill {
    background: white;
    border-radius:3px;
    border-collapse: collapse;
    padding:5px;
    max-width:none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation: float 5s infinite;
    margin-top: 40px;
}
table.table-fill th {
    color:#D5DDE5;;
    background:#575a82;
    border-bottom:4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size:14px;
    font-weight: 100;
    padding:10px;
    text-align:left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align:middle;
    /* min-width: 85px;*/
    font-size: 10px;
    text-transform: uppercase;
}
table.table-fill th.text_stats {
    min-width:200px;
}
table.table-fill th:first-child {
    border-top-left-radius:3px;
}
table.table-fill th:last-child {
    border-top-right-radius:3px;
    border-right:none;
}
table.table-fill tr {
    border-top: 1px solid #C1C3D1;
    border-bottom-: 1px solid #C1C3D1;
    color:#666B85;
    font-size:16px;
    font-weight:normal;
    text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
/*table.table-fill tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
}*/
table.table-fill tr:first-child {
    border-top:none;
}
table.table-fill tr:last-child {
    border-bottom:none;
}
/*table.table-fill tr:nth-child(odd) td {
  background:#EBEBEB;
}*/
/*table.table-fill tr:nth-child(odd):hover td {
  background:#4E5066;
}*/
table.table-fill tr:last-child td:first-child {
    border-bottom-left-radius:3px;
}
table.table-fill tr:last-child td:last-child {
    border-bottom-right-radius:3px;
}
table.table-fill td {
    background:#FFFFFF;
    padding:10px;
    text-align:left;
    vertical-align:middle;
    font-weight:300;
    font-size:14px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #C1C3D1;
    /*min-width: 85px; */
    color:#1b1e24;
    font-size: 10px;
    text-transform: uppercase;
}
table.table-fill td.text_stats {
    min-width:230px;
    color:#1b1e24;
    font-weight: bold;
    font-size:12px;
}
table.table-fill td:last-child {
    border-right: 0px;
}
table.table-fill th.text-left {
    text-align: left;
}
table.table-fill th.text-center {
    text-align: center;
}
table.table-fill th.text-right {
    text-align: right;
}
table.table-fill td.text-left {
    text-align: left;
}
table.table-fill td.text-center {
    text-align: center;
}
table.table-fill td.text-right {
    text-align: right;
}
table.table-fill td.sous-titre {
    background:#CCC;
    color:#1b1e24;
}
table.table-fill td.separation {
    border-right: 6px solid #1b1e24;
}
table.table-fill td.up {
    color:#13d862;
    font-weight:bold;
}
table.table-fill td.down {
    color:#ff3621;
    font-weight:bold;
}
table.table-fill td.bg_grey {
    background:#f9f9f9;
}
table.table-fill td p {
    float:left;
}
table.table-fill td i.fa-sort-asc {
    margin-top: 5px;
    float: left;
    margin-left: 5px;
    font-size: 18px;
}
table.table-fill td i.fa-sort-desc {
    float: left;
    margin-top:-3px;
    margin-left: 5px;
    font-size: 18px;
}
table.table-fill td.jour {
    color:#6d3ef4;
    font-weight:bold;
    font-size: 14px;
}
table.table-fill td img {
    width: 13px;
    margin-top: -6px;
}
input.euro {
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(90% - 25px)!important;
}
span.input_euro {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    width: auto;
    padding: 4px;
    min-width: 25px;
    background: #575a82 ;
    color: #fff;
    float: left;
    text-align: center;
    margin: 5px 0;
    line-height: 1.36;
    margin-top:0px;
    height:30px;
    display:flex;
    align-items: center;
    justify-content: center;
}
span.input_rank{
    height: 30px;
    margin-top: 0;
    line-height: 2.5;
    font-size: 12px;
}
input[type=number] {
    -moz-appearance: textfield;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin:0;
}
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
    -o-appearance: none;
    margin:0
}
.select_genre_listing {
    float:left;
    width:calc(50% - 50px);
    margin-left:50px!important;
}
.form_modif_namming i.fa-times {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    padding: 7px;
    cursor: pointer;
}
p.alert_erreur_modif_joueur {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin: 0;
    color: #fff;
    background:#d80027;
}
.radio_commercial {
    padding-top: 10px;
    margin-top: 10px;

}
.radio_commercial p.thisIs {
    text-align: left;
    width: 100%;
    margin-left: 0;
    margin-top:8px; 
}
td.case_grise{
    background:#000 !important;
}
td.case_valide{
    color:#090 !important;
}
td.case_probleme{
    color:#F00 !important;
}
.liste_menu article p {
    width: calc(50% - 40px);
    float:left;
    min-height: 50px;
}
.liste_menu article p img {
    float:left;
    margin-top:10px;
    width: 30%;
}
.liste_menu article a.btn_evenement {
    float: left;
    width: 160px;
    text-align: left;
    padding: 5px 10px;
    color: #fff;
    background: #444;
    font-size: 12px;
    transition: 0.2s;
    margin-right: 20px;
    margin-top: 15px;
}
.liste_menu article a.btn_evenement:hover {
    background:#6d3ef4;
    transition:0.2s;
}
.liste_menu article a.btn_evenement i {
    float:left;
    margin-right:10px;
    font-size: 14px;
    margin-top: 3px;
}
.liste_menu article p span {
    font-size: 16px;
    width: calc(100% - 20px);
    float: left;
    background: #777;
    color: #fff;
    font-weight:normal;
    padding: 2px 10px;
    margin-bottom: 10px;
}
.liste_menu article p span i {
    float: right;
    font-size: 18px;
    padding: 2px;
    cursor: pointer;
    transition: 0.2s;
    margin-left: 10px;
}
.liste_menu article p span i.fa-pencil-square-o {
    margin-top:1px;
}
.liste_menu article p span i.fa-trash:hover {
    transition:0.2s;
    color:#d80027;
}
.liste_menu article p span i.fa-pencil-square-o:hover {
    transition:0.2s;
    color:#6d3ef4;
}
h3.title_separ_form_cote_admin {
    width: 100%;
    border-bottom: 2px solid;
    padding-left: 0;
}
.affiche_creneaux_dispo{
    background: #6d3ef4;
    text-align: center;
    cursor:pointer;
    transition: 0.2s;
}
.affiche_creneaux_dispo:hover {
    background: #ff673a;
    transition: 0.2s; 
}
.affiche_creneaux_dispo_select{
    background: #ff673a;
    margin:1px 0px !important
}
.radio-tuto .centre_horaire_resa_membre{
    text-align:center;
    width:100%;
    margin:0;
}
.membre .radio-tuto .radio_membre, .membre .radio-tuto .radio_membre_beach{
    background:#6d3ef4;
    width:90%;
    padding:10px 5%;
    text-align:center;
    float:left;
    margin-bottom: 5px;
}
.membre .radio-tuto .radio_membre_select, .membre .radio-tuto .radio_membre_beach_select{
    background:#ff673a;
}
.radio-tuto .radio_membre::before, .radio-tuto .radio_membre_beach::before {
    width: 0px;
    height: 0px;
}
.radio-tuto .radio_membre::after, .radio-tuto .radio_membre_beach::after {
    width: 0px;
    height: 0px;
}
.radio_membre_small {
    width: 90% !important;
    padding: 5px 5% !important;
    margin-left: 5% !important;
    margin-top: 2.5px !important;
    margin-bottom: 2.5px !important;
    box-sizing: border-box;
}
.radio_membre_beach{
    width: 60% !important;
    padding: 5px 5% !important;
    margin-left: 15% !important;
    margin-top: 0;
    margin-bottom: 5px !important;
}
.btn_modif_param{
    width: 95%;
    background: #444;
    float: left;
    text-align: center;
    color: #fff;
    margin: 0 2.5%;
    cursor:pointer;
}
#affiche_listing img.load_more_gif, .ranking img.load_more_gif{
    float: left;
    width: 150px;
    margin-bottom: -20px;
}
#affiche_listing .load_more, .ranking .load_more {
    float: left;
    margin-top: 30px;
    width: 200px;
    padding: 5px 0;
    background: #6d3ef4;
    color: #fff;
    text-align: center;
    transition:0.2s;
    margin-bottom: 30px;
}
#affiche_listing .load_more:hover, .ranking .load_more:hover {
    background: #6d3ef4;
    transition:0.2s;
}
#affiche_listing .load_more i, .ranking .load_more i {
    font-size: 16px;
    margin-right: 5px;
}
.resa_hebdo_exist {
    float:left;
    width: 100%;
}
.resa_hebdo_exist p.warn {
    padding: 5px 10px;
    background: #202121;
    margin-left: 50px;
    color: #fff;
    font-size:14px;
    margin-bottom:10px;
    width:300px;
}
.resa_hebdo_exist p.warn i {
    font-size:16px;
    margin-right:6px;
}
.resa_hebdo_exist p {
    font-size:12px;
}
p.ajust_envoi_notif_txt {
    float:left;
    margin-left: 5px;
}
.ajust_envoi_notif {
    float: left;
    margin-top: 12px;
}
.disparait_en_mobile{
    display:block;
}
.apparait_en_mobile{
    display:none;
}
h3.ajuste_titre_mon_compte{
    margin-top: 45px !important;
}
.membre h3 span span {
    font-size: 16px;
    color: #888;
    padding: 0;
    float:left;
    width:100%;
}

.overlay_notif {
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100%;
    z-index:9998;
    background:rgba(0, 0, 0, 0.05);
}
.notifications {
    margin-top: 20px;
    position: relative;
    position: absolute;
    right: 30px;
    width: 90%;
}
.notifications span.nb {
    position: absolute;
    top: -8px;
    right: -10px;
    padding: 3px;
    width: 18px;
    height: 17px;
    border-radius: 50%;
    background: orange;
    cursor:pointer;
}
.notifications span.nb p {
    font-size:13px;
    text-align:center; 
    width:100%;
    color:#fff;
}
.notifications img {
    width: 30px;
    padding: 8px;
    float: right;
    cursor: pointer;
    background: #47475b;
    border-radius: 3px;
    z-index: 100;
}
.notifications .show_notif {
    position:absolute;
    right:0;
    width: 350px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 1px #CCC;
    box-shadow: 0 0 2px 1px #CCC;
    z-index:9999;
    max-height: 500px;
    overflow-y: scroll;
}
.notifications .show_notif p.title {
    background-color: #fff;
    border-bottom: solid 1px #dddfe2;
    padding: 8px 12px 6px;
    width: calc(100% - 24px);
    color: #333;
    font-size: 12px;
}
.notifications .show_notif p.title i {
    display: none;
    position: absolute;
    top: 0;
    right: 0; 
    padding: 10px 15px;
    font-size: 16px;
}
.notifications .show_notif p.ss_title {
    background-color: #f6f7f9;
    border-bottom: 1px solid #dddfe2;
    color: #90949c;
    font-size: 11px;
    font-weight: 500;
    padding: 5px 12px;
    width: calc(100% - 24px);
    text-transform:uppercase;
}
.notifications .show_notif .entour_notif {
    width: calc(100% - 24px);
    padding: 7px 12px;
    background: #E5E9F2;
    border-bottom: 1px solid #dddfe2;
    float: left;
}
.notifications .show_notif .entour_notif p {
    width:100%;
    font-size:12px;
    float: left;
    color: #1d2129;
}
.notifications .show_notif .entour_notif_recente p {
    width: calc(100% - 35px);
}
.notifications .show_notif .entour_notif p span.date {
    margin-top:8px;
    color: #90949c;
    font-size:11px;
}
.notifications .show_notif .entour_notif img.alert_recent {
    margin-right: 10px;
    float: left;
    padding: 5px;
    background: orange;
    width: 15px;
    border-radius: 50%;
    margin-top: 10px;
}
.notifications .show_notif .entour_notif p span.date img {
    margin-right: 5px;
    float: left;
    padding: 0;
    background: none;
    margin-top: 2px;
}
fieldset.checkbox_listing_resa_illimite {
    float: right;
    margin-top: -10px;
}
fieldset.checkbox_listing_resa_illimite .ajust_check_resa {
    margin-top:8px;
    float:left;
}
fieldset.checkbox_listing_resa_illimite p {
    width:auto!important;
    margin-left: 0;
}
select.select_sport_beach {
    float:right;
    width:100px;
    margin-right:20px;
    height:30px;
    border:1px solid #cdcdcd;
}
.evenement  a.envoyer_notif_club {
    margin:0;
}
/*COMMERCIAL ABONNEMENT*/
button, a.pay_stripe{
    padding:5px;
    color:#003;
    background:#fff;
    font-weight:bold;
    border: 0;
    border-radius: 5px;
    cursor:pointer;
    -moz-box-shadow: 2px 5px 10px 2px #9b9b9b;
    -webkit-box-shadow: 2px 5px 10px 2px #9b9b9b;
    -o-box-shadow: 2px 5px 10px 2px #9b9b9b;
    box-shadow: 2px 5px 10px 2px #9b9b9b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=158, Strength=10);
    text-align: center;

}
button.abo{
    float: left;
    margin-left: 5%;
}






.popup_creer_abo, .popup_generer_url{
    position:fixed;
    width:40%;
    margin-left:30%;
    background:#fff;
    -moz-box-shadow: 2px 5px 10px 2px #9b9b9b;
    -webkit-box-shadow: 2px 5px 10px 2px #9b9b9b;
    -o-box-shadow: 2px 5px 10px 2px #9b9b9b;
    box-shadow: 2px 5px 10px 2px #9b9b9b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=158, Strength=10);
    z-index:100;
    padding:20px;
}
.popup_creer_abo label, .popup_creer_abo input, .popup_creer_abo select{
    float:left;
    width:49%;
    margin:5px 0px;
}
.popup_creer_abo input[type=submit]{
    background: linear-gradient(#28a0e5,#015e94);
    color: #fff;
    border: 0;
    padding: 10px 5px;
    width: 100px;
    border-radius: 5px;
    float: right;
    cursor: pointer;
    margin-right: 10px;
}
.popup_creer_abo button.cancel {
    float: right;
    padding: 10px 5px;
    margin-top: 5px;
    margin-right: 20px;
    width: 80px;
}
.popup_creer_abo p.indic{
    color:#888;
    font-size:11px;
    margin-top:15px;
}
.offre_stripe {
    background: #CCC;
    width: 20%;
    padding: 20px 0px;
    text-align: center;
    border-radius: 5px;
    float:left;
    margin:20px 2.5%;
    position:relative;
}
.offre_stripe p.titre{
    font-weight:bold;
    font-size:16px;
}
.offre_stripe p.prix{
    font-size:14px;
}
.offre_stripe p.trial{
    font-size:12px;
}
.offre_stripe p.id{
    font-size:10px;
}
.offre_stripe a.delete {
    color: #C00;
    position: absolute;
    top: -10px;
    right: -5px;
    font-weight: bold;
    border: 1px solid #c00;
    border-radius: 50%;
    width: 20px;
    background: #fff;
}
/* PAIEMENTS DIRIGEANT*/
.Stripe_dirigeant label, .Stripe_dirigeant input{
    float:left;
    width: 44%;
    margin: 5px 2%;
}
.Stripe_dirigeant input.date, .Stripe_dirigeant input.cvc{
    float:left;
    width:20%;
    margin:5px 2%;
}
.Stripe_dirigeant i{
    font-size:11px;
    color:#888;
}



/*R2SOLUTION IPAD MINI*/
@media (max-width: 1024px){
    /*MENU DIRIGEANT*/
    .sidedar-contain {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 65px;
        height: 100%;
        margin: 0px auto;
    }
    .sidebar-menu {
        position:absolute;
        float: left;
        width: 170px;
    }
    .sidedar-contain.sidebar-collapsed {
        transition: all 100ms linear;
        transition-delay: 300ms;
    }
    .sidedar-contain.sidebar-collapsed .left-content .fixed {		   
        width: 97%;
    }
    .sidedar-contain.sidebar-collapsed-back {
        transition: all 100ms linear;
    }
    .sidedar-contain.sidebar-collapsed-back .left-content {
        transition: all 100ms linear;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        float: right;
        width: 92%;
    }
    .sidedar-contain.sidebar-collapsed .sidebar-menu {
        width:180px;	
        transition: all 100ms ease-in-out;
        transition-delay: 300ms;
    }
    .sidedar-contain.sidebar-collapsed-back .sidebar-menu {
        width: 65px;
        transition: all 100ms ease-in-out;
    }
    #menu li a {
        padding: 5px 20px;
        text-align: left !important;
    }
    #menu .fa {
        margin-bottom: 9px;
    }
    .icon-menu {
        left: 16px;
    }
    span.fa.fa-angle-right,span.fa.fa-angle-double-right {
        right: 12px!important;
    }
}
.sidebar-menu #scrollbar {
    position: absolute;
    right: 5px;
    height: 30px;
    width: 10px;
    border-radius: 10px;
    zmargin-top:5px;
    background: rgba(0, 0, 0, 0.5);
}
.sidebar-menu ::-webkit-scrollbar {
    display: none;
}
.paiement_cb_dirigeant {
    width: 100%;
    float:left;
    padding:20px;
    border:1px solid #CCC;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    margin-bottom:50px;
    box-sizing: border-box;
    border-radius:20px;
}
.paiement_cb_dirigeant_left {
    float: left;
    width: 70%;
    margin-left: 5%;
}
.entour_vos_sms_left {
    float: left;
    margin-left: 30px;
    width: 25%;
}
.entour_vos_sms_left .paiement_cb_dirigeant .entour_facture p span {
    width: auto;
    margin-right:20px;
}
.entour_vos_sms_left .paiement_cb_dirigeant .entour_facture p {
    font-soze:16px;
}
.page_paiments_form {
    width:70%;
    margin-left: 15%;
}
.paiement_cb_dirigeant h1:not(.not_this_one) {
  width: calc(100% + 40px);
  padding: 10px 40px;
  background: #575a82;
  margin-left: -20px;
  margin-top: -20px;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.paiement_cb_dirigeant h1 i {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -15px;
    left: -15px;
    border-radius: 50%;
    background: #fff;
    color: #1f1f28;
    text-align: center;
    line-height: 40px;
    -webkit-box-shadow: 0 0 5px 0 #1f1f28;
    box-shadow: 0 0 5px 0 #1f1f28;
}

.paiement_cb_dirigeant form {
    width:100%;
    float:left;
}
.paiement_cb_dirigeant form label {
    width: 100%;
    font-size:16px;
    margin-top: 15px;
    float: left;
    margin-bottom: 8px;
    color:#1f1f28;
}
.paiement_cb_dirigeant form label span {
    font-style:italic;
    font-size: 14px;
}
.paiement_cb_dirigeant form input, .paiement_cb_dirigeant form textarea {
    width: calc(100% - 20px);
    padding: 7px 10px;
    border: none;
    -webkit-box-shadow:inset 0 0 2px 0 #1f1f28;
    box-shadow:inset 0 0 2px 0 #1f1f28;
    font-size: 14px;
    transition:0.2s;
}
.paiement_cb_dirigeant form textarea {
    height:100px;
}
.paiement_cb_dirigeant form input.mois {
    width: calc(50% - 20px);
}
.paiement_cb_dirigeant form input.annee {
    width: calc(50% - 45px);
    margin-left:20px;
}
.paiement_cb_dirigeant form input:focus {
    -webkit-box-shadow:inset 0 0 2px 0 #6d3ef4;
    box-shadow:inset 0 0 2px 0 #6d3ef4;
    transition:0.2s;
}
.paiement_cb_dirigeant form input[type=submit] {
    margin-top: 20px;
    color:#fff;
    width: 100%;
    box-shadow: none;
    padding: 10px;
    transition:0.2s;
    cursor:pointer;
    background:#6d3ef4;
}
.paiement_cb_dirigeant form input[type=submit]:hover {
    transition:0.2s;
    opacity:0.9;
}

.show_pm {
     display: flex;
}

.paiement_cb_dirigeant .cb_enregistre {
   
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    padding-bottom: 1em;
}
.payment_method_container {
    padding-top: 1em;
}

.btn-delete-pm {
    border: 1px solid #d9534f ;
    color : #d9534f ;
    padding: 6px 8px;
    transition:0.2s;
  
}

.btn-delete-pm:hover {
    background-color: rgba(217,83,79, 0.2); 
    transition:0.2s;
}


.sub_add_payment_method {
  color: #fff;
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
  padding: 10px 20px;
  background: #6d3ef4;
}

.sub_add_payment_method:hover {
    cursor: pointer;
    transition:0.2s;
    opacity:0.8;
   
}



.add_payment_method {
    display: flex;
    margin-top: 1em;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

.cb_enregistre img{
    width: 32px;
}
.paiement_cb_dirigeant .cb_enregistre i.fa-credit-card {
    font-size: 34px;
    float: left;
    width: 50px;
    margin-top: 5px;
    color:#6d3ef4;
}


.paiement_cb_dirigeant .cb_enregistre p i.fa-circle {
    font-size:8px;
    margin-top: 10px;
}
.paiement_cb_dirigeant a.btn_change_cb {
    padding:10px;
    background:#6d3ef4;
    color:#fff;
    transition:0.2s;
    margin-bottom: 20px;
    margin-top: 10px;
}
.paiement_cb_dirigeant a.btn_change_cb:hover {
    transition:0.2s;
    opacity:0.9;
}
.formule_dirigeant p.date {
    margin-bottom: 20px;
    margin-top: 20px;
    background: #6d3ef4;
    color: #fff;
    padding: 5px 0;
    width: 250px;
    float: left;
    text-align: center;
    margin-left: calc(50% - 125px);
    border-radius:20px;
}
.formule_dirigeant p.date span {
    font-weight:bold;
}
.formule_dirigeant {
    width: 23%;
    float: left;
    padding: 20px;
      padding-bottom: 20px;
    border: 1px solid #CCC;
    -webkit-box-shadow: 0 0 11px 0 #ccc;
    box-shadow: 0 0 11px 0 #ccc;
    padding-bottom: 0;
    margin-left: 30px;
    border-radius: 20px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 40px;
}
.formule_dirigeant img {
    width: 40%;
    float: left;
    margin-left: 30%;
}
.formule_dirigeant h1 {
    width:100%;
    text-align:center;
    font-size:20px;
    padding-top:15px;
    border-top:1px solid #39ab50;
    margin-top:26px;
    font-weight:normal;
    text-transform: uppercase;
}
.formule_dirigeant a.btn_choisir_offre {
    width: 100%;
    text-align: center;
    padding: 6px 0;
    color: #fff;
    background: #6d3ef4;
    float: left;
    margin-bottom: 20px;
    border-radius:20px;
}
.formule_dirigeant .sous_titre {
    width:100%;
    float:left;
    margin-bottom: 20px;
    margin-top: 10px;
}
.formule_dirigeant .sous_titre i {
    font-size: 20px;
    width:30px;
    float:left;
}
.formule_dirigeant .sous_titre p {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    float: left;
    width: calc(100% - 30px);
    line-height: 18px;
    font-style: italic;
    margin-top: 0;
}
.formule_dirigeant h1 span {
    color: #6d3ef4;
    font-size:22px; 
}
.formule_dirigeant p.secure {
    background: #575a82;
    color: #fff;
    width: calc(100% + 40px);
    float: left;
    text-align: left;
    margin-left: -20px;
    padding: 10px 20px;
    margin-bottom: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.formule_dirigeant p.secure i {
    font-size:20px;
    margin-right:10px;
    font-weight:bold;
}
.ajout_offre_admin {
    margin-left:30px;
    width: calc(90% - 100px);
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
}
.ajout_offre_admin, .ajout_reduc_admin {
    width: 100%;
    margin-left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    display: flex;
    flex-wrap:wrap;
    gap: 2em;
}

.ajout_offre_admin .cb_enregistre p.description {
    width:100%;
    float:left;
    margin-right:30px;
}
.ajout_offre_admin .cb_enregistre p.seance {
    width: auto;
    text-align: center;
    float: left;
    background: #575a82;
    margin-left: 0;
    color: #fff;
    padding:10px 20px;
    border-radius:20px;
    font-weight: bold;
}
.ajout_offre_admin form input[type="submit"] {
    width:40%;
}
.ajout_offre_admin form a.btn_annuler {
    float: right;
    margin-top: 20px;
    background: #666;
    padding: 10px 30px;
}
.ajout_offre_admin form a.btn_annuler:hover {
    background:#999;
}
.popup_ajout_offre {
   min-width: 70%;
    max-width: 70%;
    min-height: 90%;
    max-height: 90%;
}
.popup_ajout_offre .centre_form_ajouter_sport {
    margin-top:40px;
}
.popup_ajout_offre input[type="checkbox"]:not(:checked) + label, .popup_ajout_offre input[type="checkbox"]:checked + label {
    margin-bottom:5px;
}
.encart_offre_admin {
    margin-bottom: 30px;
    margin-left: 0;
    width: 100%;
    min-width: 43%;
    flex-grow: 10;
}

@media only screen and (min-width: 1450px) {
    .encart_offre_admin {
        max-width: 49%;
    }
}

@media only screen and (max-width: 520px) {
    .ajout_offre_admin .cb_enregistre p.description {
        width: 100%;
    }
}

.encart_offre_admin h1 i {
    right: -10px;
    left: auto;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -10px;
    cursor: pointer;
    transition:0.2s;
}
.encart_offre_admin h1 i.fa-edit{
    right: 30px;
}
.encart_offre_admin h1 i:hover {
    transition:0.2s;
    background:#C00;
    color:#fff;
}
/*page paiements*/
.page_paiments_form form input, .page_paiments_form form label{
    width: calc(50% - 20px);
}
.conditions_generales {
    width: 80%;
    margin-left: 10%;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin-top: 30px;
}
.conditions_generales p{
    width:80%;
    margin-left:10%;
}
/*OFFRE ACHAT MEMBRE */
span.offre_achat_membre{
    color:#fff;
    font-size:40px;
    font-weight:bold;
}
.membre .argent{
    background: #FEA347;
    border: none;
}
.encart_offre_membre {
    margin-bottom: 30px;
    margin-right: 30px;
    width: calc(25% - 90px);
    background:#fff;
    float:left;
}
.encart_offre_membre h1 {
    width: calc(100% - 20px);
    padding: 10px;
    font-size: 16px;
    background: #FEA347;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}
.encart_offre_membre p.description {
    width: calc(100% - 20px);
    padding: 10px;
    color: #1f1f28;
    text-align: left;
    float: left;
}
.encart_offre_membre p.round {
    width: 80px;
    height: 48px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    line-height: 20px;
    padding-top: 27px;
    margin-top: 0;
    margin-bottom: 10px;
    background: #434357;
    margin-left: calc(50% - 40px);
    float: left;
    font-weight: bold;
}
.encart_offre_membre a.choisir_offre_membre,.encart_offre_membre span.choisir_offre_membre_deja_pris {
    width: calc(100% - 20px);
    padding: 10px;
    background: #434357;
    text-align: center;
    float: left;
    color: #fff;
    font-weight: bold;
}
.form_encart_offre_membre .overlay {
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
}
.form_encart_offre_membre .entour_coord_membre {
    width: calc(50% - 40px);
    padding: 20px;
    top: 50px;
    position: fixed;
    left: 25%;
    background: #fff;
    z-index: 999999;
    max-height: calc(100% - 140px);
    overflow-y: scroll;
}
.form_encart_offre_membre .entour_coord_membre p {
    color: #000;
    width: auto;
    float: left;
    margin-right: 20px;
}
.form_encart_offre_membre .entour_coord_membre h1, .paiement_en_ligne h1 {
    color: #fff;
    background: #FEA347;
    padding: 10px;
    margin-top: -20px;
    margin-left: -20px;
    width: calc(100% + 20px);
    font-size: 22px;
    margin-bottom: 40px;
}
.form_encart_offre_membre .entour_coord_membre h1 i {
    float:right;
    cursor:pointer; 
}
.form_encart_offre_membre form input[type="text"], .form_encart_offre_membre form input[type="number"]  {
    width:calc(50% - 20px)!important;
    border:1px solid #1f1f28!important;
    margin-bottom:10px;
    height:40px;
    padding: 0 10px;
}
.form_encart_offre_membre form input.expire {
    width:calc(25% - 30px)!important;
    margin-right:10px;
}
.form_encart_offre_membre form input[type="submit"] {
    float:left;
    background: #6d3ef4;
    width: 80px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    font-weight: 100;
    border: none;
    margin-right: 25%;
    margin-top: 20px;
}
.form_encart_offre_membre .entour_coord_membre .cb_enregistre {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.form_encart_offre_membre .entour_coord_membre .cb_enregistre i, .achat_seance .cb_enregistre i {
    float:left;
    font-size:26px;
    margin-top: 3px;
}
.form_encart_offre_membre .entour_coord_membre .cb_enregistre p {
    float:left;
    margin-left:10px;
    font-size:16px;
}
.form_encart_offre_membre .entour_coord_membre .cb_enregistre p i, .achat_seance .cb_enregistre p i {
    float:left;
    font-size:14px;
    margin-right:5px;
    color: #000;
}
.form_encart_offre_membre .entour_coord_membre a.btn_change_cb, .achat_seance a.btn_change_cb {
    display: block;
    width: calc(100% - 30px);
    margin: 15px 0;
    background-color: #6d3ef4;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    padding: 6px 0;
    text-transform: uppercase;
    -moz-box-shadow: 2px 5px 10px 2px #9b9b9b;
    -webkit-box-shadow: 2px 5px 10px 2px #9b9b9b;
    -o-box-shadow: 2px 5px 10px 2px #9b9b9b;
    box-shadow: 2px 5px 10px 2px #9b9b9b;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=158, Strength=10);
}
.form_encart_offre_membre .entour_coord_membre a.btn_change_cb_form {
    display: block;
    width: calc(100% - 30px);
    margin: 10px 0;
    background-color: #bdbfc1;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 5px 0;
    font-family: "Arial", helvetica, arial, sans-serif;
    box-shadow: none;
}
.achat_seance .cb_enregistre_2 {
    float: left;
    width: 70%;
    padding: 10px;
    margin-bottom: 50px; 
}
.achat_seance .cb_enregistre_2 span {
    margin-top: 8px;
    float: left;
}
.achat_seance .cb_enregistre p i {
    color:#fff;
}
.achat_seance a.btn_change_cb {
    margin-bottom:0;
    margin-top: 15px;
}
.achat_seance a.btn_change_cb i {
    font-size:16px; 
    margin-right:5px;
}
.achat_seance ul.infos_achats {
    padding: 10px; 
    background: #434357;
    width: 70%;
    float:left;
    margin-bottom: 20px;
    margin-left:0;
    border: 1px solid #6d3ef4;
    color:#fff;
    list-style:none;
}
.achat_seance ul.infos_achats li {
    padding:5px;
}
.achat_seance ul.infos_achats span {
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:15px;
    float: left;
    width: 100%;
}
.achat_seance ul.infos_achats span i {
    font-size:20px;
    margin-right: 5px;
}
.achat_seance .entour_mes_credits {
    float:left;
    margin-bottom:50px;
    width: 100%;
}
.encart_credit_membre {
    float: left;
    border-left: 5px solid #FEA347;
    padding: 5px;
    width: calc(20% - 15px);
    margin-bottom: 30px;
    padding-left: 10px;
}
.encart_credit_membre p span.title {
    color: #FEA347;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.encart_credit_membre p span.date {
    font-style:italic;
    margin-top: 8px;
    float: left;
    width: 100%;
}
.encart_credit_membre p {
    width:100%;
    float:left;
}
/*rbmt sur le planning*/
span.rbmt {
    background: url('/img/elements/money.png');
    background-size: auto auto;
    cursor: pointer;
    min-width: 20px;
    min-height: 20px;
    float: left;
    background-size: cover;
    margin-top: -2px;
}
.icone_ajout_credits {
    float: left;
    margin-right: 5px;
    line-height: 1.2;
    border: 1px solid #888;
    color: #f60;
    border-radius: 50%;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: 600;
    cursor:pointer;
}
p.ligne_credits{
    float:left;
    height:25px;
    line-height: 2;
    margin-top: 10px;
}
.ajuste_moins_credits{
    line-height:1;
}
/* historique des débits*/

.histo_debit h3{
    float: left;
    width: 210px;
    font-weight:normal;
    padding: 10px 0;
    background: #000;
    color: #fff;
    margin-right: 10px;
    text-align: center;
    transition: 0.2s;
    cursor:pointer;
}
.histo_debit h3.selected{
    background:#6d3ef4;
    color:#Fff;
}
.paiement_cb_dirigeant .entour_facture {
    float:left;
    width:100%;
}
.paiement_cb_dirigeant .entour_facture p {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
    margin-top: 10px;
    font-weight: bold;
    color: #6d3ef4;
}
.paiement_cb_dirigeant .entour_facture p a {
    float: right;
    width: 129px;
    padding: 3px 0;
    border: 1px solid #000;
    font-weight: normal;
    text-align: center;
    margin-top: -2px;
    color: #000;
    transition: 0.2s;
    font-size: 12px;
}
.paiement_cb_dirigeant .entour_facture p a:hover {
    transition:0.2s;
    background:#CCC;
}
.paiement_cb_dirigeant .entour_facture p a i {
    margin-right:10px;
}
.paiement_cb_dirigeant .entour_facture p span {
    width:30%;
    font-weight:normal;
    float:left;
    color:#000;
}
.link_debit_listing {
    font-size:35px!important;
    color:#6d3ef4;
    margin-left:10px;
}
.histo_debit a.telecharger_pdf {
    float:left;
    width:210px;
    background:#6d3ef4;
    color:#Fff;
    text-align:center;
    margin-top: 30px;
    padding: 5px 0;
    margin-bottom: 15px;
}
.histo_debit a.telecharger_pdf i {
    margin-right:5px;;
}
.histo_debit .entour_form_pdf form button[type="submit"] {
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
    font-weight: initial;
}
.histo_debit .entour_form_pdf form i.fa-download {
    float: left;
    color: #6d3ef4;
    padding: 7px;
    cursor: pointer; 
    margin-left: 10px;
    font-size: 20px;
}
.histo_debit .entour_form_pdf form {
    background:#dfe0e1; 
    float: left;
    padding: 20px;
    margin-bottom: 50px;
}
.histo_debit .entour_form_pdf form p {
    float:left;
    padding:5px;
    margin-right:10px; 
}
.histo_debit .entour_form_pdf form input {
    float:left;
    width:150px; 
    padding: 4px 0;
    margin-right: 10px; 
    border: 1px solid #FFF; 
}
.popup_modif p.alert_message_sms {
    width:calc(60% - 20px);
    padding:10px;
    float:left;
    background:#202121;
    color:#fff;
    float:right;
}
.popup_modif p.alert_message_sms i {
    font-size:20px;
    margin-right:10px;
}
.popup_modif p.alert_message_sms span { 
    color:#6d3ef4;
}
form.form_creation_tournoi .selected_reserver_court {
    width:100%;
}
form.form_creation_tournoi .selected_reserver_court select {
    width:120%;
    background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 80% 5px;
}
form.form_creation_tournoi .radio-tuto {
    margin-left: 0;
}
form.form_creation_tournoi .label_radio {
    width:90%;
    float:left;
    padding:10px 0;
    color:#fff;
    background:#ccc;
    text-align:center;
    border-radius:20px;
}
form.form_creation_tournoi a.btn_style_radio {
    width:90%;
    float:left;
    padding:10px 0;
    color:#fff;
    background:#6d3ef4;
    text-align:center;
    border-radius:20px;
}

form.form_creation_tournoi a.btn_style_radio:hover{
    opacity:0.65;
    transition: 0.2;
    text-decoration: none;
}
form.form_creation_tournoi input.radio_carre {
    opacity:0;
}
form.form_creation_tournoi input.radio_carre:checked+.label_radio {
    background:#6d3ef4;
}
form.form_creation_tournoi a.active {
    background:#6d3ef4;
}
form.form_creation_tournoi .alert {
    text-align: left;
    width: calc(100% - 20px);
    border: none;
    color: #575a82;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: bold;
}
form.form_creation_tournoi .alert p.alert_text {
    font-style:italic;
    font-size: 12px;
}
form.form_creation_tournoi p.thisIsFlottant {
    margin-left:0;
}
form.form_creation_tournoi h4 {
    color:#575a82 !important;
    text-align:left;
    text-transform:uppercase;
    font-family: "Arial", helvetica, arial, sans-serif;
    margin-left: 0;
    margin-top:20px;
    margin-bottom: 20px;
    
}
form.form_creation_tournoi h4 i {
    font-size: 18px;
    margin-right: 5px;
    cursor: pointer;
    transition: 0.2s;
    color: #444;
}
form.form_creation_tournoi h4 i:hover {
    transition:0.2s;
    color:#ee5b42;
}
form.form_creation_tournoi .entour_creation {
    float: left;
    background: #fff;
    padding: 20px;
    width: calc(100% - 40px);
    margin-top: 50px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-x: auto;
    position: relative;
    border-radius: 20px;
    background: #ffffff;
    box-shadow:  20px 20px 60px #d9d9d9,-20px -20px 60px #ffffff;
}
             
form.form_creation_tournoi .entour_creation .filtres_poule {
    float:left;
    width:100%;
    height: 30px;
    margin-bottom:0;
}
form.form_creation_tournoi .entour_creation .filtres_poule input[type="checkbox"]:not(:checked) + label, form.form_creation_tournoi .entour_creation .filtres_poule input[type="checkbox"]:checked + label {
    margin-right:15px; 
    margin-bottom: 0;
}
form.form_creation_tournoi .entour_creation .filtres_poule input[type=number], form.form_creation_tournoi .entour_creation .filtres_poule input[type=date] {
    border: 1px solid #aaa;
    background: #f8f8f8;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    width: 40px;
    padding: 5px 8px;
    float: left;
    margin-top: -1px;
    margin-right: 5px;
    height: 18px;
    margin-bottom: 0;
    margin-left: 10px;
}
form.form_creation_tournoi .entour_creation .filtres_poule input[type=number]{
    margin-right:0;
}
form.form_creation_tournoi .entour_creation .filtres_poule span.jours {
    border: 1px solid #202121;
    background: #202121; 
    color: #fff; 
    text-align: center;
    padding: 5px 8px;
    margin-top: -5px;
    float: left;
    font-size: 12px;
    height: 18px;
    margin-top: -1px;
}
form.form_creation_tournoi .entour_creation .filtres_poule span.date {
    float: left;
    margin-left: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #aaa;
    padding-right: 10px;
}
form.form_creation_tournoi .entour_creation .filtres_tableau input[type=submit] {
    float: left;
    margin-left: 15px;
    width: 100px;
    text-align: center;
    padding: 7px 8px;
    color: #fff;
    background: #6d3ef4;
    margin-top: -5px;
    font-size: 12px;
}
form.form_creation_tournoi .entour_creation table.table-fill td p {
    color:#000;
}
form.form_creation_tournoi .entour_creation table.table-fill input[type=text] {
    padding: 5px 10px;
    margin: 0;
    width: calc(100% - 20px);
    background:#e7e7e8; 
    border-color:#e7e7e8;
}
form.form_creation_tournoi .entour_creation table.table-fill input[type=text]:focus {
    border-color:#ee5b42; 
}
form.form_creation_tournoi .entour_creation table.table-fill td.case_grise {
    background:#e7e7e8!important;
}
form.form_creation_tournoi .entour_creation table.table-fill td.case_valide {
    color:#000!important;
}
form.form_creation_tournoi .entour_creation table.table-fill td.case_equipe, form.form_creation_tournoi .entour_creation table.table-fill td.case_details, form.form_creation_tournoi .entour_creation table.table-fill th.case_equipe {
    cursor:pointer;
}
form.form_creation_tournoi .entour_creation table.table-fill i.fa-edit {
    font-size:14px;
    float:right;
    margin-left:20px;
    transition:0.1s;
    padding: 2px;
}
form.form_creation_tournoi .entour_creation table.table-fill th i.fa-edit {
    margin-top: 2px;
}
form.form_creation_tournoi .entour_creation table.table-fill i.fa-edit:hover {
    transition:0.1s;
    color:#ee5b42;
}
form.form_creation_tournoi a.btn_ajout {
    float: left;
    width: auto;
    text-align: left;
    padding: 10px 20px;
    color: #fff;
    background: #6d3ef4;
    font-size: 12px;
    transition: 0.1s;
    margin-bottom: 20px;
    margin-right:15px;
    border-radius:20px;
}
form.form_creation_tournoi a.btn_ajout i {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 3px;
}
form.form_creation_tournoi a.btn_ajout:hover {
    opacity:0.65;
    transition: 0.1s;
}
form.form_creation_tournoi .entour_creation table.table-fill {
    box-shadow:none;
    border: 1px solid #C1C3D1;
}
.popup_creation_tournoi .overlay {
    position:fixed;
    width:100%;
    height:100%;
    z-index:9998;
    background:rgba(0, 0, 0, 0.6);
}
.popup_creation_tournoi .cadre {
    position: fixed;
    top: 5%;
    z-index: 9999;
    left: 20%;
    width: calc(60% - 30px);
    padding: 15px;
    background: #575a82;
    color: #fff;
    max-height: 80vh;
    overflow: auto;
}
.popup_creation_tournoi .cadre ul {
    width:100%;
    list-style:none;
    padding-left: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;   
}
.popup_creation_tournoi .cadre i.fa-times {
    position: absolute;
    color: #fff;
    top: -15px;
    right: -15px;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
}
.popup_creation_tournoi .cadre ul li {
    border-bottom: 1px solid #9ea7af;
    border-bottom-color: rgb(158, 167, 175);
    padding: 10px;
    width: calc(50% - 20px);
    cursor: pointer;
    float: left;
    opacity: 0.5;
    text-align: center;
}
.popup_creation_tournoi .cadre ul.choix_4 li {
    width: calc(25% - 20px);
}
.popup_creation_tournoi .cadre ul.choix_2 li {
    width: calc(50% - 20px);
}
.popup_creation_tournoi .cadre ul li.active {
    border-bottom-color:#fff;
    opacity: 1;
}
.popup_creation_tournoi .cadre form label {
    width:100%;
    float:left;
    margin-bottom:15px;
}

.popup_creation_tournoi .cadre form label.label-base {
    width:unset;
    float:unset;
    margin-bottom:unset;
}
.popup_creation_tournoi .cadre form table {
    float:left;
    width:100%;	
    background:#484f63;
    border-collapse: collapse;
}
.popup_creation_tournoi .cadre form td {
    padding:10px;
    margin-bottom:2px;
}
.popup_creation_tournoi .cadre form tr {
    border-bottom:2px solid #202121;
}
.popup_creation_tournoi .cadre form table td.name {
    text-transform:uppercase;
    font-size: 11px;
}
.popup_creation_tournoi .cadre form table td.score {
    width:40px;
}
.popup_creation_tournoi .cadre form .btn_ajout {
    float: right;
    width: auto;
    margin-top: 15px;
    background: #484f63;
    padding: 10px;
}
.popup_creation_tournoi .cadre form .btn_ajout p {
    font-size:11px; 
    float:left;
    margin-top: 5px;
}
.popup_creation_tournoi .cadre form .btn_ajout a {
    color: #fff;
    background: #3072b9;
    font-size:12px;
    margin-left:10px;
    border-radius:50%;
    width:30px;
    height:30px;
    line-height: 1.5;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.popup_creation_tournoi .cadre form table td.score input[type=number] {
    width: 100%;
    background:#303542;
    border:1px solid #9ea7af;
    color:#fff;
    -moz-appearance: button;
    text-align: center;
}
.popup_creation_tournoi .cadre form table td.score input[type=number]:focus {
    border-color:#ee5b42;
}
.popup_creation_tournoi .cadre form input[type=text], .popup_creation_tournoi .cadre form input[type=date] {
    width:calc(100% - 20px);
    float:left; 
    padding:10px;
    border-radius: 20px;
    border: none;
    margin-top: 5px;
    margin-bottom: 20px;
}
.popup_creation_tournoi .cadre form textarea {
    width:calc(100% - 20px);
    float:left; 
    padding:10px;
    height: 50px;
    border-radius: 20px;
    border: 0;
}
.popup_creation_tournoi .cadre form .selected_reserver_court {
    border-radius: 0;
    width: calc(100% - 20px);
    height: 35px;
    margin-bottom: 10px !important;
    border-radius:20px;
}
.popup_creation_tournoi .cadre form .selected_reserver_court select {
    width: 103%;
    height: 100%;
    background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 96% 5px;
}
.popup_creation_tournoi .cadre form .label_radio {
    width: 50%;
    margin-left: 25%;
    float: left;
    padding: 5px 0;
    color: #575a82;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 5px;
    border-radius: 20px;
}
.popup_creation_tournoi .cadre form input.radio_carre {
    opacity: 0;
    display:none;
}
.popup_creation_tournoi .cadre form input.radio_carre:checked + .label_radio {
    background: #3072b9;
    color:#fff;
}
.popup_creation_tournoi .cadre form input[type=submit],
.popup_creation_tournoi .close_score_popup{
    width:auto;
    float:left; 
    padding:8px;
  
    text-align:center;
    color:#fff;
    background:#fff;
    border:none;
  
    font-size:14px;
    cursor:pointer;
    margin-top:20px;
    border-radius:20px;
    opacity:1;
    color: #fff;
}

.super_tie_break .score {
    display: flex;
    align-items: center;
}

.popup_creation_tournoi .cadre form input[type=submit]:hover{
    opacity:0.65;
    background:#fff;
}
form.form_creation_tournoi .entour_creation .filtres_tableau {
    margin-bottom:40px;
}
form.form_creation_tournoi .entour_creation table.table-fill2 {
    float:left;
    border:none;
    width:300px;
    border-collapse:collapse;
    margin-right:20px;
}
form.form_creation_tournoi .entour_creation table.table-fill2 th {
    padding:5px 10px;
    background:#1b1e24;
    border-bottom:25px solid #fff;
    color:#fff;
}
form.form_creation_tournoi .entour_creation table.table-fill2 tr {
    border-bottom:15px solid #fff;
} 
form.form_creation_tournoi .entour_creation table.tour_2 tr.match:first-child {
    border-top: 63px solid #fff;
} 
form.form_creation_tournoi .entour_creation table.tour_2 tr.match {
    border-top: 82px solid #fff;
}
form.form_creation_tournoi .entour_creation table.tour_3 tr.match:first-child {
    border-top: 140px solid #fff;
} 
form.form_creation_tournoi .entour_creation table.tour_3 tr.match {
    border-top: 213px solid #fff;
}
form.form_creation_tournoi .entour_creation table.tour_4 tr.match:first-child {
    border-top: 290px solid #fff;
} 
form.form_creation_tournoi .entour_creation table.tour_4 tr.match {
    border-top: 470px solid #fff; 
}
form.form_creation_tournoi .entour_creation table.tour_5 tr.match:first-child {
    border-top: 560px solid #fff;
} 
form.form_creation_tournoi .entour_creation table.tour_5 tr.match {
    border-top: 970px solid #fff; 
}
form.form_creation_tournoi .entour_creation table.tour_6 tr.match:first-child {
    border-top: 1185px solid #fff;
} 
form.form_creation_tournoi .entour_creation table.table-fill2 td.case_valide {
    position:relative;
    cursor:pointer;
    float: left;
}
form.form_creation_tournoi .entour_creation table.table-fill2 td.case_valide i {
    position: absolute;
    top: 8px;
    right: 0;
    color: #a1a4ac;
    font-size: 20px;
    padding: 10px;
    text-shadow: 0 0 1px #000000;
    transition:0.1s;
}
form.form_creation_tournoi .entour_creation table.table-fill2 td.case_valide i:hover {
    transition:0.1s;
    color: #ee5b42;
}
form.form_creation_tournoi .entour_creation table.table-fill2 td.number {
    font-size:10px;
    color:#000;
}
form.form_creation_tournoi .entour_creation table.table-fill2 span.equipe {
    color: #fff;
    width: calc(100% - 40px);
    float: left;
    padding: 5px 10px;
    padding-left:30px;
    font-size: 10px;
    transition:0.1s;
    background:#444; 
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    position:relative;
}
form.form_creation_tournoi .entour_creation table.table-fill2 span.equipe  span.num_equipe {
    background: #a1a4ac;
    color: #fff;
    position: absolute;
    width: 25px;
    font-size: 10px;
    text-align: center;
    margin-right: 10px;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 27px;
    border-bottom-left-radius:4px;
    border-top-left-radius:0px;
}
form.form_creation_tournoi .entour_creation table.table-fill2 span.first {
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px; 
}
form.form_creation_tournoi .entour_creation table.table-fill2 span.first span.num_equipe {
    border-bottom-left-radius:0px;
    border-top-left-radius:4px;
}
form.form_creation_tournoi .entour_creation table.table-fill2 span.equipe  span.num_score {
    background: #a1a4ac;
    color: #fff;
    position: absolute;
    width: 25px;
    font-size: 10px;
    text-align: center;
    margin-right: 10px;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 27px;
    border-bottom-right-radius:4px;
    border-top-right-radius:0px;
    margin:0;
}
form.form_creation_tournoi .entour_creation table.table-fill2 span.first span.num_score {
    border-bottom-right-radius:0px;
    border-top-right-radius:4px;
}
form.form_creation_tournoi .entour_creation table.table-fill2 span.equipe span.winner {
    background: #ee5b42; 
}
form.form_creation_tournoi .entour_creation .entour_scroll_tableau {
    float:left;
    min-height: 150px;
    width:2600px; 
}
form.form_creation_tournoi .centre_form_ajouter_sport {
    margin-left:0;
}
form.form_creation_tournoi .label-radio {
    position: relative;
    left: 20px;
    padding-left: 25px;
    margin-left: 0px;
    top: 5px;
}
form.form_creation_tournoi .label-radio::before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: #FFF;
    top: 0;
    left: 0;
}
form.form_creation_tournoi .label-radio::after {
    content: '';
    display: none;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    background: #6d3ef4;
    left: 0;
    top: 0px;
}
form.form_creation_tournoi input[type="radio"]:checked+.label-radio:after{
    display : block;
}
form.form_creation_tournoi input[type="radio"] {
    display:none;
}
.margeTop10{
    margin-top:10px;
}
.creation_tournois .liste_participants {
    background: #202121;
    color: #fff;
    padding: 10px;
    position: fixed;
    right: 20px;
    opacity: 0;
    bottom: 0;
    cursor: pointer;
    width: 250px;
    z-index: 999;
}
.liste_apparait {
    opacity:1 !important;
    right:5%;
}
.liste_participants span {
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px solid #ee5b42;
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 12px;
}
.liste_participants .span_name_participant {
    margin-bottom: 10px;
    max-height: 200px;
    overflow-y: scroll;
}
.liste_participants span i {
    float:right;
    color:#ee5b42;
    font-size: 16px;
}
.liste_participants p {
    color:#fff;
    width:100%;
    font-size:11px;
}
.liste_participants p.wrong_team{
    color:#c10;
}
.fa-minus-circle{
    color:#F00;
}
.popup_confirm_del_team .cadre ul li.active {
    width:calc(100% - 20px);
}
.popup_confirm_del_team .cadre ul.choix_2 li.active {
    width:calc(50% - 20px);
}
p.date_match {
    width: 100%;
    text-align: center;
    font-weight: 100;
    color: #666;
    font-style: italic;
    font-size: 14px;
}
p.score{
    font-weight: bold;
    text-align: center;
    width: 100%;
    font-size: 12px;
}
p.ajuste_en_ligne{
    float:none !important;
    margin:0 5px !important;
    width:auto !important;
    display:inline-block !important;
}
span.all_set{
    width:100%;
    float:left;
    text-align:center;
    margin:auto;
}
.entour_infos_param_tournoi span {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    background: #575a82;
    padding: 4px 10px;
    text-align: left;
    margin-left: -10px;
    margin-top: -10px;
    border-radius:20px;
}
.entour_infos_param_tournoi {
    background: #fff;
    padding: 10px;
    float: left;
    width: calc(100% - 20px);
}
form.form_creation_tournoi .entour_creation table.table-fill td p.vainqueur {
    width:100%;
    text-align:center;
    margin-top:5px;
    color:#6d3ef4;
}
.entour_scroll_tableau .flex {
    display:flex;
    margin-top: 50px;
}
.entour_scroll_tableau .title {
    width:100%;
    float:left;
    padding-left: 40px;
}
.entour_scroll_tableau .flex .colonne_simple{
    width: 320px;
    padding-left: 40px;
}
.entour_scroll_tableau .flex .colonne_double{
    width:420px;
    padding-left:40px;
}
.entour_scroll_tableau .title p {
    background: #575a82 !important;
    color: #fff;
    text-align:center;
    text-transform:uppercase;
    float:left;
    width:200px;
    padding:5px 0;
    position:relative;
}
.entour_scroll_tableau .title p:first-of-type{
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.entour_scroll_tableau .title p:last-of-type{
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.entour_scroll_tableau .title p i {
    top: 0;
    right: 0;
    padding: 8px;
    position: absolute;
    cursor: pointer;
    transition: 0.2s;
    font-size: 16px;
}
.entour_scroll_tableau .title p i:hover {
    transition:0.2s;	
    color:#EE5B42;
}
.entour_scroll_tableau_double .title p {
    width:420px;
}
.entour_scroll_tableau_simple .title p {
    width: 320px;
}
.entour_scroll_tableau .flex .ligne {
    display:flex; 
    align-items:flex-end; 
    height:60px; 
    border:1px solid black; 
    border-left:0; 
    margin:0 0 65px 0;
}
.entour_scroll_tableau .flex p {
    color: #fff;
    padding: 5px 12px;
    padding-left: 10px;
    font-size: 10px;
    transition: 0.1s;
    background: #575a82;
    position: absolute;
    width: 130px;
    margin: 0;
    margin-top: -26px;
    border-radius: 4px;
    font-size: 9px;
    text-transform: uppercase;
    padding-bottom: 0.5em!important;
}
.entour_scroll_tableau .flex p.simple {
    width: 190px;
}
.entour_scroll_tableau .flex p.double {
    width: 370px;
}

.score-panel {
    display: flex;
    flex-direction: row-reverse;
}

.convoc-icon {
    position: unset!important;
    font-size: 12px!important;
    padding: unset!important;
    padding-left: 0.5em!important;

}
.edit-team-tour-icon {
    font-size: 12px!important;
}
.entour_scroll_tableau .flex p i {
    position: absolute;
    top: 15px;
    right: 0px;
    color: #a1a4ac;
    font-size: 18px;
    padding: 5px;
    text-shadow: 0 0 1px #000000;
    transition: 0.1s;
    cursor: pointer;
    transition: 0.1s;
}
.entour_scroll_tableau .flex p span.date_match {
   
   display: inline-flex;
   width: 100%;
    text-transform: lowercase;
    color: #ddd;
}
.entour_scroll_tableau .flex p i:hover {
    transition:0.1s;
    color:#ee5b42;
}
.entour_scroll_tableau .flex .ligne p {
    margin-bottom:-25px;
}
.entour_scroll_tableau .flex p span.first, p span.second {
    display: inline-flex;
    width: calc(100% - 15px);
    height: 20px;
    flex-wrap: wrap;
}
.entour_scroll_tableau .what_team {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    cursor:pointer;
}
.entour_scroll_tableau .flex p span.first span.num_equipe {
    background: #a1a4ac;
    color: #fff;
    position: absolute;
    width: 25px;
    font-size: 10px;
    text-align: center;
    margin-right: 10px;
    top: 0;
    left: 0;
    height: 50%;
    line-height: 27px;
    border-top-left-radius: 4px;
}
.entour_scroll_tableau .flex p span.second span.num_equipe {
    background: #a1a4ac;
    color: #fff;
    position: absolute;
    width: 25px;
    font-size: 10px;
    text-align: center;
    margin-right: 10px;
    top: 50%;
    left: 0;
    height: 50%;
    line-height: 27px;
    border-bottom-left-radius: 4px;
}
.entour_scroll_tableau .flex p span.first span.num_score, .entour_scroll_tableau .flex p span.second span.num_score {
    background: #fff;
    color: #000;
    float: right;
    width: 20px;
    font-size: 11px;
    text-align: center;
    margin-right: 1px;
}
.entour_scroll_tableau .flex p span.second span.winner, .flex p span.first span.winner {
    background: #ee5b42; 
}
.entour_scroll_tableau .flex .colonne:nth-child(2) p, .colonne:nth-child(3) p, .colonne:nth-child(4) p, .colonne:nth-child(5) p, .colonne:nth-child(6) p {
    margin-left:10px;
}
/* TOUR 2 */
/*.entour_scroll_tableau .flex .colonne:nth-child(2){
    padding: 53px 0 0 0;
}*/
/*.entour_scroll_tableau .flex .colonne:nth-child(2) .ligne {
    height: 127px;
    margin: 0 0 125px 0;
}*/
/* TOUR 3 */
/*.entour_scroll_tableau .flex .colonne:nth-child(3){
    padding:94px 0 0 0;
}
.entour_scroll_tableau .flex .colonne:nth-child(3) .ligne {
    height: 254px;
    margin: 0 0 251px 0;
}*/
/* TOUR 4 */
/*.entour_scroll_tableau .flex .colonne:nth-child(4){
    padding: 221px 0 0 0;
} 
.entour_scroll_tableau .flex .colonne:nth-child(4) .ligne {
    height: 507px;
    margin: 0 0 505px 0;
} */
/* TOUR 5 */
/*.entour_scroll_tableau .flex .colonne:nth-child(5){
    padding: 475px 0 0 0;
}
.entour_scroll_tableau .flex .colonne:nth-child(5) .ligne {
    height: 1017px;
    margin: 0;
}*/
/* Final */
/*.entour_scroll_tableau .flex .colonne:nth-child(6){
    padding: 983px 0 0 0;
}
.entour_scroll_tableau .flex .last_ligne{
    height:0; 
}*/
.entour_scroll_tableau .flex .colonne:nth-child(6) p {
    width:140px;
}
.margeTop_tab_gen{
    margin-top:20px;
}
.paiement_cb_dirigeant p.infos_compte {
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.paiement_cb_dirigeant p.infos_compte select {
    width: 250px;
    height: 30px;
    padding: 5px;
}
.paiement_cb_dirigeant p.infos_compte span {
    width:300px;
    float:left;
    font-weight: bold;	
}
.paiement_cb_dirigeant p.infos_compte span.stripe_active,
.paiement_cb_dirigeant p.infos_compte span.stripe_inactive{
    float:none;
    width:auto;
    padding:5px;
}
span.stripe_inactive{
    background: #c10000;
    color:#fff;

}
span.stripe_active{
    background: #090;
    color:#fff;
    border-radius: 20px;
    padding: 10px 20px !important;
}
.paiement_cb_dirigeant p.infos_compte_select span {
    margin-top:8px;
}
.paiement_cb_dirigeant .indications_infos_compte {
    margin-top:20px;
    width: calc(100% - 20px);
    border-radius:4px;
    background:#575a82;
    float:left; 
    padding:10px;
    border-radius:20px;
}
.paiement_cb_dirigeant .indications_infos_compte p {
    color:#fff;
    float:left;
    width:calc(100% - 30px);
    margin:0;
}
.paiement_cb_dirigeant .indications_infos_compte i {
    font-size:24px;
    width: 30px;
    margin-top:5px;
    color:#fff;
    float:left;
}
.entour_scroll_tableau .winner{
    color:#d09e5d;
    font-weight: bold;
}
.form_ajout_evenement .entour_creation .delete_fa {
    position:absolute;
    top:0;
    right:0;
    padding:10px;
    cursor:pointer;
    font-size: 18px;
    color: #C00;
}
form.form_creation_tournoi a.btn_gen_tab {
    width: 100px;
    padding: 5px 0;
    text-align: center;
    margin-top:20px;
}
.info_team {
    position: fixed;
    background: #202020;
    color: #fff;
    display: none;
    padding: 5px;
    z-index: 999;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    border-bottom: 2px solid #ee5b42;
    font-size:11px;
    text-transform: uppercase;
}
.case_relative:hover .info_team{
    display:block;
}
.affiche_date_league input{
    width:200px !important;
}
body.creation_tournois .popup_filtre {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background: #1B1E24;
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
    border-bottom: 2px solid #EE5B42;
    z-index: 99;
}
body.creation_tournois .popup_filtre i {
    margin-right:10px;
    font-size:14px;
}
.loading { 
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;	
    background:rgba(0, 0, 0, 0.5);
    text-align:center;
    z-index: 9999999;
}
.loading i {
    font-size:50px;
    color:#fff;
    margin-top: 15%;
    color:#6d3ef4;
    color:#0F1524
}
.membre .loading i {
    color:#fff;
}
.add_team_poule, .change_team_poule {
    margin-left: 25%;
    padding: 5px;
    float: left;
    background: #fff;
    color:#575a82;
    cursor: pointer;
    border-radius: 20px;
    margin-top: 5px;
    margin-right: 5px;
    width: calc(50% - 15px);
}
.team_change_poule{
    text-align: center;
}
.confirm_del_team{
    text-align: center;
}
.add_team_poule span.player {
    float:left;
    width:50%;
    text-align:center;
    text-transform: uppercase;
    font-size: 12px
}
.change_team_poule span.poule {
    float:left;
    width:100%;
    text-align:center;
}
.add_team_poule span.player span {
    font-size:10px;
    float:left;
    width:100%;
}
form.affiche_choice_team{
    width: 100%;
    float: left;
    
    overflow: hidden;
    overflow-y: hidden;
}
span.forme{
    font-size:18px;
}
span.victory{
    color:#1BE315;
}
span.defeat{
    color:#E10005;
}
.tab_center{
    text-align:center;
    width: 100%
}

table.tab_center td p{
    float:none;
    text-align:center;
}
table.tab_center td p.team{
    float:left;
}
table.tab_center td.text-left
{
    text-align:center;
}
/* Firefox */
.popup_creation_tournoi .cadre form table td.score input[type="number"] {
    -moz-appearance: textfield;
}
/* Chrome */
.popup_creation_tournoi .cadre form table td.score input::-webkit-inner-spin-button,
.popup_creation_tournoi .cadre form table td.score input::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin:0;
}
/* Opéra*/
.popup_creation_tournoi .cadre form table td.score input::-o-inner-spin-button,
.popup_creation_tournoi .cadre form table td.score input::-o-outer-spin-button { 
    -o-appearance: none;
    margin:0
}
body.creation_tournois .popup_details table tr.tie_break {
    background:#303542;
    font-size:12px;
}
body.creation_tournois .popup_details table tr.super_tie_break {
    background:#252933;
    font-size:12px;
}
body.creation_tournois .popup_details table tr.tie_break td.score i {
    float: left;
    padding: 7px 0;
    color: #fff;
    background: #3072b9;
    font-size: 10px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    border-radius:50px;
    width:30px;
    height: 30px;
    line-height: 1.5;
}
/*body.creation_tournois .popup_details table tr.tie_break td.score input[type=number] {
    padding: 3px 10px;
}*/
body.creation_tournois .popup_details table tr.tie_break td.score input[type=number]:first-child {
    margin-bottom: 3px;
}
/*checkboxx codepen*/
/* functionality */
input[type="checkbox"].graphic {
    display: none;
}
input[type="checkbox"].graphic + label,
input[type="checkbox"].graphic + label > .flag {
    padding: 0;
    display: inline-block;
}
input[type="checkbox"].graphic + label {
    position: relative;
    /* style */
    font-size: 12px;
    font-family: Verdana;
    color: #fff;
}
input[type="checkbox"].graphic + label > .flag {
    position: absolute;
    right: 0;
    /* style */
    width: 30px;
    left: -5px;
    top: -15px;
    bottom: -15px;
}
/* checked state indicator images */
input[type="checkbox"].graphic + label > .flag {
    background-repeat: no-repeat;
    background-position: 0px 50%;
    content: '';
    z-index: 2;
    transform: scale(1) rotate(0deg);
}
input[type="checkbox"].graphic:checked + label > .flag,
input[type="checkbox"].graphic + label:active > .flag {
    background-image: url(https://cl.ly/image/0v3Y1M1D2l1f/tick.png);
    transform: scale(0.9) rotate(360deg);
}
input[type="checkbox"].graphic + label > .flag,
input[type="checkbox"].graphic:checked + label:active > .flag {
    background-image: url(https://cl.ly/image/0B0E1b0z003I/cross.png);
    transform: scale(0.9) rotate(0deg);
    background-size:contain;
}
[type="checkbox"].graphic:not(:checked) + label::before, [type="checkbox"].graphic:checked + label::before {
    width:0;
    content:'';
    background:none;
    border:none;
}
[type="checkbox"].graphic:not(:checked) + label::after, [type="checkbox"].graphic:checked + label::after {
    width:0;
    content:'';
    background:none;
    border:none;
}
span.indications
{
    font-size:10px;
    font-style:italic;
}
p.indic_next_update {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}

.empty_json_content {
    width: auto !important;
    padding: 3em;
}

p.team_inactive_for_now{
    color:#999 !important;
}
form.form_creation_tournoi .entour_creation table.table-fill td p.delete_match {
    float: right;
    color: #C00;
    margin-top: -5px;
    margin-right: -5px;
}
.barre_toi{
    position:absolute;
    margin-left:-9999px;
}
.full_width_important{
    width:100%;
}
.on_veut_pas_de_ce_match, .ajoute_moi_un_tour {
    padding: 0 !important;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #6d3ef4 !important;
    font-size: 30px !important;
    text-align: center !important;
    float: left !important;
    cursor: pointer !important;
    margin-bottom: -35px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
}
.on_veut_pas_de_ce_match {
    width: 80% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
    position: static !important;
    font-size: 35px !important;
    padding-bottom: 15px !important;
    padding-top: 10px !important;
}
.ajoute_moi_un_tour {
    text-align: left;
    margin: 0;
    position: absolute;
    left: -40px;
    background: none;
    font-size: 30px !important;
    width:0;
    top:17px;
}
.form_ajout_evenement .entour_creation .delete_match_arbre {
    top: -10px;
    right: -5px;
    background: #fff;
    padding: 3px;
    border-radius: 50%;
    width: 15px;
}
span.horaire_match{
    width:100%;
    float:right;
}
img.invert_color{
    filter: invert(1);
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -o-filter: invert(1);
    -ms-filter: invert(1);
}
.membre .crea_tournoi{
    background: #a600b5;
    border: none;
}
table.spec_membre td{
    background:#1f1f28;
}
table.spec_membre th {
    color: #1f1f28;
    background: #fff;
}
table.spec_membre{
    border-radius:none;
    background:none;
}
.demo_membre{ 
    width: 100%;
    float: left;
    overflow-x: scroll;
}
.ligne_classement{
    width:100%;
    float:left;
    padding: 5px 0px;
    border-bottom: 1px solid #444;
}
.ligne_classement p{
    float:left;
    width:10%;
    text-align:center;
}
.premiere_ligne_classement{
    background:#000;
}
.ligne_classement p.cache_tel{
    display:block;
}
.ligne_classement p.first{
    width:30%;
    text-align:left;
    text-transform:uppercase;
    font-size:11px;
}
select[name="quelle_partie_du_tournoi"] {
    width: 300px;
    text-align: center;
    margin-left: calc(50% - 150px);
    margin-bottom: 20px;
    margin-top: 50px;
    padding: 8px 0;
    cursor:pointer;
}
.ligne_match{
    width:100%;
    float:left;
}
.ligne_match p{
    float: left;
    width: calc(10% - 20px);
    text-align: center;
    padding: 10px;
}
.ligne_match p.team {
    float: left;
    width: calc(50% - 20px);
    text-align: left;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 10px;
}
.ligne_match p.team span{
    float:none;
}
.ligne_match {
    width: 100%;
    float: left;
    background: #58586e;
    margin: 10px 0px;
}
span.separ_match{
    width:95%;
    float:left;
    min-height:1px;
    background:#333;
    margin: 0 2.5%;
}
.ligne_match p.quand_on_joue {
    width:100%;
    position:relative;
    float:left;
    text-align:center;
    background:#373745;
    padding: 10px 0;
}
.ligne_match p.quand_on_joue i.entre_score {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
    font-size: 16px;
    cursor: pointer;
    transition:0.2s;
}
.ligne_match p.quand_on_joue i.entre_score:hover,
.ligne_match p.clikmeformoreinfos i.affiche_tel:hover {
    transition:0.2s;
    color: #ee5b42;
}
.ligne_match p.clikmeformoreinfos i.affiche_tel {
    margin-right:10px;
    font-size: 14px;
    cursor:pointer;
    transition:0.2s;
}
.creation_de_tournois .popup_infos_joueurs{
    position:fixed;
    top:5%;
    left:5%;
    width:90%;
    height:90%;
    z-index:1000;
    background:#373745;
    color:#fff;
}
.creation_de_tournois .popup_infos_joueurs .close_popup_infos_joueurs{
    position:absolute;
    top:20px;
    right:20px;
    color:#fff;
    cursor:pointer;
}
.creation_de_tournois .inser_info_tournois_joueurs {
    text-align: center;
    margin-top:50px;
}
.creation_de_tournois .inser_info_tournois_joueurs span {
    float:left;
    width:100%;
    margin-top:20px;
}
/* animation */
input[type="checkbox"].graphic + label > .flag {
    transition: all 0.5s cubic-bezier(1, -0.36, 0, 1.385);
    /* custom */
    transition-timing-function: cubic-bezier(1, -0.36, 0, 1.385);
    /* custom */
}
a.event_associe{
    padding: 5px 10px;
    background: #6d3ef4;
    color: #fff;
    border-radius:20px;
}
a.event_associe:hover{
    color:#fff;
    text-decoration: none;
    opacity: 0.65;
}
.entour_infos_param_tournoi input {
    background:#DFE0E1;
    padding:10px;  
}
.entour_infos_param_tournoi .alert {
    margin-top:0; 
    padding:0;
}
.entour_infos_param_tournoi .label_radio {
    margin-top:10px;
}
.entour_infos_param_tournoi .label-radio::before {
    background:#DFE0E1!important;
}
.entour_infos_param_tournoi a.supprimer {
    float: right;
    width: auto;
    text-align: left;
    padding: 10px 20px;
    color: #fff;
    background: #6d3ef4;
    font-size: 12px;
    transition: 0.2s;
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 20px;
}
.entour_infos_param_tournoi a.supprimer i {
    margin-right:10px;
}
.entour_infos_param_tournoi a.supprimer:hover {
    transition: 0.2s;
    opacity:0.65;
}
body.creation_tournois a.telecharger {
    float: left;
    width: auto;
    text-align: left;
    padding: 10px 20px;
    color: #fff;
    background: #6d3ef4;
    font-size: 12px;
    transition: 0.1s;
    margin-top: 15px;
    margin-right: 10px;
    border-radius:20px;
}
body.creation_tournois a.telecharger i {
    margin-right:10px;
}
body.creation_tournois a.telecharger:hover {
    opacity: 0.65;
    transition: 0.1s;
}
body.creation_tournois a.telecharger_arbre {
    margin-top:0;
    margin-bottom:30px;
}
.reset_winner {
    margin-top:22px;
    float:left;
    margin-bottom:-20px;
    margin-left:5px;
}
.encadre_fleche_navigation_tournoi{
    width:300px;
    float:left;
    margin-left: calc(50% - 150px);
}
.prev_next_tournament{
    float:left;
    width:40%;
    text-align:center;
    background:#ee5b42;
    color:#fff;
    font-size: 20px;
    margin: 0 5%;
}

.encadrementFormulaireInfo .fileuploader-input-button {
   background-color: #6d3ef4;
}
.encadrementFormulaireInfo .fileuploader-input-caption {
  color: #6d3ef4;
}
.encadrementFormulaireInfo .fileuploader-action-success {
  background-color: #5cb85c;
}

a.parcourir_biblio {
    float: right;
    background: #6d3ef4;
    padding: 6px 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-right: 10%;
    transition: 0.2s;
    font-weight: normal;
    margin-bottom: 15px;
    border-radius: 20px;
}
a.parcourir_biblio:hover {
    background: #6d3ef4;
    transition:0.2s;
}
.popup_bibliotheque .overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.9);
    z-index: 9998; 
}
.popup_bibliotheque .cadre {
    position: fixed;
    top: 5%;
    padding: 20px;
    width: 50%;
    left: 25%;
    background: #fff;
    z-index: 9999;
    border-radius: 5px;
    max-height: 90%;
    overflow-y: auto;
    box-sizing: border-box;
}
/*.popup_bibliotheque i {
    position:absolute;
    padding:10px;
    top:0;
    right:0;
    cursor:pointer;
    color:rgba(0, 0, 0, 0.5);
    transition:0.1s;
    font-size: 18px;
}*/
.popup_bibliotheque .fa-times {  
    position:absolute;
    padding:10px;
    top:0;
    right:0;
    cursor:pointer;
    color:#fff;
    transition:0.1s;
    font-size: 18px;
    text-shadow:unset!important;
    opacity:unset!important;
}
.popup_bibliotheque .fa-times:hover {
    color:rgba(0, 0, 0, 1);
    transition:0.1s;
}
.popup_bibliotheque p {
    margin-bottom:20px;
    width:100%;
    text-align:center;
    font-size:14px;
}
.popup_bibliotheque a.entour_img {
    float:left;
    width:150px;
    height:150px;
    margin-left:15px;
    margin-bottom:15px;
    overflow:hidden;
}
.popup_bibliotheque a.entour_img.valid_img img:hover {
    transition:0.2s;
    border:2px solid #6d3ef4;
}
.popup_bibliotheque a.entour_img.unvalid_img img:hover {
    cursor:not-allowed;
}
.popup_bibliotheque a.entour_img img {
    width:calc(100% - 4px);
    border:2px solid #fff;
    transition:0.2s;
}

.biblio_container {
    max-height: 500px;
    overflow: auto;
    width: 100%;
}
form .img_biblio_choose {
    float:right;
    width:100px;
    margin-right:10%;
}
form .img_biblio_choose img {
    width:100%;
}
.evenement .selected_reserver_court {
    width: 90%;
    border-radius: 20px;
}
.evenement .selected_reserver_court select {
    background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 93% 5px;
    width: 105%;
}
.evenement .ajout_session a.all_etoile {
    float: left;
    padding: 5px 10px;
    color: #fff;
    background: #6d3ef4;
}
.ajout_session .encadrementFormulaireInfo textarea {
    height:70px;
}
.ajout_session .encadrementFormulaireInfo textarea:focus {
    height:70px;
}
.affiche_si_midi, affiche_si_soir {
    float:left;
}
.evenement .encadre_session p.infos {
    width:35%;
}
.fiche_popup {
    position:fixed !important;
    top:100px !important;
    width:70% !important;
    left:15% !important;
    margin-left:0 !important;
    z-index: 103!important;
}
.fiche_popup i.btn_sup_paiement {
    color:#d80027;
    cursor:pointer;
    margin-left:10px;
}
.fiche_popup a.btn_paiement_fiche {
    width: 140px;
    text-align: left;
    padding: 5px 10px;
    color: #fff;
    background: #444;
    font-size: 12px;
    transition: 0.2s;
    margin-bottom: 10px;
    float: left;
}
.fiche_popup a.btn_paiement_fiche i {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 3px;
}
.fiche_popup a.btn_paiement_fiche:hover {
    background:#6d3ef4;
    transition:0.2s;
}
.fiche_popup a.valide_change_session {
    width: 150px;
    float: left;
    padding: 5px 5px;
    text-align: center;
    background: #6d3ef4;
    color: #fff;
    transition: 0.2s;
    margin-left: 15px;
    margin-top: 15px;
    border-radius: 50px;
}
.fiche_popup span.valide_change_session:hover {
    background:#7B90EF;
    transition: 0.2s;
}
.fiche_popup span.popup_sup_paiement {
    float: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.fiche_popup span.popup_sup_paiement a {
    text-align: center;
    width: 40px;
    background: #6d3ef4;
    color: #fff;
    float: left;
    margin-right: 8px;
    margin-top: 5px;
    transition: 0.2s;
}
.fiche_popup span.popup_sup_paiement a:hover {
    transition: 0.2s;
    background:#60A3F2;
}
h3.table_title {
    margin-left: 1%;
    margin-top: 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color: #6d3ef4;
}
.entour_jouer_sport {
    float: left;
    width: 100%; 
    margin-bottom: 30px;
}
a.btn_invite_ami,
a.btn_infos_regles {
    padding: 5px 15px;
    margin-bottom: 20px;
    margin-right: 10px;
}
p.infos_regles {
    width: 90%!important;
}
a.btn_invite_ami i {
    margin-right: 5px;
}
a.btn_confirm_partie, a.btn_cloture_team, a.btn_cloture_teams, a.btn_confirm_partie_foot, a.btn_sollicite_partie {
    padding: 5px 5px;
    margin-left: 10px;
    font-size: 12px;
    width: 140px;
    text-align: center;
    margin-top: 5px;
}
a.btn_notif{
    padding:10px;
    background: #2196F3;
    color:#fff;
    font-size: 12px;
    font-weight: bold;
    margin-top:10px;
    float:left;
    transition: 0.5s;
}

a.btn_notif:hover{
    opacity:0.8;
    transition: 0.5s;
}
a.btn_notif_cloche {
    padding: 5px;
    background: #2196F3;
    color:#fff;
    font-size: 10px;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    transition: 0.5s;
    margin-right: 5px;
}
.multichance{
    margin-top:10px!important;
}
form.ajouter_joueur .reduction_spache_height .col40, form.ajouter_joueur .reduction_spache_height .col60, form.ajouter_joueur .reduction_spache_height .col30, .reduction_spache_height .radio-tuto div{
    margin-top:5px !important;
    margin-bottom:0px !important;
}
.spec_fut{
    margin-top:20px;
    margin-left:0px;
}

.trait_team_2 {
    border-bottom: 1px dashed #444;
    width: 100%;
    min-height: 1px;
    float: left;
    margin-bottom: 10px;
}
p.non_dispo{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 40px;
}
span.nb_players {
    font-weight: 100;
    font-size: 11px;
    float: left;
    width: 100%;
    color: #fff;
}
label span.nb_players {
    color: #444;
}
a.ajout_court {
    float: left;
    width: 200px;
    text-align: center;
    background: #f60;
    margin-left: calc(50% - 100px);
    color: #fff;
    padding: 10px 0px;
}
a.supprim_court{
    float:right;
    background:#c10000;
    color:#fff;
    border-radius:0px;
    margin-top:15px;
    margin-left:5px;
    box-shadow:none;
    padding:5px 10px;
    font-size:12px;
}
form.modif_court_admin .selected_ajouter_sport{
    border: 1px solid #444;
}
form.modif_court_admin .trait_separ_courts {
    margin-top:0px;
}
.reservation p.nom_court{
    color:#fff;
    text-align:center;
    font-size:11px;
    margin-top:5px;
}
.reservation .quand_j_ai_reserve{
    text-align:center;
    color:#444;
    font-size:10px;
}
/*********ON/OFF COTE COMMERCIAL DABORD************/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    margin-top:20px;
}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #2196F3;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}
.slider.round:before {
    border-radius: 50%;
}
label.switch p {
    float: left;
    margin-left: 60px;
    margin-top: 4px;
    width:200px;
    color:#444;
    font-size:12px;
}
.cache_moi_cette_page{
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10;
}
.change_players_foot {
    float: left;
    width: 100px;
    text-align: center;
    background: #000;
    margin-right: 20px !important;
    height: 45px;
    cursor:pointer;
}
.change_players_foot_select, .change_players_foot:hover{
    background:#c85523;
}
.change_players_foot .icone_foot {
    background: url('../../img/elements/icone_foot.png') no-repeat 0px 0px;
    background-size: auto auto;
    background-size: auto auto;
    background-size: 31px;
    height: 28px;
    margin-top: 0px;
    text-align: center;
    margin-left: calc(50% - 15px) !important;
}
.change_players_foot p{
    color:#fff;
    font-size:11px;
}
p.info_dirigeant_crea_partie{
    color:#fff;
    text-align:center;
    float:left;
    width:100%;
    font-weight:bold;
    font-size:18px;
    border-top:1px solid #444;
    padding-top:10px;
}
span.pastille {
    background: #c10000;
    border-radius: 50px;
    position: absolute;
    width: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    height: 20px;
    line-height: 1.8;
    top: 8px;
    z-index: 1;
    right: -5px;
}
span.pleines_creuses{
    text-transform:lowercase;
    float:left;
    width:100%;
}
select[name='pleines_creuses'] {
    float: left;
    width: 70px;
    margin-left: 10px;
    height: 26px;
    border: 0;
}
.confirm_ajax{
    position:fixed;
    bottom:20px;
    right:-520px;
    width:400px;
    padding:20px;
    transition:1s;
    z-index: 5000;
    border-radius:50px;
}
.confirm_ajax_error{
    border:1px solid #c10000;
    background:#c10000;
}

.confirm_ajax_success{
    border:1px solid #158f35;
    background:#20ad44;
}

.confirm_ajax_visible{
    right:20px;
    transition:1s;
}
.confirm_ajax p{
    color:#fff;
    float:left;
    text-align:center;
    width:100%;
}
.loader_wait_bank{
    display:none;
    position:fixed;
    width:100%;
    left:0;
    top:0;
    height:100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align:center;
    z-index:100;
}
.loader_wait_bank img{
    text-align:center;
    margin-top:100px;
}
a.ajout_offre_credits, a.historique_credits{
    background:#444;
    color:#fff;
    padding:5px 10px;
    text-align:center;
    float:left;
    margin-top:20px;
    font-size:12px;
    margin-right:5px;
}
a.ajout_offre_credits:hover, a.historique_credits:hover{
    background:#aaa;
}
.popup_ajout_offre_credits, .popup_ajout_abo {
    position: fixed;
    float: left;
    width: 400px;
    left: calc(50% - 200px);
    top: 200px;
    z-index: 1000000;
    background: #ccc;
}
.popup_ajout_offre h3, .popup_ajout_abo h3{
    color: #6d3ef4;
    padding-left: 40px;
    padding-top: 0;
    margin: 0;
      margin-top: 0px;
      margin-bottom: 0px;
    margin-bottom: 0;
    margin-bottom:20px;
}
.popup_ajout_offre select, .popup_ajout_abo select, .popup_add_product select, .time-supp-sa, .time-supp-sa-after{
  padding: 5px 0px;
  float: left;
  width: 90%;
  margin-top: 20px;
  margin-left: 0;
  text-align: center;
  margin-top: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: none;
  border: 1px solid #ccc;
}
.popup_ajout_abo input.rajout { 
    margin-left: 25%;
    width: calc(50% - 25px) !important;
    box-sizing: border-box;
    padding: 5px;
    border:none;
}

.popup_ajout_abo p.rajout {
    text-align:center;
    margin-top:10px;
}
.popup_ajout_abo a.new_abo{
    text-align: center;
    color: #444;
    font-size: 12px;
    text-decoration: underline;
    width: 100%;
    float: left;
    margin-top:5px;
}
.valide_offre_credits, .valide_abo {
    background: #6d3ef4;
    color: #fff;
    float: left;
    width: 100px;
    margin-left: 150px;
    padding: 5px 0px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.popup_ajout_offre_credits h3 i, .popup_ajout_abo h3 i{
    float:right;
    margin-right:10px;
    cursor:pointer;
}
p.info_change_creneau{
    float:left;
    width:80%;
    margin: 20px 10%;
    text-align:center;
    background:#fff;
}
.separ_parm_crea_partie{
    min-height:1px;
    background:#ccc;
    float:left;
    width:100%;
}
p.info_resa_foot{
    float:left;
    width:100%;
    text-align:center;
}
input.input_jscolor{
    width:200px;
}
.radio-tuto div.result_autocomplete_partner{
    float:left;
    background:#000;
    overflow-y:scroll;
    width:100%;
    max-height:200px;
    margin-top:5px;
}
.radio-tuto div.partner_a_select, .radio-tuto div.partner_a_select_no_found {
    color: #fff;
    background: #1f1f28;
    width: 90%;
    float: left;
    padding: 5px 5%;
    margin-bottom: 5px;
    cursor:pointer;
}
.radio-tuto div.partner_a_select_no_found {
    background:#000;
    text-align:center;
}
span.pastille_cp{
    top: -10px;
    line-height: 2;
    right: -8px;
}
p.annotation_resa{
    margin-top:0;
}
.send_incription_partie p.infos{
    font-size:11px;
    font-style:italic;
    font-weight:100;
}
/**********************SPINNER*********************/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/******************************/
/************  PROGRAMME DE FIDELITE  ********************/
.click_help{
    position:relative;
}
.click_help_listing{
    margin-left:5px;
}
span.help {
    background:#fff;
    width:400px;
    padding:10px;
    border-radius:5px;
    border: 1px solid #ccc;
    color:#444;
    float:left;
    position:absolute;
    top: 50px;
    left: 20px;
    display:none;
    font-weight:100;
    z-index:10;
}
.click_help:hover span.help{
    display:block;
}
/*********************************************************/
.entour_mes_credits_historique
{
    padding:10px 5px;
    background:#fff;
}
.entour_mes_credits_historique label{
    color:#000;
}
.cheat_code_class_debit{
    font-size:1px;
    color:#fff;
}
.style_modif_date_ce{
    font-size:11px;
    color:#888;
    cursor:pointer;
}
.style_modif_resa{
    position:absolute;
    right:5px;
    bottom:5px;
    cursor:pointer;
}
.style_modif_resa .fa:hover {
    color:#000;
    transition:0.2s;
}
.style_modif_resa .fa{
    font-size:16px;
    color:#fff;
    font-weight:bold;
    transition:0.2s;
}
.popup_modif_planning{
    position:fixed;
    width:50%;
    top:100px;
    left:25%;
    background:#fff;
    z-index:10000;
    padding-top:20px;
    padding-bottom:20px;
}
.popup_modif_planning p.title{
    color:#202121;
    font-size:20px;
    text-align:center;
}
.popup_modif_planning p.infos{
    color:popup_modif_planning;
    font-size:14px;
    text-align:center;
    margin-bottom:5px;
}
.popup_modif_planning p.infos span{
    color:#6d3ef4;
}
.st_joueur{
    color:#000;
    text-align:left;
    float:left;
    width:80%;
    margin-left:10%;
    border:none;
    margin-bottom:5px;
    padding:5px 0px;
    border:1px solid #ccc;
}
.popup_modif_planning a.btn_valid_changement{
    color:#fff;
    background:#6d3ef4;
    float:left;
    width:20%;
    padding:5px 0px;
    margin-left:70%;
    text-align:center;
}
.popup_modif_planning i{
    position:absolute;
    right:5px;
    top:5px;
    color:#202121;
    cursor:pointer;
    font-size:16px;
}
.popup_modif_planning label.checkbox{
    float: left;
    width: 80%;
    margin-left: 10%;
}
.change_me{
    cursor:pointer;
}

.change_resa_css {
    position: absolute;
    top: 0px;
    right: 25px;
    background: #fff;
    width: 20px;
    text-align: center;
    height: 23px;
    line-height: 2;
    cursor: pointer;
}
input.modif_resa{
    float: left;
    width: 60%;
    border: 1px solid#ccc;
    padding: 5px;
    margin-left: 20%;
    margin-bottom:5px;
}
.popup_modif_planning p.question {
    float: left;
    width: 30%;
    margin-left: 20%;
}
.popup_modif_planning select.infos_resa {
    float: left;
    width: 30%;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.popup_modif_planning p.question:nth-of-type(1) {
    margin-top:20px;
    margin-bottom:10px;
}
.popup_modif_planning input[name='conso']{
    width:30%;
    float:left;
    padding: 5px;
    box-sizing: border-box;
    margin-top:20px;
    margin-bottom:10px;
}
.centre_form_ajouter_sport .no_fiche{
    margin-left:40% !important;
}
.centre_form_ajouter_sport .no_fiche_div{
    margin-left:50% !important;
}

.popup_modif_planning .error_popup{
    border: 1px solid #c10000;
    background:#ff6961;
    color:#fff;
    float:left;
    width:80%;
    margin:10px 10%;
    padding:10px;
    border-box:box-sizing;
    text-align: center;
}
.mon_form_adapte_cordova_ios{
    width:100%;
    float:left;
}
.form_encart_offre_membre form .mon_form_adapte_cordova_ios input{
    border:none !important;
    float:left;
    padding: 5px 0px !important;
    border-bottom: 1px solid #eee !important;
    color:#666 !important;
    height: auto !important;
}
.form_encart_offre_membre form .mon_form_adapte_cordova_ios input:placeholder-shown{
    color:#ddd !important;
}
.form_encart_offre_membre form .mon_form_adapte_cordova_ios input[name='card_number']{
    width:100%;
    margin-bottom:10px;
}
.form_encart_offre_membre form .mon_form_adapte_cordova_ios input[name='card_expiry'], .mon_form_adapte_cordova_ios input[name='card_cvc']{
    width:45% !important;
}
.mon_form_adapte_cordova_ios input[name='card_cvc'], .mon_form_adapte_cordova_ios label.cvc {
    margin-left:5% !important;
}
.mon_form_adapte_cordova_ios label{
    float:left !important;
    width:45% !important;
    position:static !important;
    color:#000 !important;
    font-weight:bold !important;
}
.mon_form_adapte_cordova_ios label.card_number{
    width:80% !important;
}
.form_encart_offre_membre form .mon_form_adapte_cordova_ios input[type="number"]{
    width:45% !important;
}
main .example.example2-dos label.save_my_cb{
    width:80%;
    white-space:normal;
    font-size:13px;
}
.search_partner_style {
    float:left;
    background:#6d3ef4;
    color:#fff !important;
    padding:5px 10px;
}
.search_partner_style i{
    margin-right:5px;
    float:left;
}
/***********************RETOUCHE 15/11/18 *************/
.StripeElement {
    background-color: white;
/*    height: 40px;*/
    border-radius: 4px;
    border: 1px solid black;
    padding: 2em;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
#card-errors {
    color: #ff0000;
}
main .example.example2-dos label.card_number {
    position:static !important;
    color:#444 !important;
    display: none;
}
/*admin paiements*/
.ligne_paiement{
    float:left;
    width:100%;
    border-bottom: 1px solid #ccc;
    padding:5px 0px;
}
a.refund, .deletePaymentFromListPays {
    color: #FFF;
    background:#1f1f28;
    font-weight: bold;
    color: #6d3ef4 !important;
    background: none !important;
    margin-left:10px;
    cursor: pointer;
}

a.showCantRefundPopup {
    opacity:0.3;
}

span.refund{
    color:#c10000;
    font-weight:bold;
}
/***** REPAS JOUER AU COTE MEMBRE***********/
.reserver_un_court label.restaurant{
    float: left;
    margin-right: 20px;
    margin-left: 20px;
}
.reserver_un_court input.input_repas_jouer_au{
    float: left;
    width: 30px;
    text-align: center;
    margin-right: 20px;
}
.reserve_restau{
    float:left;
    width:250px;
    text-align:center;
    background:#000;
    margin-left: calc(50% - 130px) !important;
    margin-right: calc(50% - 130px) !important;
    padding: 10px;
}
.reserve_restau i.fas{
    color:#fff;
}
.reserve_restau i.fas {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}
/****************NOUVEAU SPINNER 14/05 **************/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    display:none;
    margin-top: 100px !important;
    margin-left: calc(50% - 32px) !important;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/***********                  **************/
select.indicatif_pays{
    float:left;
    width:90px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}
.input_tel_after_indicatif{
    width: calc(90% - 100px) !important;
    float: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 5px !important;
}
.encadrementFormulaireInfo input.input_tel_after_indicatif{
    margin-top:10px;
}
form.form_ajout_partner{
    background:#1F1F28;
    padding:20px;
}
i.logo_deco {
    font-size:25px;
}
.icone_logo_club{
    display:none;
}
.membre .prio_logo_club{
    background:none !important;
    border:1px solid #ccc;
    width:calc(23% - 2px);
}
.membre .prio_logo_club img{
    width:50%;
    margin-top:10px;
}
.prio_logo_club .icone_logo_club{
    display:block
}
.prio_logo_club .icone_base_fa{
    display:none;
}
.membre .prio_logo_club p{
    color:#000;
}
.decale_content_en_haut{
    margin-top:45px !important;
}
/*****************************************  POPUP MULTI CRENEAU ADMIN  *************************/
.popup_multi_creneaux {
    position: fixed;
    width: 70%;
    left: 15%;
    z-index: 1000;
    background: #1f1f28;
    top: 50px;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    max-height:700px;
    overflow:hidden;
    overflow-y:scroll;
}
.popup_multi_creneaux p.title{
    text-align:center;
    font-weight:bold;
    font-size:18px;
    margin-bottom:20px;
}
.ligne_creneau{
    float:left;
    width:100%;
    border-bottom:1px solid #444;
    padding-bottom:10px;
    margin-bottom:10px;
    margin-top:10px;
}
span.mc_1, span.mc_2{
    float:left;
}
span.mc_1{
    width:350px;
}
span.mc_2{
    margin-left:20px;
    width:50px;
}
.bloc_pause{
    float:left;
    width:100%;
    margin-top:10px;
}
.duree_creneaux_possible{
    float:left;
    width:calc(100% - 350px);
    margin-top:10px;
    box-sizing:border-box;
    padding-left:20px;
}
p.indication_mc{
    width:350px;
    float:left;
    margin-top:10px;
}
.ligne_creneau label{
    margin-left:20px !important;
    padding-left:45px !important;
}
p.help_myself i {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 80px;
}
p.help_myself {
    color: #000;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 10px;
    float: left;
    width: 80%;
    margin-left: 10%;
    box-sizing: border-box;
    border: 1px solid #fff;
    margin-bottom:20px;
}
p.help_myself span{
    float:left;
    width:80%;
}
.ligne_creneau span b{
    background:#444;
    padding:5px;
}
a.acces_archive{
    float:left;
    padding:10px;
    background:#fff;
    cursor:pointer;
}
form.muli_creneaux a.return_config{
    background:#6d3ef4;
    color:#fff;
    padding:10px;
    float:right;
}
form.muli_creneaux input[type='submit']{
    width:auto;
    float:right;
}
form.muli_creneaux a.return_config{
    background:#6d3ef4;
    color:#fff;
    padding:10px;
    float:right;
    margin-right:10px;
}
form.muli_creneaux a.return_config:hover{
    background:#6d3ef4;
}
form.muli_creneaux input[type='submit']{
    width:auto;
    float:right;
    padding:11px;
    margin-top:0px;
}
.contien_table{
    float:left;
    width:100%;
    overflow-x:scroll;
}
p.timing_multi_creneaux{
    float: none;
    display: inline-block;
    margin-right: 5px;
}

/******************************************/
h3.miniclub{
    background:#bbb;
}
select.change_club{
    float: left;
    margin-top: 0;
    padding: 7px 5px;
    margin-right: 10px;
}
.btn_moment {
    background: #fff;
    color: #191925;
    padding: 12px 0px;
    width: 100px;
    float: left;
    margin-left: 1px;
    text-align: center;
    font-weight: 100;
    font-size: 11px;
    cursor: pointer;
    margin-top: 3px;
}
.btn_moment:hover {
    transition:0.4s;
    color:#fff;
    background:#666;
}
.btn_moment_first {
    margin-left: 5px;
}
.btn_moment_third {
    margin-right: 0;
}
.btn_moment span.indic {
    float:left;
    width:100%;
    font-weight:100;
    font-size:10px;
}
.btn_moment_journee {
    float: left;
    width: 100px;
    margin-left: 1px;
    padding:19.5px 0;
}
p.suprrim_multi_creneaux{
    background:#1f1f28;
    color:#fff;
    padding:10px;
}
/********PLANNING MEMBRE**********/
.planning_membre {
    float: left;
    width: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    margin-bottom: 20px;
}
.planning_membre .horaire,.planning_membre .court {
    float: left;
    width: 60%;
    color: #ccc;
    font-size: 12px;
    padding: 10px 0px;
}

.planning_membre .court{
    width:40%;
}

.planning_membre .joueurs{
    float:left;
    width:100%;
    padding: 10px 0px;
    background: #111;
}
form.change_planning{
    float:left;
    width:100%;
    box-sizing: border-box;
    margin-bottom:20px;
}
.sport_planning_membre {
    padding: 10px 0px;
    float: left;
    width: 37.5%;
    box-sizing: border-box;
    border: none;
    text-align: center;
}
form.change_planning .datepicker_planning {
    float: left;
    width: 60% !important;
    box-sizing: border-box;
    padding: 11px 0px;
    border: none !important;
    text-align: center;
    margin-left: 2.5%;
}
/************************************/
h4.reservations_admin {
    float: left;
    width: 110%;
    background: #fff;
    margin-left: -2.5%;
    padding: 20px 0% 10px 5%;
    text-align: left;
    color:#6d3ef4;
    font-size: 20px;
}
.separ_sport_resa_admin {
    border-bottom: 40px #fff solid;
    margin-left: -2.5% !important;
    width: 110%;
}
.definir_paiement{
    float:left;
    width:100%;
}
.paiement_in_out{
    float:left;
    width:50%;
    box-sizing: border-box;
    background: #f3f3f3;
    border:5px solid #ddd;
    padding:10px;
}
.paiement_in_out .abonne_membre {
    float:left;
    width:50%;
}
.paiement_in_out p.title{
    font-weight:bold;
    font-size:20px;
}
.paiement_in_out .abonne_membre p.title{
    font-weight:bold;
    font-size:15px;
}
.paiement_in_out .abonne_membre p.hp_hc{
    font-weight:100;
    font-size:14px;
}
.paiement_in_out .abonne_membre p.sigle_euro {
    font-weight: bold;
    font-size: 15px;
    float: left;
    width: 10%;
    text-align: center;
    box-sizing: border-box;
    margin-top: 5px;
    background: #444;
    border: 1px solid #444;
    color:#fff;
    margin-right: 5%;
    height: 26px;
}
.paiement_in_out .abonne_membre input {
    width: 85%;
    float: left;
    box-sizing: border-box;
}
.paiement_en_ligne{
    position:fixed;
    top:100px;
    background:#fff;
    z-index: 100;
    float:left;
    width:80%;
    margin-left:10%;
}
.paiement_en_ligne p.joueur{
    color:#fff;
    margin-left:10%;
    float:left;
    width:90%;
}
.paiement_en_ligne .list_joueurs{
    background: #1f1f28;
    float:left;
    width:100%;
}
.select_superclub {
    float: left;
    width: 90%;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 2px 0px;
    margin-bottom: -10px;
    margin-top: 10px;
    color: #444;
}

/*planning semaine*/
.content_planning_semaine {
    width: 300%;
    padding-bottom:40px;
    float:left;
}

.calendrier_sport_new_planning_semaine {
    width: 14%;
    float: left;
}

.jour_planning{
    text-align:center;
    width:100%;
    font-weight:bold;
    font-size:20px;
}

/***********SPINNER CSS************/
.lds-ellipsis {
    position: relative;
    width: 80px;
    height: 80px;
    margin-left: calc(50% - 40px);
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #202121;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
.content_ajax_modif_resa .no_fiche{
    margin-left:20% !important;
}
/********************************************************/
/************************************ SAFARI ET CHROME ***********************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu .fa-ssmenu {
        margin-top: 0; 
    }
    .parties .infos_crea_parties .rating_cp_dirigeant { 
        margin-left:20px;   
    }
    .parties_membre .personnes_dans_la_parties .rating_cp_dirigeant {
        width: 165px;
        margin-left: -webkit-calc(50% - 82.5px)
    }
    .personnes_dans_la_parties .bloc_avatar .avatar {
        margin-left: -webkit-calc(50% - 30px)
    }
    .content {
        width: -webkit-calc(100% - 210px);
    } 
    .evenement {
        float: left;
        width: -webkit-calc(100% - 10px);
    }
    .entour_scroll_tableau .flex .ligne {
        height: 110px;
        margin-bottom: 75px;
    }
    .entour_scroll_tableau .flex .ligne p {
        margin-top: 25px;
    }
    .entour_scroll_tableau .flex .colonne:nth-child(2) .ligne {
        height: 184px;
        margin: 0 0 139px 0;
    }
    .entour_scroll_tableau .flex .colonne:nth-child(3) .ligne {
        height: 313px;
        margin: 0 0 277px 0;
    }
    .entour_scroll_tableau .flex .colonne:nth-child(4) .ligne {
        height: 620px;
        margin: 0 0 570px 0;
    }
    .entour_scroll_tableau .flex .colonne:nth-child(5) .ligne {
        height: 1217px;
        margin: 0;
    }
    .entour_scroll_tableau .flex .colonne:nth-child(6) {
        padding: 1115px 0 0 0;
    }
    .entour_scroll_tableau .flex .colonne {
        float: left;
    }
}
.radio-tuto h4.ss_title_form {
    margin-top: 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color: #6d3ef4;
    font-family: "Arial", helvetica, arial, sans-serif;
    text-align: left;
    border-bottom: 1px solid #6d3ef4;
    margin-left: 0;
    padding-bottom: 5px;
}
.radio-tuto .prestation {
    border-bottom: 1px solid #6d3ef4;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.radio-tuto .btn_ajouter_presta {
    background: #6d3ef4;
    float: right;
    padding: 5px 20px;
    cursor: pointer;
    color: #FFF;
    font-size: 14px;
    font-weight: 100;
    margin-top: 10px;
    transition: 0.2s;
    border-radius: 20px;
}
.send_ajout_facture {
    background: #6d3ef4;
    border-radius:20px;
    color:#fff;
    border:none;
    padding:10px 20px;
    margin-top:20px;
}
.radio-tuto .btn_ajout_reponse {
    border: 1px solid #6d3ef4;
    color: #6d3ef4;
    background: none;
    transition: 0.2s;
}
.radio-tuto .btn_ajout_reponse:hover {
    background: rgba(186, 85, 211, 0.1);
    transition: 0.2s;
}
.listing_dirigeant .filtre_etoile p {
    float: left;
    margin-top: 4px;
    margin-right: 15px;
}
.listing_dirigeant .filtre_etoile .selected_reserver_court {
    float: left;
}
.listing_dirigeant .filtre_etoile .rank_listing {
    width:auto;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 3px!important;
}
.listing_dirigeant .radio-tuto .filtre_etoile .input_search_listing_text {
    width: 105px;
}

form.filtre_header input[type=text] {
    padding: 8px 15px;
    border: 0;
    background: #E2E2E2;
    width: 180px;
    margin-top: 10px;
    width: 250px;
}
form.filtre_header input[type=submit] {
    padding: 8px;
    margin-top: 10px;
    border: 0;
    background: #6d3ef4;
    color: #fff;
    margin-right: 20px;
    cursor: pointer;
}


form.filtre_header i {
    float: left;
    color: #049d13;
    margin-right: 1rem;
    margin-top: 1rem;
    display: none;
}

.col_reponse input {
    width: 30px;
    float: left;
    margin-left: 50px;
    padding: 5px;
}
.col_reponse p {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
} 




.entour_inscription_session .entour_paiement_form {
    background: #fff;
    float:left;
    width: 50%;
    padding: 10px;
}
.entour_inscription_session .entour_paiement_form h3 {
    color: #fff;
    background: #FEA347;
    padding: 10px;
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
    float: left;
    line-height: 13px;
    border: none;
    margin-top: -10px;
    margin-left: -10px;
}
.cb_enregistre_2 a.btn_sup_cb {
    float: left;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    background: #ee5b42;
    padding: 5px 15px;
}
.cb_enregistre_2 a.btn_sup_cb i {
    float:left;
    font-size:14px;
    margin-right: 5px;
}
.entour_inscription_session .entour_paiement_form h3 span {
    color: #fff;
    background: #FEA347;
    font-size: 18px;
    font-family: "Arial", helvetica, arial, sans-serif;
    font-weight: bold;
}
.entour_inscription_session .entour_paiement_form a.btn_change_cb {
    width: 260px;
    padding: 10px;
    background: #6d3ef4;
    color: #fff;
    float: left;
    margin-bottom: 10px;
}
.entour_inscription_session .entour_paiement_form input[type="text"], 
.entour_inscription_session .entour_paiement_form input[type="number"] {
    width: calc(50% - 20px) !important;
    border: 1px solid #1f1f28 !important;
    margin-bottom: 10px;
    height: 40px;
    padding: 0 10px;
}
.entour_inscription_session .entour_paiement_form p {
    color: #1f1f28;
}
.entour_inscription_session .entour_paiement_form input.expire {
    width: calc(25% - 30px) !important;
    margin-right: 10px;
}
.plus_marge_check {
    margin-left:50px!important;
}
.entour_pourcentage {
    float: left;
    margin-bottom: 15px;
    margin-top: -5px;
}

.produit .entour_produit {
    float:left;
    width: 200px;
    margin-bottom: 30px;
    margin-right: 30px;
    position: relative;
}
.produit .entour_produit i.btn_sup_produit {
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    background: #d80027;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 23px;
    transition: 0.2s;
}
.produit .entour_produit i.btn_sup_produit:hover {
    transition: 0.2s;
    background: #454545;
}
.produit a.envoyer_notif_club { 
    margin-bottom: 40px;
}
.entour_produit span.img {
    float:left;
    width:200px;
    height: 200px;
    margin-bottom: 5px;
    border-radius: 5px;
    overflow:hidden;
}
.entour_produit span.img img {
    max-width: none;
    height: 100%;
}
.entour_produit p {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
}
.categorie a.envoyer_notif_club {
    margin-bottom: 30px;
}
.control-group {
    float: left;
    margin-bottom: 20px;
}
.control-group .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    float: left;
    margin-right: 20px;
    color:#000;
}
.control-group .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
} 
.control-group .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}
.control-group .control--radio .control__indicator {
    border-radius: 50%;
}
.control-group .control:hover input ~ .control__indicator,
.control-group .control input:focus ~ .control__indicator {
    background: #ccc;
}
.control-group .control input:checked ~ .control__indicator {
    background: #2aa1c0;
}
.control-group .control:hover input:not([disabled]):checked ~ .control__indicator,
.control-group .control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}
.control-group .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control-group .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control-group .control input:checked ~ .control__indicator:after {
    display: block;
}
.control-group .control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-group .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control-group .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control-group .control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}
.control-group .select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.control-group .select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #7b7b7b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.control-group .select select::-ms-expand {
    display: none;
}
.control-group .select select:hover,
.control-group .select select:focus {
    color: #000;
    background: #ccc;
}
.control-group .select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.control-group .select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.control-group .select select:hover ~ .select__arrow,
.control-group .select select:focus ~ .select__arrow {
    border-top-color: #000;
}
.control-group .select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}
span.small_info {
    font-size:10px;
    margin-top: 20px;
    color:#fff;
    text-transform: none;
}
span.small_info a {
    color: #6d3ef4;
    text-decoration: underline;
}
.participer_partie a.participer_partie_sport {
    background: #6d3ef4;
    width: 90%;
    padding: 10px 5%;
    text-align: center;
    float: left;
    margin-bottom: 5px;
    color: #fff;
}
.jouer_sport a.param_change_sport {
    background: #444;
    float: left;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 5px 20px;
}
.popup_confirm_sup_equipe .overlay_partner {
    z-index: 99998!important;
}
.popup_confirm_sup_equipe .popup_crea_partie_small {
    z-index: 99999!important;
}
.filtre_tab p.thisIs {
    margin-bottom: 20px; 
}
.filtre_tab .select_flitre_jeune {
    margin-bottom: 10px!important;
}
.filtre_tab .selected_reserver_court {
    margin: 10px!important;
}
.filtre_tab p.floatLeft {
    margin-top: 15px!important; 
}
.fiche_big {
    width: 80%;
    left: 15%;
    max-height: calc(75% - 100px);
    overflow-y: scroll;
}
.fiche_membre h4 {
    float: left;
    width: 100%;
    color: #ee5b42;
    text-align: left;
    font-family: "Arial", helvetica, arial, sans-serif;
    font-size: 16px;
    padding-top: 5px;
    margin-top: 10px;
    border-top: 1px solid;
    margin-bottom: 10px;
}
.fiche_membre h4.noborder {
    border: none;
}
.fiche_membre p.infos {
    width: 90%!important;
    margin-bottom: 0px;
}
.fiche_membre a.btn_paiement_fiche {
    margin-top: 10px; 
}
.fiche_membre h4 i {
    cursor: pointer; 
    margin-right: 6px;
    transition: 0.2s;
}
.fiche_membre h4 i:hover {
    transition: 0.2s;
    color: #444;  
}
.fiche_membre a.btnorange {
    float: right;
    width: auto;
}
.fiche_membre .rank_listing {
    margin-top: 0;
}
.fiche_membre a.back_fiche {
    margin-top: 0;
    margin-left: 0;
}
.fiche_membre .cadre_abo {
    float: left;
    width: calc(50% - 40px); 
    padding: 10px;
    margin: 10px;
    background: #eaeaea;
} 
.fiche_membre .cadre_abo h4 {
    margin-top: 0;
}
.fiche_membre .cadre_abo h4 i.btn_sup_abo {
    width: auto !important;
    margin-top: 0 !important;
}
.fiche_membre p i.btn_sup_paiement {
    margin-left: 0;
    margin-right: 8px;
    transition: 0.2s;
}
.fiche_membre p i.btn_sup_paiement:hover {
    transition: 0.2s;
    color: #454545;
} 
.filtre_tab a.retablir_filtre {
    padding: 5px 10px;
    background: #444;
    color: #e2e1e1;
    border-radius: 4px;
    transition: 0.2s;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 12px;
    border-radius:20px;
}
.filtre_tab a.retablir_filtre i {
    margin-right: 5px;
}
.filtre_tab a.retablir_filtre:hover {
    transition: 0.2s;
    background:#555; 
}
p.ligne_credits input[type=number] {
    float: left;
    width: 40px;
    margin-right: 12px;
    margin-top: -3px;
    padding: 5px;
}
a.btn_creneau {
    padding: 0;
    margin-left: 30px;
}
p.crea_tableau_date_a_def {
    font-style: normal;
    font-weight: bold;
}
p.info_maj_class {
    float: left;
    font-size: 18px;
}
/************************TO DO LIST**********************/
form.todolist{
    display: none;
    position: fixed;
    width: 60%;
    left: 20%;
    top: 50px;
    z-index: 500;
    background: #fff;
    padding: 50px 0px;
    border-radius: 5px;
    overflow:scroll;
    height:600px;
}
form.todolist input, form.todolist textarea, form.todolist select{
    float:left;
    width:90%;
    margin-left:5%;
    margin-right:5%;
    border:1px solid #ccc;
    border-radius:5px;
    padding:5px;
}
form.todolist label{
    float:left;
    width:90%;
    margin-left:5%;
    margin-right:5%;
    margin-top:20px;
    font-weight:bold;
    color:#444;
}
form.todolist .btn_add_task{
    float:right;
    margin-right:5%;
    margin-top:40px;
}
.listing_bugs{
    width:calc(50% - 20px);
    margin-left:10px;
    margin-right:10px;
    float:left;
}
.listing_bugs p.type_work{
    width:5%;
    display:inline-block;
    margin:0;
}
.listing_bugs p.prio{
    width:20%;
    display:inline-block;
    margin:0;
}
.listing_bugs p.date_bugs{
    width:15%;
    display:inline-block;
    margin:0;
}
.listing_bugs p.title_bugs{
    display:inline-block;
    width:50%;
    margin:0;
}
.listing_bugs .logos_modif{
    float:right;
    width:100%;
    font-size:30px;
}
.listing_bugs .logos_modif i{
    cursor:pointer;
    float:right;
    margin-right:5px;
}
.listing_bugs .logos_modif i:hover{
    color:#6d3ef4;
}
form.todolist textarea{
    height:200px;
}
h3.bug_update_recent{
    background:#ea9cba ;
}
.icone_paiement_mes_resa{
    color:#ee5b42;
    font-size:22px;
    font-weight:bold;
    float:left;
}
p.paiement_event_mes_resa{
    float:left;
    margin-left:20px;
    margin-top:5px;
}
#accordion_bug p, #accordion_upgrade p{
    font-size:12px;
}
/**************************************/
.reserver_un_court img.photo_court{
}
.modif_court_admin .type_court{
    margin-left: 0;
    margin-top: 10px;
}
a.marge_right_modif_admin{
    margin-right:10px;
    margin-left:10px
}
a.modif_court_creneaux{
    width:200px;
}

.listing_crea_parties .btn_bleu_in_out{
    float:left;
    margin-top:5px;
}

.arrow_colle_select {
    float: left;
    margin-top: 10px !important;
    font-size: 20px;
    color: #fff;
    background:#6d3ef4;
    height: 36px;
    padding-right: 5px;
    border-left: 1px#ccc solid;
    padding-left: 5px;
}
button.btn_cloture_team, button.btn_cloture_teams, button.send_reserv_partie, .membre .popup_crea_partie button.send_incription_partie {
    background: #6d3ef4 !important;
    width: 100% ;
    padding: 5px !important;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    font-weight: 100;
    border: none;
    float: left;
    margin-top: 20px;
    text-align:center;
    box-shadow:none !important;
}

span.type_courts{
    float:left;
    width:100%;
}
span.type_courts span.title{
    float:left;
    padding:2px 5px;
    margin-right:5px;
}
span.type_courts span.type_court_dispo{
    float:left;
    background:#049d13;
    padding:2px 5px;
    margin-right:5px;
}
a.supprimer_liste{
    float: right;
    font-size: 16px;
    width: auto;
    padding: 4px 15px;
    margin-top: 0;
}
/************* SELECT *************/
.selectpurecss select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #191925;
    background-image: none;
}
/* Remove IE arrow */
select::-ms-expand {
    display: none;
}
/* Custom Select */
.selectpurecss {
    position: relative;
    display: flex;
    width: 15em;
    height: 3em;
    line-height: 3;
    background: #575a82;
    overflow: hidden;
}
.selectpurecss select{
    flex: 1;
    padding: 0 .5em;
    color: #fff;
    cursor: pointer;
}
/* Arrow */
.selectpurecss::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #34495e;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color:#fff;
}
/* Transition */
.selectpurecss:hover::after {
    color: #6d3ef4;
}
.selectpurecss_cote_joueur select{
    background:#6d3ef4;
    color:#fff;
}
.selectpurecss::after {
    color:#6d3ef4;
}

iframe.mode_d_emploi{
    width:95%;
    height:600px;
}

iframe.mode_d_emploi footer,iframe.mode_d_emploi header{
    display:none;
}
#iframe_mode_d_emploi #main-header, 
#iframe_mode_d_emploi #main-footer,
#iframe_mode_d_emploi .et_social_sidebar_networks{
    display:none;
}

/*********PLANNING OPTIONS LUCIE***************/


a.filtre_sex_listing {
    color: #222;
    text-decoration: underline;
    padding: 10px 20px;
    float:right;
}

a.filtre_sex_select {
    color: #fff;
    text-decoration: underline;
    padding: 10px 20px;
    background: #02d1ff;
    transition:0.5s;
}

label.pasdemail{
    margin-left:6% !important;
}

/************ LISTER LES ABONNEMENT STRIPE SUR L ESPACE COMMERCIAL*********/

.btn_sup_abo{
    float: right;
}


/************ NEW CSS PLANNING PARAMETRES *********/
.planning_body .encadrementFormulaireInfo {
    background:#FFF!important;
    font-family: 'Roboto Condensed', sans-serif;
}
.planning_body span.jplusbis,
.planning_body .btn_moment {
    color: #191925!important;
    font-weight: bold!important;
    margin: 0 2vh!important;
    font-size: 16px!important;
    width: auto!important;
    opacity:0.5;
    transition:0.2s;
}
.planning_body span.jplusbis:hover,
.planning_body .btn_moment:hover {
    transition:0.2s;
    opacity:1;
    background: #fff!important;
}
.planning_body .btn_moment {
    font-size: 14px!important;
    margin: 0 1vh!important;

}
.planning_body .auround_jmoment {
    float:right;
    display: flex;
    align-items: center;
}
.planning_body .auround_jplus{
    float:left;
    display: flex;
    align-items: center;
}
.planning_body .btn_moment span.indic {
    font-size: 12px!important;
}
.planning_body .planning_dirigeant form.choisir_date {
    width: 6vmin !important;
    height: 6vmin !important;
    background:rgba(25, 25, 37, 0.8);
    transition: 0.2s;
    padding: 1vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1vmin;
}
.planning_body .planning_dirigeant form.choisir_date:hover {
    background: rgba(25, 25, 37, 1);
    transition:0.2s;
}
.planning_body .planning_dirigeant form.choisir_date img {
    filter:invert(1);
    width: 80%!important;
    height: 80%!important;
    margin-top: 0!important;
    object-fit: contain;
}
.planning_body #form_sport {
    margin-top: 1vh;
    display: flex;
    align-items: flex-start;
    border-top: 2px solid rgba(25, 25, 37, 0.8);
    min-height:8vh;
}
.planning_body .planning_dirigeant a.choix_sport_planning {
    width: auto !important;
    padding: 1vh 1vw !important;
    background:rgba(25, 25, 37, 0.8) !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px !important;
    margin: 0 !important;
    margin-right: 0px;
    transition: 0.2s;
    height: max-content;
    margin-right: 2px !important;
    color:#FFF !important;
}
.planning_body .planning_dirigeant a.choix_sport_planning:hover {
    transition: 0.2s;
    padding: 2vh 1vw !important;
}
.popup_historique_debit .credit_positif{
    background:#090;
    padding: 5px 10px;
    margin: 0 10px;
    border-radius: 5px;
}
.popup_historique_debit .credit_negatif{
    background:#c10000;
    padding: 5px 10px;
    margin: 0 10px;
    border-radius: 5px;
}

.popup_historique_debit {
    width: 80%;
    float: left;
    position: fixed;
    z-index: 9000;
    background: #1f1f28;
    height: 500px;
    overflow-y: scroll;
    top: 100px;
    left: 10%;
}
.membre .popup_historique_debit i.close_popup_historique_debit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    font-size: 25px;
    cursor: pointer;
    color: #fff;
}
.popup_historique_debit p{
    width:95%;
    float:left;
    margin-left:2.5%;
    padding-bottom:20px;
}
.popup_historique_debit h3{
    text-align: center;
}
.popup_historique_debit .fa-times{
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
    cursor: pointer;
}

.popup_generique {
    position:relative;
    position:fixed;
    top:50px;
    left:2.5%;
    width:95%;
    box-sizing:border-box;
    padding:10px;
    z-index: 1000;
    background: #373748;
    height:500px;
    overflow-y:scroll;
}
.popup_generique .close_popup_generique{
    position:absolute;
    right:10px;
    top:10px;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}

p.conso{
    float:right;
    font-size:10px;
}

p.conso i{
    font-size: 13px;
    margin-right:5px;
}
.col25compte{
    border:none;
    padding:5px;
    box-sizing:border-box;
}
.show_hide_datetime_poule{
    width:auto !important;
}

.form_cache_datetime_poule input {
    width: 100px !important;
    float: left;
    margin-left: 10px;
    height:8px;
    margin-top:0 !important;
}


@media (max-width: 981px){
    .form_cache_datetime_poule{
        margin-right: 10%;
    }
}

.form_cache_datetime_poule .valid_datetime_poule {
    background: #1f1f28;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    font-size:12px;
    line-height: 0.8;
    border-radius: 20px;

}
.ajust_btn_show_hide_datetime_poule{
    float: left;
    margin-top: 0px;
}
.quick_opt{
    float:left;
    width:250px;
}
.bloc_blacklist{
    float:left;
    width:100%;
    margin-top: 5px;
}
.bloc_blacklist input{
    width: 75%;
    box-sizing: border-box;
    float: left;
}
.bloc_blacklist a {
    width: 25%;
    float: left;
    text-align: center;
    background: #1f1f28;
    padding: 4px;
    box-sizing: border-box;
    color: #fff;
    margin-top: 5px;
}
p.info_blacklist{
    background: #c10000;
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
}
.popup_creation_tournoi a.btnbleu{
    font-size:12px;
}
/************* SWITCH *********/
/*
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}


.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
*/
/********************/


.btn_mail_welcome{
    font-size: 12px !important;
    margin: 0;
    float: left !important;
    width: 80% ;
    box-sizing: border-box;
    margin-left: 5% ;
    margin-top: 5px;
}
.contain .my_profil_content .bloc_fiche .col .csv .btn_mail_welcome{
    margin: 0.2rem 0 0 0 !important; 
    box-sizing: border-box;
    width: unset;
}
.btn_import_membre{
    margin:0 !important; 
    font-size:12px !important;
    margin-left: 0px !important;
    font-size: 12px !important;
    width: 80%;
    margin-left: 5%;
    float: left;
    box-sizing: border-box;
}
.contain .my_profil_content .bloc_fiche .col .csv .btn_import_membre{
    margin: 0.5rem 0 0 0 !important; 
    box-sizing: border-box;
    width: unset;
}

a.go_club {
    text-align: center;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    color: #444;
}
.securise{
    width: 25%;
    padding-right: 75%;
    padding-bottom: 1%;
}
#card-element{
    padding-top: 20px !important;
    padding-left: 2%;
}

/*********** DATATABLE CROISEMENT COULEUR 1/2 ****************/
tr.odd, tr.odd td:not(.mustBeGrey){
    background-color: #fff !important;
}
/***************nEW STYLE *********/
.sub_menu p.name{
    text-align: center;
    background: #54546c !important;
    color: #fff;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -15px;
    padding: 5px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    font-size: 12px;
}
.sub_menu p.name span{
    font-weight: 100;
    width: 100%;
    display: flex;
    text-align: center;
    font-style: italic;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
.fieldset_sa_resa{
    float: left;
    width: 95%;
    padding-left: 15%;
    box-sizing: border-box;
}
.fieldset_sa_resa .content{
    width: 100%;
    box-sizing: border-box;
}
.loader_listing{
    text-align: center;
    width: 100%;
    font-size: 30px;
    margin:60px 0px;
}
.loader{
    text-align: center;
    width: 100%;
    font-size: 30px;
    margin:60px 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 7;
}
.blocinfo{
    background: #575a82;
    padding: 5px;
    text-align: center;
    color: #fff;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 20px;
}
p.info_abonnes{
    font-size: 11px;
    width:100%;
}

i.btn_modifier_stage_jeune, i.btn_modifier_session_jeune{
    margin-right:30px !important;
}
.btnhoraire{
    background: #6d3ef4;
    color:#fff;
    padding:10px 5px;
    float:left;
    margin-left:5px !important;
}
.btncourt{
    background: #6d3ef4;
}
span.vert{
    color:#6dbf37;
}
p.infos_credits{
    grid-column-start: 1;
    grid-column-end: 4;
    text-align: center;
    background: #121212;
    color:#fff;
    padding:5px 0px;
}
td.namming{
    text-transform: uppercase;
}
span.dirigeant {
    width: 100%;
    text-align: center;
}
p.chope_motif {
    width:100%;
    text-align: center;
}

td.namming span.nom{
    text-transform: uppercase !important;
}

.membre .facebook{
    background: #3b5998;
}

.membre .medical{
    background: #89d4f1;
}

.membre .balle_jaune{
    background: #ead259;
}

.commercial h2 span{
    background: #fff;
    padding:0 10px;
}
.external_link iframe{
    width:100%;
    height: 90%;
    position: fixed;
    z-index:200;
    left:0px;
    top:10%;
}
.membre .external_link a.back{
    position: fixed;
    z-index:200;
    height: 10%;
    top:0;
    left:0;
    width:100%;
    text-align: center;
    line-height: 5;
    margin-top:0;
    box-sizing: border-box;
}
.commercial header{
    height: 0;
}
.listing_bugs{
    float: left;
    width: 50% !important;
    box-sizing: border-box;
    padding: 0px 2.5px !important; 
}

.content h2 span.titre{
    margin-right:5px;
}

span.help strong{
    font-weight: bold !important;
}

.Stripe_dirigeant{
    margin-bottom: 40px;
}
.date_rejoindre_partie{
    color:#fff;
    font-size:16px;
    font-weight: bold;
    text-transform: uppercase;
}

p.pay_abo_credits_paypal{
    text-align: center;
    width:100% !important;
    font-weight: bold;
}

.end_abo {
    background: #c10000;
    opacity: 0.4;
}
a.dl_planning, a.dl_planning:active, a.dl_planning:focus{
    text-align: center;
    width:100%;
    padding:10px 0px;
    color:#444;
    display:block;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.evenement span span.date{
    width:100%;
    text-align: center;
    font-size: 10px;
    display:flex;
    flex-direction: column;
}

.evenement .filtres{
    position:absolute;
    top:150px;
}

.evenement .filtres a{
    background: #ccc;
    padding:5px 10px;
    border-radius: 20px;
    color:#fff;
    transition:0.5s;
    margin-right:10px;
}
.evenement .filtres a:hover{
    background: #444;
    transition:0.5s;
}

.evenement .filtres a.select{
    background: #6d3ef4;
    padding:5px 10px;
}

table.classement_justpadel{
    border: 2px solid #444;
    text-align: center;
    margin-top:20px;
    float:left;
    border-collapse: collapse; 
    padding: 5px 0px;
}

table.classement_justpadel thead{
    background: #ccc;
    border:none;
    margin:0;
}

table.classement_justpadel td{
    border-top: 1px solid #ddd;
    padding: 5px 0px;
    min-width:200px;
}
form.ajouter_joueur .filtres_event input{
    width:100px;
    float:left;
    padding:10px 0px;
    margin-top:0px;
    text-align: center;
}
.select_event{
    width:300px;
    /*border:1px solid #ccc;*/
    float:left;
    margin-left:5px;
}
.synthese_tournoi{
    background: #575a82 !important;
    color:#fff;
    float:left;
    margin-left:25%;
    margin-right:25%;
    margin-bottom:20px;
    width:50%;
    text-align: center;
    border-radius:5px;
    padding:10px 0px;
}
.synthese_tournoi p{
    width:100%;

}
/********************* POPUP CLASSEMENT MANUEL JUSTPADEL BUSINESS/FAMILY/PADELLE ************/
.popup_classement_justpadel h2 .fa-times{
    position:absolute;
    right:10px;
    cursor: pointer;
}
.popup_classement_justpadel input.class{
    width:60px;
    text-align: center;
}
.popup_classement_justpadel td.team{
    padding: 5px 40px;
}

.popup_classement_justpadel .container{
    margin: 0 auto;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: max-content;
}

.popup_classement_justpadel .source-container{
    width: 50%;
}
.popup_classement_justpadel .item{
    border: 1px solid #ccc;
    background-color: #444;
    color:#fff;
    cursor: move;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_classement_justpadel .item p{
    text-align: center;
    margin: 5px;
    display: flex;
    width: max-content;
    height: max-content;
}

.popup_classement_justpadel .source{
    position: relative;
    margin: 5px;
    height: 65px;
    width: calc(100% - 10px);
    box-sizing: border-box;
    display: flex;
    background: #e6e6e6;
}
.popup_classement_justpadel .destination .source {
    height: auto;
}
.popup_classement_justpadel .destination-container{
    width:50%;
}
.popup_classement_justpadel .ui-droppable-active{
    border-color:#bbb;
}
.popup_classement_justpadel .ui-droppable-hover{
    background:#ddd;
}
.popup_classement_justpadel .destination {
    height: 65px;
    border: 1px solid #ccc;
    margin: 5px;
    background: #f1f1f1;
    border-left: 30px solid #ccc;
    position: relative;
    width: calc(100% - 10px);
    box-sizing: border-box;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popup_classement_justpadel .destination .item {
    width:79%!important;
    height:100%!important;
}
.popup_classement_justpadel .destination .source {
    height: 100%;
    position: absolute;
    top: 0;
    left: -30px;
    width: 100%;
    margin-left: 35px;
    padding-right: 5%;
    margin-top: 0;
}
.popup_classement_justpadel .destination span:first-of-type {
    position: absolute;
    z-index: 2;
    padding: 9px;
    left: -28px;
}
.popup_classement_justpadel .destination span:last-of-type {
    position: absolute;
    z-index: 2;
    padding: 9px;
    background: #CCC;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    width: 20%;
}
.popup_classement_justpadel .ui-draggable-dragging{
    z-index:999 !important;
}
/************************************************/
.knobs, .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button {
    position: relative;
    top: 50%;
    width: 80px;
    height: 36px;
    overflow: hidden;
    margin-left: 10px;
}

.button.r, .button.r .layer {
    border-radius: 100px;
}

.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs{
    z-index: 2;
}

.layer{
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before{
    content: 'OUI';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 23px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #03A9F4;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before{
    content: 'NON';
    left: 42px;
    background-color: #f44336;
}

#button-1 .checkbox:checked ~ .layer{
    background-color: #fcebeb;
    left:0;
}

#button-1 .knobs, #button-1 .knobs:before, #button-1 .layer{
    transition: 0.3s ease all;
}
#button-1 .checkbox:not(:checked),  #button-1 .checkbox:checked{
    left:0;
}
.switchbox{
    display: flex;
    align-items: center;
}

.membre .bloc i.fas{
    font-size: 40px;
    margin-top: 20px;
    color: #fff;
}

.marg_moi_tout_ca_en_haut{
    margin-top:20px;
    padding-bottom: 40px;
    float:left;
    width:100%;
}

.img_photo_event_jp, .img_logo_event_jp{
    width:200px;
}

.entour_tableau{
    width: 80%;
    margin-left: 10%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}
.div_class_jp select{
    padding:10px;
    margin-bottom: 5px;
}
.div_class_jp select:first-of-type{
    margin-left:10%;
}
.div_class_jp label{
    color:#000;
}

.mon_classemnt_jp{
    width:80%;
    margin-left:10%;
}

.stats_result_jp{
    background-color: rgba(0, 0, 0, 0.8);
    float:left;
    width:49%;
    padding:10px;
    box-sizing:border-box;
    margin:20px 0.5%;
    border: 1px solid #222;
    border-radius: 5px;
}

.stats_result_jp p.title{
    font-weight: bold;
    font-size:18px;
}
.stats_result_jp p.stats {
    font-size:12px;
}

.match_jp{
    float: left;
    width: 90%;
    margin-left: 5%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    margin: 5px 5%;
    box-sizing: border-box;
    padding: 10px;
}
.match_jp .ligne_team_jp {
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.match_jp .ligne_score_jp {
    display:flex;
    justify-content: center;
    align-items: center;
}
.match_jp .ligne_team_jp .score {
    margin: 0 10px;
}

.date_event{
    float:left;
    width:90%;
    margin-left:5%;
    color:#fff;
    font-weight: bold;
}

.winner_jp{
    color:#ee5b42;
    font-weight: bold;
}

.select_filtre_jp{
    padding:10px;
    width:100%;
    box-sizing: border-box;
    border:1px solid #ccc;
}

.my_player_jp {
    font-weight: bold;
}

.encart_offre_membre select[name='jp_club']{
    padding: 10px;
    width: 90%;
    margin-left: 5%;
    margin-bottom: 20px;
}

.containVideo {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    margin-bottom: 50px;
}
.bloc_liveXperience_video span {
    width: 100%;
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bloc_liveXperience_video img {
    width:100%;
}
.bloc_liveXperience_video p {
    margin-top:15px;
}
.bloc_liveXperience_video span i {
    position: absolute;
    z-index: 20;
    color:#fff;
    font-size:4vmin;
    transition:0.2s;
}
.bloc_liveXperience_video span:hover > i {
    transition: 0.2s;
    font-size:4.5vmin;
}
.playervideo {
    position:fixed;
    width:80%;
    margin-left:10%;
    top:0;
    left:0;
    z-index: 1000;
}
.playervideo video{
    width:100%;
}
.country_stripe{
    padding: 10px;
    width: 50%;
}
textarea.infos_notes{
    width:100%;
    border-radius:20px;
    box-shadow: none;
    border: 1px solid #ccc;
    padding: 1em;
}
.submit_infos-notes{
    margin-right: 20px!important;
}

td.pasbarre{
    text-decoration: none;
}
span.infos_qui_supprim{
    text-decoration: none;
}
span.infos_qui_supprim span{
    font-size: 0.9em;
    font-weight: bold;
}
.ex_convoc_email,
.alert_success_popup_convoc {
    margin-left:20% !important;
}

.entour_poules{
    overflow-x: auto;
    width:100%;
}

.planningSportAdmin .content h2 i{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.anybuddy_per_sport{
    margin-bottom: 2rem;
    font-family: 'Montserrat';
}

select.select_olivier{
    padding:5px 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
}
.court span.tag{
    margin-left:10px;
    font-size:10px;
    width:100%;
}

.tag_link,
.tag_link:active,
.tag_link:focus{
    color:#888;
    font-size:11px;
    text-decoration: none;
}

.refund_planning{
    text-decoration: line-through;
}

form.ajout_tag {
    width:50%;
}
.newform100.ajout_tag .input100 {
    padding:0 25px 0 25px;
    width: calc(100% - 50px);
}
.ajout_tag .btn {
    background: #6d3ef4;
    color: #FFF;
    margin: 0 5px;
    width: max-content !important;
    padding: 10px 15px;
    font-size: 12px;
    text-transform: initial;
    display: flex;
    align-items: center;
    transition: 0.2s;
}
.newform100.ajout_tag .wrap-input50 {
    width: calc(40% - 10px);
    margin: 0 10px;
}
.newform100.ligne_tags {
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 20px 0;
}
.newform100.ligne_tags .wrap-input50 {
    width: calc(20% - 10px);
    margin: 0 10px;
}
.newform100.ligne_tags input.input100 {
    height: 35px;
    padding:0 25px 0 25px;
    width: calc(100% - 50px);
}
.newform100.ligne_tags .delete_tag,
.newform100.ligne_tags .update_tag {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    transition: 0.2s;
    background: #d80027;
}
.newform100.ligne_tags .update_tag {
    background:#6d3ef4;
    margin-left: 30px;
}
.newform100.ligne_tags .delete_tag:hover,
.newform100.ligne_tags .update_tag:hover {
    transition:0.2s;
    background: #454545;
}
.popup_olivier .infos_paiement {
    display:flex;
    justtify-content:center;
    align-items:center;
    width:80%;
    margin-left:10%;
}
.popup_olivier .infos_paiement.newform100 {
    padding: 0;
}
.popup_olivier .infos_paiement.newform100 .col50 {
    width:auto;
}
.popup_olivier .infos_paiement.newform100 .control {
    margin-bottom:0;
}
.popup_olivier .infos_paiement.newform100 .control-input {
    width: auto;
}
.popup_olivier p.thisIs {
    width: auto;
    text-align:left
}
.listing_crea_parties .auround_jplus {
    justify-content: flex-start;
    width: 100%;
}
.listing_crea_parties span.jplusbis,
.listing_crea_parties .btn_moment {
    margin: 0 0.5vw !important;
}
.ligne_histo_credit {
    width:100%;
    display: flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.popup_historique_debit h3 {
    border-bottom: none;
    color: #FFF;
}
.fas_inverse{
    transform: rotate(180deg);
}

.popup_classement_justpadel .content_class_jp .container .destination-container .destination .source{
    /*display: none;*/
}
.cadre_club_jp{
    width:100%;
    text-align: center;
    margin-bottom: 5vh;
}

.img_logo_event_jp{
    background: #fff;
    border-radius: 0;
    width: 100px;
    margin-top: 0;
    height: 50px;
    padding: 5px;
    margin-top:10px;
}
.img_photo_event_jp{
    width:300px;
}

.membre .cadre_club_jp p.txt_all_evenement{
    float:none;
}

.ajust_sponsor_event_jp{
    float:none;
    text-align: center;
}

img.ajust_sponsor_jp{
    float:none;
    margin-right:0px;
    margin-bottom: 0;
    width:100px;
    height: 50px;
    padding: 5px;
    background: #fff;
    margin-top:10px;
}

.ctg_sa_resa{
    box-sizing: border-box;
    background: #f3f3f3;
    border: 5px solid #ddd;
}

.ctg_sa_resa h3{
    color: #54546c;
    margin-left:-10px;
    margin-top:10px;
}
.ctg_sa_resa p.thisIs{
    font-weight: 100;
}

.ctg_sa_resa div{
    margin:3px 0px;
}
.marge_select_sa_operateur{
    margin-left: 50px !important;
    padding-right: 20px;
}

.textarea_refus_partner, .textarea_refus_partner:focus{
    border:0;
    width:100%;
    padding:10px;
    box-sizing: border-box;
    outline: none !important;
}
.reduc_done{
    opacity: 0.3;
}
.cacher2 {
    display: none !important;}

.bold{
    font-weight: bold;
}

.totalPrice{
    margin-left: 50px;
    font-size: large;
    border: solid;
    padding: 10px;
    visibility: hidden;
}



#displayNameMembre{
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: large;
}

.addParcours{
    height: 300px;
}
.parcours_date{
    margin-right: 118px;
    width: 220px;
    height: 25px;
}

.info_grandcreneau {
    width: calc(100% - 30px);
    color: #FFF;
    font-size: 12px;
    font-weight: 100;
    padding: 10px 15px;
    text-align: center;
    background: #181818;
}

.selectP > p{
    color:white;
    background: #747974;
    text-align: center;

}

#confirm_reg, #cancel_reg{
    margin-top: 30px;
    width: 100px;
}

.button_acrro_creneau {
    background: rgb(61 52 52)!important;
    opacity: 50%;
    cursor: pointer;
}
.court .recap .button_acrro_creneau {
    float: right;
    background: #6d3ef4 !important;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
    opacity: 1;
    text-align: center;
    border-radius: 3px;
    transition: 0.2s;
    line-height: 1;
    padding: 5px 15px !important;
    transition: 0.2s;
    opacity: 0.95;
}
.court .recap .button_acrro_creneau:hover {
    opacity: 1;
    transition: 0.2s;
}
.form-control-add{
    margin-right: 20px;
    height: 22px;
}
.input_addresa{
    text-align: center;
    margin-bottom: 10px;
}



.icon_resa{
    text-align: right;
    width: 100%;
}
._deleteresa_{
    margin-right: 5px;
}
._deleteresa_,._modifresa_{
    cursor: pointer;
}



/*Overlay info subscription*/
.overlay_subscription{
    width: 100%;
    height: 130px;
    text-align: center;
    opacity: 70%;
    margin-left: 25%!important;
}

.overlay_subscription h3{
    opacity: 100%;
    padding-left: 100px;
    padding-right: 100px;
}

.infos_paiement_button{
    margin:10px;
}

/** ETAPE FORMULAIRE INSCRIPTION **/

.etape_inscription{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.etape_div{
    width: 50%;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid;
    border-width: 2px;
    border-color: #3031ee;

}

.right .title_form {
    width: 100%;
    display: block;
    font-size: 30px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
    font-weight: 500;
    padding-bottom: 48px;
    margin-top: 20px;
}

.right .logo{
    width: 30%;
}

.right{
    text-align: center;
}

#step3 {
    float: right;
    display: none;
    padding-right: 5px;
}

#step2{
    width: 100%;
}

.inscription_club h1{
    color:#fff;
    text-align:center;
    width:100%;
    float:left;
    margin-top:0!important;
    margin-bottom:0;
}
.contact100-form-btn2 {
    font-family: 'Montserrat';
    /* font-size: 16px; */
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 35px;
    min-width: 160px;
    /* border-radius: 18px; */
    background: #6d3ef4;
    box-shadow: 0 0 5px 0px x rgba(64, 153, 255, 0.5);
    -moz-box-shadow: 0 0 5px 0px rgba(64, 153, 255, 0.5);
    /* -webkit-box-shadow: 0 0 5px 0px rgb(64 153 255 / 50%); */
    -o-box-shadow: 0 0 5px 0px rgba(64, 153, 255, 0.5);
    -ms-box-shadow: 0 0 5px 0px rgba(64, 153, 255, 0.5);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

p.label_demande_partner{
    text-align:center;
    line-height: 2.5;
}

textarea.bg_white,
input.bg_white{
    background: #fff !important;
}

.checkB{
    position: relative!important;
    left: 0px!important;
}

.returnUrl{
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

.encart_offre_admin .otpion {
    float: left;
    border-top: 1px solid #000;
    padding: 5px;
    width: 100%;
    position: relative;
}
.encart_offre_admin .otpion p.title {
    margin-bottom: 0;
}
.encart_offre_admin .otpion p.infos {
    margin-bottom: 5px;
    width: 100%;
    font-size:12px;
}
.encart_offre_admin .otpion p.prix {
    font-size: 12px;
    width: auto;
    margin-bottom: 0;
    padding: 3px;
    border-radius: 4px;
    background: #f3f3f3;
    border: 1px solid transparent;
    display: inline-block;
    font-family: "Arial", helvetica, arial, sans-serif;
    line-height: initial;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.encart_offre_admin .otpion i.fa-trash-alt {
    position: absolute;
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
    width: 35px;
    text-align: center;
    background: #d80027;
    height: 35px;
    line-height: 25px;
    border-radius: 50%;
    transition: 0.2s;
    top: -20px;
    right: 0;
    padding: 5px;
}

.separ_eleme_popup{
    height:1px;
    width:100%;
    background: #ccc;
}

.period_exclusion{
    background:#e6e6e6;
    float:left;
    width:100%;
}
p.info_livexperience{
    background: #ccc;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}
p.info_livexperience i{
    margin-right:5px;
}

.der_paiment_tableau_bord{
    text-align: initial!important;
}

.barToCollapse {
    background-color: #ddd!important;
    margin-bottom: 1em;
    cursor: pointer;
}

.barToCollapse h3 {
    color:#000!important;
}



@media only screen and (max-width: 1020px) {
  .modalDialWidth {
    min-width: 100%!important;
  }
}

@media only screen and (min-width: 1020px) {
  .modalDialWidth {
    min-width: 1080px!important;
  }
}


form.ajouter_session h3{
    margin-top:20px;
}

#editor-nl {
    min-height: 300px;
}

.ck.ck-balloon-panel {
    z-index: 2000!important;
}


.form_add_infos_spartime {
    display: flex!important;
    flex-direction: column!important;
    gap: 0.5em!important;
}
.form_add_infos_spartime .form-group input {
    width: 100%!important;
}

.btn-group-validate  button {
    all:unset!important;
    padding: 3px 9px!important; 
    text-align: center!important;
    border-radius : 5px!important;  
    height: 30px!important;
    min-width: 120px!important;
    font-size: 15px!important;  
}
.btn-group-validate  button.blue {
    color: #fff!important;
    border : 1px solid #6d3ef4!important;
    background-color: #6d3ef4!important;
}
.btn-group-validate  button.grey {
    color: #fff!important;
    border : 1px solid #6c757d!important;
    background-color: #6c757d!important;
}

.btn-group-validate  button:hover:not([disabled]) {
   cursor: pointer!important;
}
.btn-group-validate  button.grey:hover {
   background: #132A53!important;
}
.btn-group-validate  button.blue:hover {  
   background: #5a6268!important;
}
.btn-group-validate  button i {
   margin-right: 1em;
}



.btn-group-validate.end {
    text-align: end!important;
    width: 100%;
}
.btn-group-validate.start {
    text-align: start!important;
    width: 100%;
}

.chemin-container-com {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1em;
}
.chemin-container-com:last-of-type, 
.chemin-container-com:first-of-type
{
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
}

.chemin-container-el {
    width: 25%;
}

#add_chemin_form_container {
    margin-top : 1em; 
    padding: 1em;
    border: 1px solid #ddd;
}


  a.access-connected-account{
    width: auto !important;
    padding: 10px 20px !important;
  }

#academie_child > li{
    margin-left: 45px;
    font-size: 11px;
    opacity: 0.8;
}

/* Conteneur principal */
.gs-vision-container {
    margin: 40px auto;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* Titre principal */
.gs-vision-title {
    color: #2c3e50;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* Sections promotion & activation */
.gs-vision-promo, .gs-vision-activation {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 20px;
}

.gs-vision-promo img, .gs-vision-activation img {
    width: 80%;
    max-width: 500px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Liste des fonctionnalités */
.gs-vision-promo ul {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.gs-vision-promo ul li {
    font-size: 16px;
    margin: 8px 0;
}

.gs-vision-promo ul li i {
    color: #6d3ef4;
    margin-right: 8px;
}

/* Bouton principal */
.gs-vision-btn {
    display: inline-block;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background: #6d3ef4;
    border-radius: 5px;
    transition: 0.3s;
    margin-top: 15px;
}

.gs-vision-btn:hover {
    opacity: 0.8;
    transition: 0.3ms;
    color:#fff;
}

/* Alerte activation */
.gs-vision-alert {
    background: #6d3ef4;
    color: white;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
}

/* iFrame GS VISION */
.gs-vision-iframe {
    width: 100%;
    height: 80vh;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
#treso_child > li{
    margin-left: 20px;
   border-left: unset;
}