body { 
  /*background: url(../img/ciel-gare-est-paris.NB.jpg)no-repeat center center fixed;
  background-size: cover;
  */font-family: roboto;/*
  font-weight: 400;*/
  padding-right: 0 !important
}

html {
    position:relative;
    min-height: 100%;
}
/*Normalize html and body elements,this style is just good to have*/
html, body {
    margin:0;
    padding:0;
}

.modal-open {
  overflow-y: auto;
}

*::-webkit-input-placeholder {
    color: black;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: black;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: black;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: black;
}

/*.row {
    margin-bottom: 15px;
}*/

/*.row [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    background-color: rgba(86,61,124,.15);
    border: 1px solid rgba(86,61,124,.2);
}*/

.zoneIcone .actiIcon_,.zoneIcone p {
    margin: 5px;
    font-size: 1.2em;
}


.col-md-4 img {
    width: 100%;
}
.col-xs-6 img {
    width: 100%;
}

.bandeau {
    width:100%;
    height: 15vw;
    min-height: 110px;
    background-image: url(../img/galerie_photos_pyr_1_001.jpg);
    background-repeat: none;
    background-size: cover;
}


.bandeau h2 {
    margin-left: 2vw;
    padding-top: 4vw;
    color: white;
    
}

#filAriane a {
    color: white;
    font-weight: bolder;
    font-family: sans-serif;
    
}
#filAriane p {
    margin-top: 2vw;
    margin-left: 2vw;
}

.navbar {
    margin-top: 15px;
    background-color: transparent;
    border:none;
    border-radius: 15px;
    
}
#overrideBootstrap .myMenu li a {
    color: white;
    font-weight: bolder;
}

#overrideBootstrap .myMenu li:hover {
    background-color: #00a6d0;
}

#overrideBootstrap .myMenu li {
    margin:5px;
    background-color: #43bfe1;
    border-radius: 15px;
    border: solid 2px white;
    box-shadow: #000000 1px 1px;
        
}

#overrideBootstrap .navbar-default .navbar-nav>.active>a {
    
    background-color: #00a6d0;
    border-radius: 15px;
}

#overrideBootstrap .navbar-default .navbar-toggle {
    background-color: #00a6d0;
    color:white;
    font-weight: bolder;
    border:none;
    z-index:100;
}

#overrideBootstrap .navbar-collapse {
    border-top: none;
}
#overrideBootstrap .dropdown-menu {
    background-color: transparent;
    border:none;
}

#overrideBootstrap .dropdown-menu li a:hover {
    background-color: transparent;
}

#overrideBootstrap .navbar-nav {
    
}

/*.navbar-toggle {
    float: left;
    margin-left: 15px;
}*/

.col-md-4 .boutonconnexion {
/*    float: right;*/
    margin-top: 10%;
    margin-left:40%;
}
.col-md-4 .boutonconnexion li a:hover {
    background-color: transparent;   
}

#overrideBootstrap .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent; 
    border-color: #337ab7;
}
#overrideBootstrap .adminNav{
    background-color: #DA4040 !important;
}

#overrideBootstrap .adminNav:hover{
    background-color: #C50000 !important;
}



.tableauInscritLeft {
/*    border-right: 1px solid white;*/
}

.tableauInscritRight {
    /*border-left: 1px solid white;*/
}

.tableauInscritLeft p {
    float: right;
}

/**
/****
/****** ****/
.barreDate {
    text-align: center;
}
#overrideBootstrap .btn-primary {
/*    margin-top: 0px;*/
}

#mesfiltres {
    padding-top: 25px;
    padding-bottom: 20px;
    border-top: solid #286090 3px;
}
#mesfiltres .selectize-control {
    width: 100%;
/*    height: 50%;*/
}

.filtreHidden {
    display: none;
}

#filtre_choixFiltre input, label {
    margin-left: 3px;
    margin-right: 3px;
}

.filtreDateFinHidden {
    display:none;
}
#overrideBootstrap .ValiderFiltre {
    margin-top: 14px;
}


input::-webkit-calendar-picker-indicator {
    display: none;
}

.monContenu {
    /*background-color: #ffffff;*/
    margin-top: 25px;
    margin-bottom: 25px;
    /*z-index:999;*/
/*    height: 13vw;
    border-radius: 15px;*/
    color:white;
/*    text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;*/
}

.monContenu select, textArea ,input, div.selectize-input, .selectize-dropdown {
    color:black;
    text-shadow:none;
}
.editdescription textArea {
    width: 245px;
}

