.holder-style {
	width:100%;
	background:blue;
	text-align:center;
	float:left;
	font-weight:bold;
	font-size:1.5em;
}
.holder-style img {
	width:90px;
	max-width:80%;
}

.panel-controls {
	display: none;
}
.panel-menu input[type="file"] {
	padding:8px 5px;
}
a input[type="button"], a input[type="submit"] {
	color:#7f828f;
}
.chargement {
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15000;
	text-align: center;
	padding-top: 15%;
	display: none;
}


.red, .rouge, .rouge a, .red a {
	color: #BE1217;
}
.green, .vert, .green a, .vert a {
	color:green;
}

.orange, .orange a {
	    color: #FF6600;
}
.bleu_clair, .bleu_clair a {
	color:#67d3e0;
	text-transform:uppercase;
}

.navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
    padding-top: 10px;
}

hr {
    margin: 10px 0;
}

a {
	cursor:pointer;
}
a button {
	color:#2a2f43;
}


.link {
	color:#2A2F43;
}
.link_inactif {
	color:#999;	
}
.link_head {
	font-size:15px;
	color:#2A2F43;
}

.loading {
	margin:0 auto;
}

.no-padding {
	padding:0!important;
}

.fa-trash-o {
	color:red!important;
}

.annotation {
	font-size:0.9em;
	font-style:italic;
}
/*----------------------------------HEADER------------------------------------*/
#topbar {
    clear:both;
	margin-top:56px;
}

#topbar .col-lg-3 pull-right i {
	font-size:2em;
}

#topbar .col-lg-3 pull-right .input-group, #topbar .col-lg-3 pull-right .input-group i {
	font-size:14px;
	font-weight:normal;
}

/*-----------------------------------Divers----------------------------------*/
.item :hover {
	background:#F2F2F2;
}

#content_wrapper.inactif #content {
	pointer-events:none;
    opacity: 0.5;
}

.tabs-bg.nav-tabs {
    border:none;
	padding-left:0;
}

#content .panel {
    box-shadow:none;
}
/*-----------------------------------MENU----------------------------------------*/
.nav.sidebar-menu li:hover, .nav.sidebar-menu li.active a {
	color:#67d3e0;
}
.nav.sidebar-menu li.active .nav.sub-nav li a {
	color:#ffffff;
}
.nav.sidebar-menu li.active .nav.sub-nav li.active a, .nav.sidebar-menu li.active .nav.sub-nav li:hover a {
	color:#67d3e0;
}

/*-----------------------------------Formulaires----------------------------------*/
.allcp-form .select > select {
}


/*-----------------------------------Pop-ups----------------------------------*/
.mfp-wrap {
	z-index: 4000!important;
}
.mfp-container {
	background:url(../images/popup_bg.png);
	z-index:4000;
	overflow:hidden;
	max-width:100%;
	max-height:100%;
}

.colorpicker.dropdown-menu, .ui-datepicker {
	z-index:4001 !important;	
}

/*-----------------------------------GRAND CALENDRIER (mois)----------------------------------*/
.sel_mois {
	background: #e5eaee;
    color: #9b9ead;
    padding: 0;
    text-transform: uppercase;
	height:3.2em;
	padding-top:0.4em;
	display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
	width:31%;
	margin-right:2%;
	margin-bottom:0.9em;
	float:left;
	cursor:pointer;
}
.sel_mois a {
	color: #9b9ead;
	text-decoration:none;
}
.sel_mois#mois_actif {
	background:white!important;
	color: #67d3e0 !important;
}
.sel_mois#mois_actif a {
	color: #67d3e0 !important;
}.sel_mois:hover {
	background:white!important;
	color: #67d3e0 !important;
}
.sel_mois:hover a {
	color: #67d3e0 !important;
}



