html,body{background: #26AF8A;margin:0; font-family: "lato";}


div::-webkit-scrollbar
{
height:7px;

}
div::-webkit-scrollbar-track
{
    border-radius: 10px;

    webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
div::-webkit-scrollbar-thumb
{
    background-color: #a6c53b;


    webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../font/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../font/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#content-wrapper{overflow: overlay;background: #26AF8A;}
.wrapper-calendrier{margin: 0px auto;margin-bottom:20px;text-align: center;background:#fff;padding:20px;width:95%;}
.wrapper-calendrier h3{display:inline-block;}
.calendrier{margin: 0 auto;border-collapse:collapse;}
.calendrier th{padding:5px 8px;padding-left:0px;text-align:left;}
.calendrier td{padding: 5px;}
.case{margin:0;font-size:.6em;width: 28px;height:15px;line-height:15px;font-weight: bold;color:#fff;}
/*.case-entier{margin:0;font-size:.7em;width: 28px;height:30px;line-height:30px;font-weight: bold;color:#fff;}*/
.case-entier{margin:0;font-size:.7em;width: 28px;height:30px;line-height:30px;font-weight: bold;color:#fff;/*position: relative;*/z-index: 2;}
.wrap-case{background:#F7F7F7;width:28px;height:38px;position: relative;}
.ligne-employe{border-bottom: 1px solid;}
.ligne-employe:last-child{border-bottom: 0px;}

#legend{display:inline-block;vertical-align:top;margin-top:15px;width: 80%;text-align: left;border:2px solid #26AF8A;}
#legend h5{background:#26AF8A;padding: 8px 0px;font-weight: bold;text-align: center;text-transform: uppercase;font-size:1.4em;margin-top: 0;color:#fff;}

.wrapper-legende{display: inline-block;vertical-align:middle;margin:8px;width: 16%;}
.wrapper-legende span{margin:0 4px;display: inline-block;text-transform: uppercase;font-size:.75em;font-weight: bold;}
.code-color{text-align:center;display:inline-block;padding:5px;background:red;color:#fff;width:20px;height:20px;font-size:.7em;font-weight: bold;line-height:20px;box-sizing: content-box;}

.conge{background:#ffd740;color:#000;}
.chomage{background:#930052;}
.recup{background:#FF00C5;}
.cm{background:#DAF7A6;color:#000;}
.peda{background:#009688;}
.pedaboul{background:#009688;}
.ferie{background:#ff9800;}
/*.formation{background:#e91e63;}*/
.formation{background:#ff8a80;}
.exterieur{background:#00bcd4;}
.homework{background:#7c4dff;}
.bureau{background:#607d8b;}
.atelier{background:#9c27b0;}
.atelierboul{background:#9c27b0;}
.garde{background:#A4A996;}

.stagecirque{background:red;}
.stageboul{background:red;}

.lien-mois{background:#26AF8A;border:0px;padding: 5px 8px;color:#fff;}

.popup{color:#ccc;text-decoration:underline;}
/*.popup{color:#ccc;text-decoration:underline;display: block;position:relative;z-index:3;}*/
.popup:hover,.popup:focus{background:rgba(0,0,0,.4);box-shadow:0 1px 0 rgba(255,255,255,.4);}
/*.popup span{position:absolute;margin-top:23px;margin-left:-35px;width:500px;word-wrap: break-word;color:#000;font-weight:normal;background:#F7F7F7;padding:15px;border:1px solid #26AF8A;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg);transition:all .25s;opacity:0;}*/
.popup span{position:absolute;margin-top:23px;margin-left:-35px;width:500px;word-wrap: break-word;color:#000;font-weight:normal;background:#F7F7F7;padding:15px;border:1px solid #26AF8A;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg);transition:all .25s;opacity:0;z-index:80;}
.popup:hover span,.popup:focus span{transform:scale(1) rotate(0);opacity:1;}

.wrapper-validation{margin: 20px auto;text-align: center;background:#fff;padding:20px;width:95%;}
.wrapper-validation h3{margin-bottom: 40px;text-transform: uppercase;}
.wrap-valide-user{padding:20px;display: inline-block;vertical-align: top;background:#FAFAFA;margin:5px;}
.wrap-valide-user h5{margin:0px;text-transform: uppercase;font-weight: bold;border-bottom: 1.5px solid;padding-bottom: 5px;}
.wrap-valide-user ul{padding:10px 0px;padding-left: 20px;padding-bottom:0px;margin: 0px;text-align:left;border-bottom: 1px solid;}
.wrap-valide-user ul:last-child{border-bottom:0;}
.title-date{font-weight: bold;text-transform: uppercase;font-size:.8em;}
.title-legend-date{}
.title-com-date{}
.add-legend-date{font-size:.7em;font-style: italic;}
.type-titre{text-transform: uppercase;font-size:.75em;}
.btn-style{text-transform: uppercase;font-size:.7em;font-family: "lato";font-weight:bold;background: #26AF8A;border:0;color:#fff;padding:5px 8px;}

.wrapper-formulaire{margin: 20px auto;text-align: center;background:#fff;padding:20px;width:95%;}
.wrapper-formulaire h3{border-top: 1px solid;padding-top: 15px;text-transform: uppercase;}
.btn-style-date-add{padding:5px 8px;background:#26AF8A;margin:10px;color:#fff;text-transform: uppercase;font-size:.8em;font-weight: bold;text-decoration:none;}
.btn-style-date-add:hover{color:#ddd;}


.non-valide{border:2px solid red;line-height: 26px;}
.non-valide-matin{border:2px solid red;line-height: 10px;}
.non-valide-aprem{border:2px solid red;line-height: 10px;}
.periode-matin{position:absolute;top:12%;z-index: 2;}
.periode-aprem{position:absolute;bottom:12%;z-index: 2;}
.popup .periode-matin , .popup .periode-aprem{text-decoration: underline;}

.com-matin{/*position:relative;top:0%;*/z-index: 3;display: block;}
.com-aprem{/*position:relative;bottom: 0%;*/z-index: 3;display: block;}

.message-error{text-align:center;color:red;}




.btn-admin-logout{border:0;background:transparent;padding:12px 20px;color:#5A738E;width:100%;}
.btn-admin-logout:hover{color:#262626;}
.logout-fleche{margin-right:.3em;}
.lien-adm-logout{margin:0;}
.lien-adm-logout:hover{color:#262626;background-color:#f5f5f5;}
.navbar-nav .open .dropdown-menu{width:161px;text-align:right;}
.table-user input[type="submit"]{width:20px;height:20px;margin:0% 3%;}
.validate-icon{background:url('../interface/validate.svg') center no-repeat;cursor: pointer;border:0;padding:0;background-size: contain;vertical-align:top;}
.input-group-btn{display:inherit;}
.bouton-rechercher{border-radius:0 25px 25px 0;border:1px solid rgba(221,226,232,.49);border-left:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#93A2B2;margin-bottom:0!important;background:#e6e6e6;}
.bouton-rechercher:hover{color:#93A2B2;background:#e6e6e6;border:1px solid rgba(221,226,232,.49);}
.bouton-rechercher:focus{color:#93A2B2;background:#e6e6e6;border:1px solid rgba(221,226,232,.49);}
.bouton-rechercher:active{color:#93A2B2;background:#e6e6e6;border:1px solid rgba(221,226,232,.49);}
.input-group{width:86%;}

.textareaadmin{width:66%;}
.barre-tab{margin:5px auto;}
.archives{color:#5ec6a1;font-size:.7em;}
.archives a{color:#5ec6a1;text-decoration:none;}
.archives a:visited{color:#5ec6a1;}
.archives a:hover{text-decoration:underline;}


ul.bar_tabs>li{text-transform:uppercase;font-weight:bold;}

.select-form-statut{padding:5px 8px;}
.option-attente{background:orange;color:#fff;font-weight:bold;padding:5px 8px;}
.option-valide{background:blue;color:#fff;font-weight:bold;padding:5px 8px;}
.option-inscrit{background:green;color:#fff;font-weight:bold;padding:5px 8px;}
.option-list-attente{background:gray;color:#fff;font-weight:bold;padding:5px 8px;}

.modal-montant label{width:16%;text-transform:uppercase;}
.input-modall{width:10%;padding:5px;}
.textarea-modall{width:83%;padding:5px;}

.listing-historique-coms-admin{padding:0;}
.listing-historique-coms-admin li{margin:15px 0px;padding:8px;background:rgba(115,135,156,.08);list-style-type:none;}
.listing-historique-coms-admin li:last-child{border-bottom:0px;}

.titre-form-new-modal{font-weight:bold!important;border-bottom:1.5px solid;padding-bottom:10px;margin-bottom:20px;}

.perso-button{font-weight:bold;}
.tr-table-style td span{line-height:normal;}

.titre-activite-index small{text-transform:uppercase;font-weight:bold;}
.titre-activite-index a{color:#fff;display:inline-block;background:#1ABB9C;padding:8px;}


/**ADMINISTRATION**/

/**INDEX**/
.logo-circomedie-admin{display:inline-block;position: absolute;top:10%;left: 0;}
.logo-circomedie-admin img{height:60px;width:auto;/*padding:15px*/}
.lien-admin-index{font-size:2em;text-transform:uppercase;font-weight:bold;}

/**CALENDRIER**/
.list-legende-color li{display:inline-block;padding:8px 10px;margin:10px;font-weight:bold;color:#fff;}
.fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar{margin:10px;}
.right_col2{margin:0 auto!important;}
.nav-calendrier nav{margin:0px 40px;position:relative;top:0;left:0;height: 80px;}
.nav-calendrier ul{padding:0;margin:0px;position: absolute;top:25%;left:20%;z-index:2;}
.nav-calendrier ul:last-child{padding:0;margin:0px;position:absolute;top:25%;right:0;text-align:right;z-index:1;}

/*.nav-calendrier ul{padding:0;margin:10px;display:inline-block;vertical-align:middle;width:60%;}
.nav-calendrier ul:last-child{padding:0;margin:10px;display:inline-block;vertical-align:middle;width:26%;text-align:right;}*/

.nav-calendrier li{padding:10px;display:inline-block;vertical-align:top;border-right:1px solid #fff;}
.nav-calendrier li:last-child{border-right:0px;}
.btn-decon{background:#fff!important;}
.lien-site-circo a{color:#fff;font-weight:bold;text-transform:uppercase;}
.lien-site-circo a:hover{padding-bottom:8px;border-bottom:1.5px solid #fff;}

.btn-decon2{border:0;background:transparent;color:#5A738E;width:100%;padding:10px;}
.btn-decon2:hover{color:#262626;}
.nav-calendrier form{display:inline-block;vertical-align:top;}


.destinataire-member{padding:5px;margin:0px 10px;display:inline-block;vertical-align:top;}
.destinataire-member label{padding-left:5px;}
.groupe-destinataire{border:1.5px solid;padding:5px;width:98%;}
.page-co{background:#26AF8A;font-family:Quicksand;}
#page-connexion{margin:30vh auto;width:30%;text-align:center;}
#page-connexion fieldset{border:2px solid #ededed;padding:20px;}
#page-connexion input{display:block;margin:5px;padding:10px;width:95%;}
#page-connexion input[type="submit"]{width:95%;font-weight:bold;text-transform:uppercase;font-family:Quicksand;background:#ededed;color:#000;border:2px solid #ededed;}
#page-connexion legend{color:#fff;font-weight:bold;padding:5px 14px;font-size:1.5em;margin:0;border:0;}

/**ANNUAIRE**/
.legende-annuaire form{margin:5px 0px;}
.legende-annuaire span{margin:10px 3px;display:inline-block;padding:3px 10px;}
.legende-annuaire input{display:inline-block;padding:3px 10px;margin:10px 3px;font-weight:bold;vertical-align:top;background:#26AF8A;color:#fff;border:2px solid #26AF8A;}
footer{margin-left:0px!important;}
.legende-annuaire .pageActive{background:transparent;border:2px solid #26AF8A; color:#26AF8A;}
.button-admin-option button{padding:5px 10px;border-radius:0px;}

.label-user{font-weight: normal;}