.ficheCollective {
    font-size: 1.2em;
    padding-top: 15px;
}
.ficheCollective .actiCartouche_ .col-md-6 {
    text-align: left;
}
.ficheCollective .participantEncart .col-md-5 {
    text-align: left;
}

.ficheCollective .participantEncart .col-md-5 .row {
    margin-left: 5px;
    text-align: left;
}
.ficheCollective .participantEncart .col-md-4 .row {
/*    margin-left: 5px;*/
    text-align: left;
}

.ficheCollective .participantEncart .col-md-3 .row {
    margin-left: 5px;
    text-align: left;
}

#overrideBootstrap .participantEncart .row {
    margin-left: 0px;
}

.accueilTitre {
    margin-top: 15px;
    font-weight: bolder;
    font-size: 1.5em;
    margin-left: 20px;
}
.accueilSecteur {
    margin-top: 0;
    font-size: 1.3em;
    font-style: italic;
    margin-left: 20px;
}
.acceuilRDV {
    margin-top: 15px;
}
#overrideBootstrap .observation p {
    font-style: oblique;
    font-weight: normal;
    margin-left: 20px;
    background-color: rgba(50, 50, 50, 0.5);
    width: 90%;
}

.encartMateriel {
    text-align: left;
}

.cotationStylePhysique {
    color: #FF8000;
    font-weight: bold;
    
}
.cotationStyletechnique {
    color:#0101DF;
    font-weight: bold;
    text-shadow:none;
    
    
}
.ficheCollective .mesBoutonCotation {
    background-color: rgba(60, 60, 60, 0.3);
    border:none;
    border-radius: 10px;
    
}
.ficheCollective .mesBoutonCotation p {
    text-align: center;
}
.cotValue {
    text-align: center;
}
.lienTableau {
    background-color: rgba(0,0,0,0);
    border-radius: 15px;
}
#overrideBootstrap #tableauCotation .modal-dialog{
    width: 120vh;
    margin-top: 0px;
}

.encartInscription p, .encartInscription button {
    padding: 5px;
    margin: 20px;
     
}
.encartInscription p {
    margin-top: 25px;
    border-radius: 15px;
}
.etat1 p {
    background-color: rgba(50, 50, 50, 0.5);
}
.etat2 p {
    background-color: rgba(127, 191, 63, 0.5);
}

#supprWrapper {
    width: 30px;
}
/*.monContenu .row [class^="col-"] {
    
    background-color: #cccccc;
    border-radius: 15px;
        
} */

.section {
    margin-bottom: 15px;
}

#overrideBootstrap .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #3366ff;
}

#overrideBootstrap .nav-tabs>li a {
    background-color: #43bfe1;
    border-radius: 15px;
}

#overrideBootstrap .nav-tabs>li a:focus, .nav-tabs>li a:hover {
    background-color: #3366ff;
}

#overrideBootstrap .btn-danger, .btn-info, .btn-success {
/*    border: 2px solid white;
    border-radius: 20px;
    height: 40px;
    box-shadow: 2px 2px 2px #000000;*/
}

#overrideBootstrap .btn-default, .btn-primary {
/*    border: 2px solid #cccccc;
    border-radius: 20px;
    height: 40px;
    box-shadow: 2px 2px 2px #000000;*/
}



#overrideBootstrap .xsDiv .btn-danger {
    height: 25px;
}
#overrideBootstrap .ficheCollective .monBoutonRejet {
    height: 24px;
}
#overrideBootstrap .participantEncart .btn {
    margin-right : 10px;
}

#overrideBootstrap .ficheCollective .btn-success {
    border: 2px solid white;
    border-radius: 25px;
    height: 24px;
    box-shadow: 2px 2px 2px #000000;
}
#overrideBootstrap .participantEncart .modal .btn-success {
    height: 44px;
}

#overrideBootstrap select {
    height: 31px;
}

.ficheCollective .liste .row {
    margin-bottom: 3px;
}