.calendar_img_thumb {
	width:2.5em!important;
}
.sel_activite {
	opacity:0.4;
}
.sel_activite a {
	padding-left:0!important;
	padding-right:0!important;
}
.sel_activite a img {
	margin-right:0.7em;
}
.sel_activite.active {
	opacity:1;
}
.sel_activite:hover {
	opacity:1;
}

.micro-header {
	color: #2a2f43;
}

.calendar {
	width:96%;
	margin-left:2%;
	margin-right:2%;
}

/*-----------------------------------Calendriers semaines & divers----------------------------------*/
#calendrier_semaine {
	width:100%;
	padding:0 15px!important;
}

.table_estimation tr td {
	border:#CCC 1px solid;
	padding:5px;
	text-align:center;
}


/*-------------------------------------------------- Gestion des ecoles --------------------------------------------------*/
#table_ecoles tbody tr {
}
#table_ecoles tbody tr:hover {
	background:#D5F4FF;	
}
#table_ecoles tfoot tr .panel-menu {
	margin-top:0!important;
}
#table_ecoles tfoot tr,  #table_ecoles tfoot tr .panel-menu {
	background:#F0F0F0;
}
/*-------------------------------------------------- Gestion des activites --------------------------------------------------*/

#table_activites tbody tr {
	cursor:pointer;	
}
#table_activites tbody tr:hover {
	background:#D5F4FF;	
}
#table_activites tfoot tr .panel-menu {
	margin-top:0!important;
}
#table_activites tfoot tr,  #table_activites tfoot tr .panel-menu {
	background:#F0F0F0;
}
#table_activites tbody tr td div.couleur {
	width:20px;
	height:20px;
}

/*-------------------------------------------------- Gestion des responsables --------------------------------------------------*/
#table_responsables tbody tr:hover {
	background:#D5F4FF;	
}
#table_responsables tfoot tr .panel-menu {
	margin-top:0!important;
}
#table_responsables tfoot tr,  #table_responsables tfoot tr .panel-menu {
	background:#F0F0F0;
}
#table_responsables tbody tr td div.couleur {
	width:20px;
	height:20px;
}
/*-------------------------------------------------- Gestion des tarifs --------------------------------------------------*/
.input_tarifs {
	height: 36px;
	padding: 6px 15px;
	font-size: 14px;
	line-height: 1.49;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #dddddd;
	border-radius: 3px;
	-webkit-appearance: none;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
	width:60%;
	text-align:right;
}


#table_tarifs {
	width:100%;
	border:black 1px solid;
}
#table_tarifs td {
	border:black 1px solid;
	text-align:center;
	padding:5px;
	color:#333;
	font-size:13px;
}

#table_tarifs thead tr td {
	color:black;
}
#table_tarifs tbody tr {
	cursor:pointer;
}
#table_tarifs tbody tr.ligne_actif {
	background:#D5F4FF;	
}
#table_tarifs tbody tr:hover {
	background:#D5F4FF;	
}

#table_qf tbody tr {
	cursor:pointer;	
}
#table_qf tbody tr:hover {
	background:#D5F4FF;	
}

#table_qf tfoot tr .panel-menu {
	margin-top:0!important;
}
#table_qf tfoot tr,  #table_qf tfoot tr .panel-menu {
	background:#F0F0F0;
}



/*------------------- tarifs admin --------------------------*/
#div_table_tarifs .inactif {
	pointer-events:none;
    opacity: 0.5;
    background: #CCC;
}

/*-------------------------------------------------- Fiche d'inscription ------------------------------------------------------------*/