.cartouchePieceMat {
    min-height: 50px;
    padding: 2px;
    margin: 1px;
    border-radius: 10px;
    width: 48%;
    background-color: rgba(50, 50, 50, 0.40); 
    text-align: center;
}
.cartoucheRDV {
    padding: 3px;
    margin: 3px;
    border-radius: 10px;
    width: 100%;
    background-color: rgba(50, 50, 50, 0.40); 
    text-align: center;
}
.CartoucheParticipants {
    padding: 2px;
    margin: 1px;
    border-radius: 10px;
    background-color: rgba(50, 50, 50, 0.40); 
    text-align: center;
}
.warning {
    font-family:sans-serif;
    font-weight: bolder;
    font-size: 1.20em;
}
.warning1 {
    color: red;
}
.warning2 p {
    margin: 15px;
}
.warning3 {
    color: green; 
}
.warning4 {
    color: white;
    background-color: #d9534f;
    margin: 15px;
    padding: 10px;
    text-align: center;
    border: 1px solid white;
    font-size: 0.9em;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.warning5 {
    color: white;
    background-color: green;
    margin: 15px;
    padding: 10px;
    text-align: center;
    border: 1px solid white;
}

.materiel p {
    padding: 15px;
}

#overrideBootstrap .spacer {  
    height: 11px; 
}

.enregistrer {
    margin: 10px;
}
.enregistrerP {
    margin: 10px;
    background-color: #921e92;
}

.enregistrerP:hover {
    background-color: #5a115a;
}

#description .row {
    margin-top: 5px;
}

/*.test1 {
    background-color: yellow;
}*/


@media only screen and (min-width:1200px) {
    #overrideBootstrap .btn-danger, .btn-info {
/*    border: 2px solid white;
    border-radius: 25px;
    height: 40px;
    box-shadow: 2px 2px 2px #000000;*/
    }

    #overrideBootstrap .btn-default, .btn-primary {
/*        border: 2px solid #cccccc;
        border-radius: 20px;
        height: 40px;
        box-shadow: 2px 2px 2px #000000;*/
    }

    #overrideBootstrap .xsDiv .btn-danger {
/*        height: 25px;*/
    }
    
    
}

#overrideBootstrap .editmateriel .btn-danger {
    height: 26px;
    margin-right: 10px;
}
#overrideBootstrap .editCotation .modal .btn-danger {
    height: 44px
}

.editdenivele .ui-spinner {
    float:right;
    width: 150px;
}

/****Tooltip***************************/


#overrideBootstrap .tooltip-inner{
    width: 350px;
    height: auto;
    min-height: 70px;
    font-size: 1.5em;
    border-radius: 15px;
    
    
}

#overrideBootstrap .tooltip-arrow {
    color: #337ab7;
}
/*.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }*/


.editdescription .selectize-input {
    /*width: 138px;*/
}
.editdescription .actiCartouche_ {
    text-align: left;
    padding-right: 15px;
    margin-left: 0px;
}

.editMateriel .selectize-input {
    width:120%;
}
#overrideBootstrap .editCotation {
    text-align: center;
}
#overrideBootstrap .editCotation .btn-danger {
    height: 26px;
}

#manualConfToggle {
    background:none;
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    text-decoration: underline; 
}

/*.editMateriel span, .selectize-control{
    display: inline-block;
}*/

/***SELECTIZE************************/

.selectize-control { 
/*    width: inherit; */
}

.button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button:hover {
  background-color: #eee;
  color: #555;
}

.button:active {
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button[disabled], .button[disabled]:hover, .button[disabled]:active {
  border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  /* Usually, !important should be avoided but here it's really needed :) */
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.button.large {
  padding: 12px 30px;
  text-transform: uppercase;
}

.button.large:active {
  top: 2px;
}

#description h4 {
    text-align: center;
}

.editEncar h4 {
    text-align: center;
}


/******************
/*************
/****** activite Style *****************/
/************************************************/

/*****neutre*****/


.actiCartouche_ {
    margin-top: 5px;
    width: 97%;
    padding: 5px;
    text-align: center;
/*    border: 2px solid white;
    border-radius: 10px;*/
    box-shadow: 1px 1px 1px #000000;
}

.adherentCartouche_ {
    background-color: grey;
    width: 97%;
    padding: 5px;
    text-align: center;
    /*    border: 2px solid white;
        border-radius: 10px;*/
    box-shadow: 1px 1px 1px #000000;
}

.actiCartoucheInscription_ {
    margin-top: 5px;
    width: 97%;
    padding: 5px;
    text-align: center;
    /*    border: 2px solid white;
        border-radius: 10px;*/
    box-shadow: 1px 1px 1px #000000;
}
.actiContainer_ {
    background-color: rgba(50, 50, 50, 0.5);
    
}

.nocollective {
    text-align: center;
}

.ficheCollectiveDesc p {
    /*font-weight: 600;*/
    display: inline;
    
}


#overrideBootstrap .ficheCollectiveDesc {
    text-align: left;
    
}
#overrideBootstrap .ficheCollectiveDesc h1 {
    text-align: center;
    
}