#fiche {
	width: 19cm;
    min-height: 27cm;
	height:auto;
    padding: 1cm 0.5cm;
	position:relative;
	margin:10px auto 40px auto;
	background: white;
	-moz-box-shadow: 1px 1px 7px 1px #cfcfcf;
	-webkit-box-shadow: 1px 1px 7px 1px #cfcfcf;
	-o-box-shadow: 1px 1px 7px 1px #cfcfcf;
	box-shadow: 1px 1px 7px 1px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=7);
}
#fiche h1 {
	font-size:90%;
	text-align:center;
	margin:0;
	padding:0;
	text-decoration:none;
}
#fiche h1 span {
	font-size:110%!important;
	text-decoration:underline;
}
#fiche .table_infos {
	width:100%;
}
#fiche .table_infos tr {
	margin-bottom:5px;
}
#fiche .table_infos td {
	margin:0;
	font-weight:bold;
	font-size:15px;
}
#fiche .table_infos .champ_libre {
	border-bottom:black 1px dotted;
	color:#333;
	font-weight:normal;
}

#fiche h3 {
	text-align:center;
	font-size:80%;
}
#fiche a {
	color:#BE1217;
}
#fiche strong {
	font-size:13px;
}

#fiche .table_responsables {
	width:100%;
	text-align:center;
}
#fiche .table_responsables td {
	padding:3px 0;
	min-height:50px;
}

#fiche .table_infos2 {
	width:60%;
	font-size:13px;
}
#fiche .table_infos3 {
	width:70%;
	font-size:13px;
}

#fiche button[type="submit"] {
	float:right;
}


#fiche .check_reglement {
	width:18cm;
	padding:10px 0.5cm;
	background:#B3E2FF;
	height:auto;
	font-size:15px;
	color:#333;
}
#fiche .check_reglement a {
	text-decoration:underline;
}

#fiche .assurance {
	color:red;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}

#fiche .imprimer {
	position:absolute;
	margin-left:20cm;
	margin-top:-0.5cm;
}
#fiche .pdf {
	position:absolute;
	margin-left:20cm;
	margin-top:50px;
}

#fenetre {
	background:#29282F;
	border:#BE1217 2px solid;
	width:340px;
	height:auto;
	padding:25px;
	position:absolute;
	top:35%;
	left:45%;
	z-index:100;
	color:white;
	text-align:center;
}
#fenetre a {
	color:#BE1217;
	cursor:pointer;
}
#fenetre a:hover {
	text-decoration:underline;
}

/*-------------------------------------------- Table edit familles infos --------------------------------------------------*/

.table_edit_famille {
	width:100%;
	background:white;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
}
.table_edit_famille tr {
	border-bottom:#CCC 1px solid;
}
.table_edit_famille td {
  color: #575757;
  font-weight: normal;
  padding:5px;
  border-radius:1px;
  background:#E1E1E1;
}
.table_edit_famille .entete {
	background:#29282F;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.table_edit_famille td input[type="text"], .table_edit_famille td select {
	width:99%;
	height:30px;
	border:#999 1px solid;
}
.inactif .table_edit_famille input, .inactif .table_edit_famille label, .inactif .table_edit_famille select, .inactif #valider {
	pointer-events:none;
    opacity: 0.5;
}

/*---------------------------------------------------El�ves------------------------------------------------------------*/
#recherche {
	height:auto;
	width:74%;
	margin-left:19%;
	margin-top:10px;
	margin-bottom:10px;
	padding:0.5% 2% 0.5% 2%;
	background: #00588C;
	-moz-box-shadow: 1px 1px 7px 1px #cfcfcf;
	-webkit-box-shadow: 1px 1px 7px 1px #cfcfcf;
	-o-box-shadow: 1px 1px 7px 1px #cfcfcf;
	box-shadow: 1px 1px 7px 1px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=7);
}
#recherche strong {
	color:white;
}
#recherche select {
	height:27px;
}
#recherche #search {
	height:20px;	
	width:40%;
	background:#CCDDFD;
	margin-left:20px;
}
#recherche input[type="submit"] {
	height:27px;
	width:10%;
	cursor:pointer;
}