#overrideBootstrap .modal-content {
    background-color: rgb(153, 105, 72);
}

#overrideBootstrap #dossiersEcole .modal-content {
    background-color: rgb(255, 255, 255);
    color: black;
    font-size: small;

}
#overrideBootstrap .well {
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(217, 83, 79, 0.8);
    width: 72%;
}
/*****interface*****/
.actiCartouche_red {
    background-color: #ff3333;
}
.actiCartouche_green {
    background-color: #339900;
}

.acti_Container_Interface {
    background-color: rgba(0, 166, 208, 0.7);
}

.actiIcon_ {
    margin-top: 5px;
    box-shadow: 2px 2px rgba(50, 50, 50, 0.75);
}
/*****Rando*****/



.actiIcon_1 {
    background-image : url(../img/icon/Randonnee.png);
}
.actiContainer_1 {
    background-color: rgba(58, 168, 53, 0.75);
/*    background-image : url(../img/randoCartouche.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
    
}

.actiCartouche_1 {
    background-color: rgb(58, 168, 53);
    
}


/*****alpi*****/

.actiIcon_2 {
    background-image : url(../img/icon/Alpinisme.png);
}

.actiContainer_2 {
    background-color: rgba(235, 105, 29, 0.75);
/*    background-image : url(../img/rocher.cartouche.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
}
.actiCartouche_2 {
    background-color: rgb(235, 105, 29);
}

/*****escalade*****/

.actiIcon_3 {
    background-image : url(../img/icon/Escalade.png);
}
.actiContainer_3 {
    background-color: rgba(235, 105, 29, 0.75);
}
.actiCartouche_3 {
    background-color: rgb(235, 105, 29);
}

.actiIcon_38 {
    background-image : url(../img/icon/Escalade.png);
}
.actiContainer_38 {
    background-color: rgba(235, 105, 29, 0.75);
}
.actiCartouche_38 {
    background-color: rgb(235, 105, 29);
}

.actiIcon_39 {
    background-image : url(../img/icon/Escalade.png);
}
.actiContainer_39 {
    background-color: rgba(235, 105, 29, 0.75);
}
.actiCartouche_39 {
    background-color: rgb(235, 105, 29);
}

.actiIcon_40 {
    background-image : url(../img/icon/Escalade.png);
}
.actiContainer_40 {
    background-color: rgba(235, 105, 29, 0.75);
}
.actiCartouche_40 {
    background-color: rgb(235, 105, 29);
}



/*****Canyon*****/

.actiIcon_4 {
    background-image : url(../img/icon/Canyon.png);
}
.actiContainer_4 {
    background-color: rgba(248, 174, 1, 0.75);
}
.actiCartouche_4 {
    background-color: rgb(248, 174, 1);
}




/*****Speleologie*****/

.actiIcon_5 {
    background-image : url(../img/icon/Speleologie.png);
}
.actiContainer_5 {
    background-color: rgba(235, 105, 29, 0.75);
}
.actiCartouche_5 {
    background-color: rgb(235, 105, 29);
}

/*****Velo-de-montagne*****/


.actiIcon_6 {
    background-image : url(../img/icon/Velo-de-montagne.png);
}

.actiContainer_6 {
    background-color: rgba(58, 168, 53, 0.75);
}
.actiCartouche_6 {
    background-color: rgb(58, 168, 53);
}

/*****marche nordique*****/


.actiIcon_7 {
    background-image : url(../img/icon/marche-nordique.png);
}

.actiContainer_7 {
    background-color: rgba(0, 179, 212, 0.75);
}
.actiCartouche_7 {
    background-color: rgb(0, 179, 212);
}


/*****carto-orientation*****/


.actiIcon_8 {
    background-image : url(../img/icon/Carto-orientation.png);
}

.actiContainer_8 {
    background-color: rgba(58, 168, 53, 0.75);
}
.actiCartouche_8 {
    background-color: rgb(58, 168, 53);
}

/*****cascade de glace*****/


.actiIcon_9 {
    background-image : url(../img/icon/Cascade-de-glace.png);
}

.actiContainer_9 {
    background-color: rgba(0, 179, 212, 0.75);
}
.actiCartouche_9 {
    background-color: rgb(0, 179, 212);
}

/*****ecole d'aventure*****/


.actiIcon_10 {
    background-image : url(../img/icon/ecole_av.png);
}

.actiContainer_10 {
    background-color: rgba(58, 168, 53, 0.75);
}
.actiCartouche_10 {
    background-color: rgb(58, 168, 53); 
}

/*****ecole d'escalade*****/


.actiIcon_11 {
    background-image : url(../img/icon/ecole_esc.png);
}

.actiContainer_11 {
    background-color: rgba(235, 105, 28, 0.75);
}
.actiCartouche_11 {
    background-color: rgb(235, 105, 28);
}

/*****ecole de ski*****/


.actiIcon_12 {
    background-image : url(../img/icon/ecole_ski.png);
}

.actiContainer_12 {
    background-color: rgba(0, 179, 212, 0.75);
}
.actiCartouche_12 {
    background-color: rgb(0, 179, 212);
}

/*****formation*****/


.actiIcon_13 {
    background-image : url(../img/icon/Formation-transversale.png);
}

.actiContainer_13 {
    background-color: rgba(34, 104, 137, 0.75);
}
.actiCartouche_13 {
    background-color: rgb(34, 104, 137);
}


/*****raids, trek, voyage*****/


.actiIcon_14 {
    background-image : url(../img/icon/Trek-Voyage.png);
}

.actiContainer_14 {
    background-color: rgba(58, 168, 53, 0.75);
}
.actiCartouche_14 {
    background-color: rgb(58, 168, 53);
}

/*****randonnée alpine*****/


.actiIcon_15 {
    background-image : url(../img/icon/Randonnee-Alpine.png);
}
.actiContainer_15 {
    background-color: rgba(58, 168, 53, 0.75);
}

.actiCartouche_15 {
    background-color: rgb(58, 168, 53);
    
}


/*****randonnée hivernale*****/


.actiIcon_16 {
    background-image : url(../img/icon/Randonnee.png);
}
.actiContainer_16 {
    background-color: rgba(67, 156, 43, 0.75);
}

.actiCartouche_16 {
    background-color: rgb(67, 156, 43);
    
}

/*****raquettes*****/


.actiIcon_17 {
    background-image : url(../img/icon/Raquette.png);
}
.actiContainer_17 {
    background-color: rgba(0, 179, 212, 0.75);
}

.actiCartouche_17 {
    background-color: rgb(0, 179, 212);
    
}

/*****ski alpin*****/


.actiIcon_18 {
    background-image : url(../img/icon/Ski-alpin.png);
}
.actiContainer_18 {
    background-color: rgba(0, 179, 212, 0.75);
}

.actiCartouche_18 {
    background-color: rgb(0, 179, 212);
    
}

/*****ski de rando*****/


.actiIcon_19 {
    background-image : url(../img/icon/Ski-de-randonnée.png);
}
.actiContainer_19 {
    background-color: rgba(0, 179, 212, 0.75);
}

.actiCartouche_19 {
    background-color: rgb(0, 179, 212);
    
}

/*****slackline*****/


.actiIcon_20 {
    background-image : url(../img/icon/slackline.png);
}
.actiContainer_20 {
    background-color: rgba(235, 105, 29, 0.75);
}

.actiCartouche_20 {
    background-color: rgb(235, 105, 29);
    
}

/*****spécial jeune*****/


.actiIcon_21 {
    background-image : url(../img/icon/Jeune.png);
}
.actiContainer_21 {
    background-color: rgba(34, 104, 137, 0.75);
}

.actiCartouche_21 {
    background-color: rgb(34, 104, 137);
    
}

/*****surf*****/


.actiIcon_22 {
    background-image : url(../img/icon/Surf.png);
}
.actiContainer_22 {
    background-color: rgba(0, 179, 212, 0.75);
}

.actiCartouche_22 {
    background-color: rgb(0, 179, 212);
    
}

/*****télémark*****/


.actiIcon_23 {
    background-image : url(../img/icon/Telemark.png);
}
.actiContainer_23 {
    background-color: rgba(0, 179, 212, 0.75);
}

.actiCartouche_23 {
    background-color: rgb(0, 179, 212);
    
}

/*****trail*****/


.actiIcon_24 {
    background-image : url(../img/icon/trail.png);
}
.actiContainer_24 {
    background-color: rgba(58, 168, 53, 0.75);
}

.actiCartouche_24 {
    background-color: rgb(58, 168, 53);
    
}

/*****via ferrata*****/


.actiIcon_25 {
    background-image : url(../img/icon/viaferrata.png);
}
.actiContainer_25 {
    background-color: rgba(235, 105, 29, 0.75);
}

.actiCartouche_25 {
    background-color: rgb(235, 105, 29);
    
}

/*****Culture*****/


.actiIcon_26 {
    background-image : url(../img/icon/Culture.png);
}
.actiContainer_26 {
    background-color: rgba(34, 104, 137, 0.75);
}

.actiCartouche_26 {
    background-color: rgb(34, 104, 137);
    
}

/*****Decouverte*****/


.actiIcon_27 {
    background-image : url(../img/icon/Decouverte.png);
}
.actiContainer_27 {
    background-color: rgba(34, 104, 137, 0.75);
}

.actiCartouche_27 {
    background-color: rgb(34, 104, 137);
    
}

/*****Dry-Tooling*****/


.actiIcon_28 {
    background-image : url(../img/icon/Dry-Tooling.png);
}
.actiContainer_28 {
    background-color: rgba(235, 105, 29, 0.75);
}

.actiCartouche_28 {
    background-color: rgb(235, 105, 29);
    
}

/*****Expedition*****/


.actiIcon_29 {
    background-image : url(../img/icon/Expedition.png);
}
.actiContainer_29 {
    background-color: rgba(34, 104, 137, 0.75);
}

.actiCartouche_29 {
    background-color: rgb(34, 104, 137);
    
}

/*****Formation-cadre*****/


.actiIcon_30 {
    background-image : url(../img/icon/Formation-cadre.png);
}
.actiContainer_30 {
    background-color: rgba(34, 104, 137, 0.75);
}

.actiCartouche_30 {
    background-color: rgb(34, 104, 137);
    
}

/*****Formation-dirigants*****/


.actiIcon_31 {
    background-image : url(../img/icon/Formation-dirigants.png);
}
.actiContainer_31 {
    background-color: rgba(34, 104, 137, 0.75);
}

.actiCartouche_31 {
    background-color: rgb(34, 104, 137);
    
}

/*****Formation-securité*****/


.actiIcon_32 {
    background-image : url(../img/icon/Formation-securité.png);
}
.actiContainer_32 {
    background-color: rgba(34, 104, 137, 0.75);
}

.actiCartouche_32 {
    background-color: rgb(34, 104, 137);
    
}

/*****Highline*****/


.actiIcon_33 {
    background-image : url(../img/icon/Highline.png);
}
.actiContainer_33 {
    background-color: rgba(235, 105, 29, 0.75);
}

.actiCartouche_33 {
    background-color: rgb(235, 105, 29);
    
}

/*****Paralpinisme*****/


.actiIcon_34 {
    background-image : url(../img/icon/Paralpinisme.png);
}
.actiContainer_34 {
    background-color: rgba(248, 174, 1, 0.75);
}

.actiCartouche_34 {
    background-color: rgb(248, 174, 1);
    
}

/*****Ski-alpinisme*****/


.actiIcon_35 {
    background-image : url(../img/icon/Ski-alpinisme.png);
}
.actiContainer_35 {
    background-color: rgba(0, 179, 212, 0.75);
}

.actiCartouche_35 {
    background-color: rgb(0, 179, 212);
    
}

/*****Ski-Nordique*****/


.actiIcon_36 {
    background-image : url(../img/icon/Ski-Nordique.png);
}
.actiContainer_36 {
    background-color: rgba(0, 179, 212, 0.75);
}

.actiCartouche_36 {
    background-color: rgb(0, 179, 212);
    
}

.actiIcon_37 {
    background-image : url(../img/icon/Evenement.png);
}
.actiContainer_37 {
    background-color: rgba(166, 27, 171, 0.75);
}

.actiCartouche_37 {
    background-color: rgb(166, 27, 171);
    
}

/***************************************************************************************************/

/*fiche Adherents*/

#overrideBootstrap text-left{
    font-weight: bolder;
    font-size: 1.3em;
}

img.img-responsive {
    max-width: 84%;
}


/****************************ADMIN*********************************************/


.monContenuAdmin {
    font-size: 1.2em;
    margin-top: 25px;
    margin-bottom: 25px;
    z-index:99;
/*    height: 13vw;*/
    border-radius: 15px;
    color:white;
/*    text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;*/
}

.cartouchePieceMatAdmin {
    width: 33%;
    padding: 2px;
    margin: 1px;
    border-radius: 10px;
    background-color: rgba(50, 50, 50, 0.70); 
    text-align: center;
}

#overrideBootstrap .btn-xs{
    border: 2px solid white;
    border-radius: 20px;
    height: 25px;
    box-shadow: 2px 2px 2px #000000;
}