#barre {
	height:auto;
	width:74%;
	margin-left:19%;
	margin-top:10px;
	margin-bottom:10px;
	padding:0.5% 2% 0.5% 2%;
	background: #CCC;
}
#barre img {
	height:23px;
	margin-bottom:-5px;
}
#barre h3 {
	margin:0;
	padding:0;
	float:left;
	display:block;
	font-size:18px;
	font-weight:normal;
	margin-right:10%;
}



.eleves {
	width:100%;

}
.eleves tr {
	background:white;
	cursor:pointer;
}
.eleves tr:hover {
	background:#46BAFF!important;
}
.eleves td {
  color: #575757;
  font-weight: normal;
  padding:8px 5px;
  text-align:center;
	
}
.eleves .entete {
	background:#29282F;
	font-weight:bold;
	color:white;
}
.eleves .sous_entete {
	background:#00588C;
	color:white;
}
.eleves .sous_entete:hover {
	background:#00588C!important;
}
.eleves .sous_entete td {
	color:white;
}

.edit_eleve {
	width:100%;
	background:white;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
}
.edit_eleve tr {
	border-bottom:#CCC 1px solid;
}

.edit_eleve td {
  color: #575757;
  font-weight: normal;
  padding:5px;
  border-radius:1px;
  background:#E1E1E1;
	
}
.edit_eleve .entete {
	background:#29282F;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.edit_eleve td input, .edit_eleve td select {
	width:99%;
	height:30px;
	border:#999 1px solid;
}
#valider {
	float:right;
	background:#074F7B;
	color:white;
	cursor:pointer;
	width:13%;
	border:none;
	height:30px;
	font-size:17px;
}
#valider:hover {
	background:#0B76B7;
}

#lien_fiche {
	font-size:100%;
	font-weight:bold;
	color:#BE1217;
}
#lien_fiche:hover {
	text-decoration:underline;
}

/*------------------------------  Table �l�ves2 (editer inscriptions des �l�ves via l'admin -------------------------------------*/
.eleves2 {
	width:100%;
}
.eleves2 tr {
	background:white;
}
.eleves2 td {
	color: #575757;
	font-size: 90%;
	font-weight: normal;
	padding:5px 15px;
	text-align:center;
	border-radius:1px;
}
.eleves2 .entete {
	background:#29282F;
	font-weight:bold;
	color:white;
}
.eleves2 .sous_entete {
	background:#00588C;
	color:white;
}

.eleves2 .sous_entete td {
	color:white;
}
/*-------------------------------------------------- Facturation ------------------------------------------------------------*/
#table_facturation {
	width: 100%;
	border-color: black;
	border-width: 2px;
	border-style: solid;
}
#table_facturation td {
	border-color: black;
	border-width: 2px;
	border-style: solid;
	border-bottom: black 1px solid;
	border-top: black 1px solid;
	text-align:center;
	padding:5px;
	color:#333;
	font-size:13px;
}
#table_facturation td.export {
	padding: 0;
	width: 35px;
}
#table_facturation thead tr td {
	color: black;
}
#table_facturation .tr_eleve {
	cursor: pointer;
}
#table_facturation .tr_eleve:hover {
	background: #B3E2FF;
}
#table_facturation tfoot tr {
	background: #00588C;
}
#table_facturation tfoot tr td {
	color: white;
}
.table_facturation_eleve td {
	padding-left:10px;
	padding-right:10px;
}
.img_facture {
	height:30px;
}
.img_facture:hover {
	opacity:1!important;
}

/*------------------ Versements -------------------*/
.add_reglement {
	background:#E3EBF0;
	padding-top:10px;
	padding-bottom:10px;
	border:#EFEFEF 1px solid;
}

.add_reglement select {
	height:31px;
}

.table_reglements {
	border:#666 1px solid;
}
.table_reglements tbody tr {
	border-bottom:#CCC 1px solid;
}
.table_reglements td {
	padding:5px 10px;
	text-align:center;
}

.table_reglements td .suppr {
	color:red;
}



/*--Saisie automatique -- */
.input_container {
	height: 30px;
	float: left;
}
.input_container ul {
	width:100%;
	border: 1px solid #eaeaea;
	position: absolute;
	z-index: 9;
	background: #f3f3f3;
	list-style: none;
	margin:0;
	padding:0;
}
.input_container ul li {
	padding: 2px;
	color:black;
	cursor:pointer;
	padding:2px 3px;
	height:auto;
	border-bottom:#666 1px solid;
}
.input_container ul li:hover {
	background: #CCC;
}
#list_serv {
	display: none;
}
#list_servogn {
	display: none;
}

/*-------------------------------------------------- Modifier infos persos ------------------------------------------------------------*/
.edit_infos {
	width:100%;
}
.edit_infos {
	background:white;
}

.edit_infos td {
  color: #575757;
  font-size: 100%;
  font-weight: normal;
  padding:5px;
  border-radius:1px;
  background:#E1E1E1;
  height:30px;
  border:#CCC 1px solid;
}
.edit_infos .entete {
	background:#2A2F43;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.edit_infos td input, .edit_infos td select {
	width:99%;
	height:30px;
	border:#999 1px solid;
}

/*-----------------------------------Tableau recap----------------------------------*/
.table_recap {
	width:100%;
}
.table_recap tr {
	background:white;
}
.table_recap td {
	color: #575757;
	font-weight: normal;
	padding:10px 15px;
	text-align:center;
	border:#CCC 1px solid;
}
.table_recap .nom_mois {
	background:#29282F;
	font-weight:bold;
	color:white;
}
.table_recap .fleches {
	background:#BE1217;
	color:#00588C;
	font-size:22px;
}
.table_recap .noms_jours td {
	width:14%;
	background:#00588C;
	color:white;
}
.table_recap .jours {
	background:white;
	cursor:pointer;
}
.table_recap .jours a {
	color: #575757;
}
.table_recap .jours_fermes {  /*-jours ferm�s � l'inscription-*/
	background:#E2E2E2;
	color:#999;
}


.table_recap .jours:hover {
	background:#B9E4FF;
}
.table_recap .cases_vides {
	background:#CCC;
	color:#999;
}

.table_recap .jour_ouvert {
	cursor:pointer;	
}
.table_recap .jour_ouvert:hover {
	background:#46BAFF!important;
}
.table_recap .jour_ouvert a {
	color: #2a2f43;
}

.table_recap tr {
	cursor:pointer;
}
.table_recap tr:hover {
	background:#B3E2FF;
}

/*-------------------------------------------------- Compte ATSEM - Absence / Pr�sence �l�ves ------------------------------------------------------------*/
.lien_regul {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:7px;
	display:block;
	color:green!important;
}

#table_presences {
	width:100%;
	border:#CCC 1px solid;
}
#table_presences td {
  color: #575757;
  font-size: 90%;
  font-weight: normal;
  padding:10px 0;
  text-align:center;
  border-radius:1px;
  border:#CCC 1px solid;
}
#table_presences td a {
	color:blue;
}
#table_presences td a:hover {
	text-decoration:underline;
}

.check_presence {
	cursor:pointer;
}

#notification {
	position:fixed;
	bottom:100px;
	right:20px;
	width:240px;
	min-height:40px;
	height:auto;
	display:none;
	padding:15px;
	font-size:15px;
	color:white;
	cursor:pointer;
	z-index:2000;
	opacity:0.7;
}
#notification.valid {
	background:#009900;
}
#notification.suppr {
	background:#DD7977;	
}
/*----calendrier atsem---*/
.calendar3 {
	width:100%;
}
.calendar3 tr {
	background:white;
}
.calendar3 td {
  color: #575757;
  font-size: 130%;
  font-weight: normal;
  padding:10px 15px;
  text-align:center;
  border:#CCC 1px solid;
}
.calendar3 .nom_mois {
	background:#29282F;
	font-weight:bold;
	color:white;
}
.calendar3 .fleches {
	background:#BE1217;
	color:#00588C;
	font-size:22px;
}
.calendar3 .noms_jours td {
	width:14%;
	background:#00588C;
	color:white;
}
.calendar3 .jours {
	background:white;
}
.calendar3 td a {
	color: #575757;
}