#overrideBootstrap .adminAddTypeSelect{
    width: 70%;
    color: black;
     
}

.actiCartoucheAdmin_ {
    margin-top: 6px;
    padding: 5px;
    min-height: 200px;
    text-align: center;
    border: 2px solid white;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
}

#overrideBootstrap .adminContainer_ {
    background-color: rgba(50, 50, 50, 0.5);
    border: none;
}

#overrideBootstrap .adminContainer_ ul{
    list-style: none;
    color: white;    
}

#overrideBootstrap .adminTabsControl {
    background-color: rgba(50, 50, 50, 0.5);
    border: none;
}

#overrideBootstrap .adminTabsControlAlt {
    list-style: none;
    color: white;
}

#overrideBootstrap .adminTabsControlAlt li {
    
    display: inline;
    text-align: center;
    padding: 2px ;
}

#overrideBootstrap .adminTabsControlAlt li a {
    color: black!important;
    background-color: white;
    padding: 2px 5px;
    border-radius: 2px;
    margin:3px;
}

#adherentTabs .ui-widget-content {
    border: none;
    background: none;
    color: none;
}

#adherentTabs .tabMenu .ui-widget-header{
    background: none;
    border:none;
}

.notabene1 {
    font-size: 0.9em;
}

#overrideBootstrap .ui-datepicker {
    right: 0;
}
table {
    width: 100%;
}