.calendar3 .jours_actifs {
	cursor:pointer;
	background:#B3E2FF;
}
.calendar3 .jours_actifs:hover {
	background:#46BAFF;
}

.calendar3 .jours_fermes {  /*-jours ferm�s � l'inscription-*/
	background:#E2E2E2;
	color:#999;
}


.calendar3 .cases_vides {
	background:#CCC;
	color:#999;
}


/*-------------------------------------------------- P�riodes -----------------------------------------------------*/
.table_periode {
	width:100%;
}
.table_periode {
	background:white;
    border: 1px solid #DDD;
	border-radius:7px;
}

.table_periode td {
  color: #575757;
  font-weight: normal;
  padding:5px;
  border-radius:1px;
  background:#E1E1E1;
	
}
.table_periode .entete {
	background:#29282F;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.table_periode td input, .edit_eleve td select {
	width:99%;
	height:30px;
	border:#999 1px solid;
}

/*-------------------------------------------------- Table familles -------------------------------------------------------------*/
.table_familles {
	width:100%;
	border:#666 1px solid;
}

.table_familles .entete {
	background:#29282F;
	font-weight:bold;
	color:white;
}
.table_familles .sous_entete {
	background:#00588C;
	color:white;
}
.table_familles tbody tr:hover {
	background:#46BAFF!important;
}
.table_familles tbody tr td {
	font-size:12px;
}
.table_familles tr {
	border-bottom:#666 1px solid;
}
.table_familles tr td {
	padding:10px;
	border-right:#666 1px solid;
	text-align:center;
}
.table_familles tbody tr td {
	color:#333;
}
.imprimer2 {
	position:absolute;
	right:-20px;
	top:20px;
}
/*-------------------------------------------------- Historique -------------------------------------------------------------*/
.table_histo {
	width:100%;
}
.table_histo tr {
	background:white;
	cursor:pointer;
}
.table_histo tr:hover {
	background:#46BAFF!important;
}
.table_histo td {
  color: #575757;
  font-size: 90%;
  font-weight: normal;
  padding:10px 15px;
  text-align:center;
  border-radius:1px;
  	-moz-box-shadow: 1px 1px 3px 1px #cfcfcf;
	-webkit-box-shadow: 1px 3px 5px 1px #cfcfcf;
	-o-box-shadow: 1px 1px 3px 1px #cfcfcf;
	box-shadow: 1px 1px 3px 1px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=7);
	
}
.table_histo .entete {
	background:#29282F;
	font-weight:bold;
	color:white;
}
.table_histo .sous_entete {
	background:#00588C;
	color:white;
}
.table_histo .sous_entete:hover {
	background:#00588C!important;
}
.table_histo .sous_entete td {
	color:white;
}


/*-------------------------------- Menu clic droit --------------------------------*/
.ctxmenu
{
  position:absolute;    
  min-width: 128px;
  height:auto;
  padding: 8px;
  top:10px;
  left:10px;
  border: 1px solid #999;
  background: #F8F8F8;
  box-shadow: 2px 2px 2px #AAA;
  z-index:2000;
  overflow: visible;
}
.ctxline
{
  display:block;
  margin:0px;
  padding:2px 2px 2px 8px;
  border:1px solid #F8F8F8;
  border-radius:3px;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  overflow:visible;
}
.ctxline:hover
{
  border:1px solid #BBB;
  background-color: #F0F0F0;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%,
    from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#e6e6e6', GradientType=0);
}

/*------------------FOOTER-----------------*/
#content-footer {
	z-index:3000!important;
}