table, th, td {
    border: 1px solid white;
    border-collapse: collapse;
    text-align: center;
}

td {
    max-width: 250px;
}

.logCell {
    max-height: 100px;
    overflow-y: overlay;
}

.commentaire .row {
    margin: 15px 10px 15px 10px;
}

.commentaire .row [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    /*background-color: #eee;*/
    border: 1px solid #ddd;
    /*background-color: rgba(86,61,124, 0.15);*/
    border: 1px solid #9e9e9e;
}

.listeEncActivite {
    /* max-height: 100px; */
    /* overflow-y: overlay; */
    /* width: 220px; */
}

.listeEncActivite span{
    border: 1px solid black;
    border-radius: 8px;
    margin: 2px 2px;
    padding: 2px 4px;
    word-wrap: break-word;
    white-space: normal;
    display: -webkit-inline-box;
    color: black;
    font-size: 1.35em;
} 
.adherentActiviteChart div{
    display: flex;
    flex-direction: row;
    justify-content: center;
}


#overrideBootstrapEdit input[type=checkbox] {
    margin-top: 10px;
}

.bounce:hover {
    transform: scale(1.05);
}

.adherentColls {
    max-height: 120px;
    overflow-y: overlay;
    overflow-x: hidden;
}
.highlight:hover {
    background-color: rgba(90, 90, 90, 0.60);
}

.boutonsProfil {
    margin-right: -25px;
    margin-top: -20px;
}

.modal-backdrop.in {
    z-index:-1;
}

#overrideBootstrap .modal-backdrop.in {
    z-index:-1;
}

/*********************************STATS***************************************************/


.encadrantAssermente {
    background-image: url(../img/icon/graduation-gat.png);
    background-repeat: no-repeat;
    background-size: 10%;
    background-position-x: 96%;
    background-position-y: -20%;
}

.blockSemaine {
    transition: transform .3s ease-out; 
    padding-bottom: 50px; 
    background-color: rgba(40,40,40,0.3);
    border: 1px solid gray;
}
.blockAnnonce {
/*    transition: transform .3s ease-out; 
    padding-bottom: 50px; 
    background-color: rgba(40,40,40,0.3);
    border: 1px solid gray;*/
}


.blockSemaine h4 {
    font-size:1.3em;
}
.blockSemaine #mesfiltres {
    border-top: none;
    background-color: rgba(20,20,20,0.6);
}

.mesImages:hover {
    cursor: pointer;
    transform: scale(1.01);
}

.switch {
    position: absolute;
    right: 5px;
    z-index: 1;
}

.aPointer {
    transition: transform .1s ease-out;
    transform: scale(1.2);
}

.aPointer:hover {
    cursor: pointer;
    transform: scale(1.3);
}

#overrideBootstrap .selectize-control.multi .selectize-input > div {
    background: #337ab7;
    color: white;
}

.displayElm img {
    display: -webkit-inline-box;
}

#overrideBootstrap .jqte_tool_label {
    height: 20px;
}

.semainePickerAttached {
    
}

#encartAnnonce {
    margin-top: 15px; 
    background-color:rgba(255,255,255,0.8); 
    min-height: 100px; 
    max-height: 130px; 
    overflow: hidden;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

#encartAnnonce:hover {
    cursor: pointer;
}

.fichesAdherent {
    min-height: 174px;
}

#overrideBootstrap .footerContainer {
    background-color: rgba(0, 0, 0, 0.7);
    /*height: 100px;
    position:relative;
    width:102%;
    overflow: hidden;
    clear:both;*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height:100px;
}

.titrelog {
    color: white;
    text-shadow: 2px 2px #000;
}

.semaineString {
    text-shadow: 2px 2px #000;
    font-size: 1.2em;
}

.mylinksBlue {
    color: #33ffff;
}

.darkerComment {
    background-color: rgba(0,0,0, 0.6);
}
.lighterComment {
    background-color: rgba(100,100,100, 0.6);
}

.listMatEdit {
    background-color: rgba(0,0,0, 0.55);
    margin: 5px;
    width: 48%;
    min-height: 50px;
}

.editMatSup {
      position: absolute;
      right: 35px;
      bottom: 0px;
  }

.suprMatSup {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.menuparam {
    width: 280px;
    padding: 35px;
    position: fixed;
    right: -280px;
    top: 5px;
    background-color: #43bfe1;
    z-index: 99;
    border: 2px solid white;
    border-radius: 10px;
    color: white;
    overflow: hidden;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

.menuParamShow {
    position: absolute;
    right: 3px;
    top: 5px;
    border: 2px solid white;
}

.menuParamHide {
    position: absolute;
    top: 11px;
    right: 19px;
    background-color: transparent;
    border: none;
}

#overrideBootstrap  a {
    text-decoration: none;
}

#overrideBootstrap label {
    color: white;
}

#overrideBootstrap #addPartTab {
    padding: 5px;
}

#overrideBootstrap .modifParticipantExterne {
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 1px;
    border-radius: 15px;
}


#tamponClub {
    position: absolute;
    z-index: 999;
    background-color: rgb(139,0,0,0.8);
    padding: 4px 7px 4px 7px;
    transform: rotate(-4deg);
    left: -16px;
    top: -7px;
}

/************************************************ ANTI BOT ****************************************************************************************************************/


::-webkit-input-placeholder {
    color: #bbb !important;
}

.bot span {
    color: white !important;
    border: 1px solid black !important;
    background:green;
    overflow:hidden;
    display:inline-block;
    width:235px;

    text-align: center;
    white-space:nowrap;
    border-radius:15px;
    transition:all 0.2s
}

.bot span{
    cursor:pointer
}

.human span {
    color: white !important;
    border: 0 solid black !important;
    background:green;
    overflow:hidden;
    display:inline-block;
    width:235px;

    text-align: center;
    white-space:nowrap;
    border-radius:15px;
    transition:all 0.2s
}
/*.bot i {
    font-size: 32px;
    vertical-align: middle;
    transform: rotate(90deg);
    transition: all 0.4s
}
.bot:hover i, .bot:hover span{
    color:#678
}
.bot .fa-check-circle {
    color: #5bc0de !important;
    transform: rotate(0deg);
}
.bot span{
    font-size:14px;
    padding:0  0 0 10px;
    display:inline-block;
    text-shadow:0 1px 0 #fff;
}
.bot .chk{
    width:28px;
    background:green
}*/
.shake {
    transform-origin: center;
    animation-name: shake;
    animation-duration: 400ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out
}
@keyframes slidedown{
    0%{ max-height:0px;opacity:0}
    100%{ max-height:600px;opacity:1}
}
@keyframes shake {
    0% {transform: none }
    12.5% {transform: translateX(-15px) rotateY(-5deg) }
    37.5% {transform: translateX(4px) rotateY(4deg) }
    62.5% {transform: translateX(-8px) rotateY(-3deg) }
    87.5% {transform: translateX(2px) rotateY(2deg) }
    100% {transform: none }
}

.winnie {
    display: none;
}

.pieceJointeDialog .row {
    text-align: start;
}

.trumbowyg-editor-box {
    background-color: white;
    color: black;
}

#ui-datepicker-div {
    z-index: 999!important;
}