body
{
	/* background:red; */
	/* background:url("../ressources/background_8.png"); */
	/*background-repeat: no-repeat;
	background-size: 100%;*/
	letter-spacing:1px;
	font-family:Helvetica;
	margin-bottom: 100px;
	margin-top: 14px;
}
.mainContainer
{
	margin: 0 auto;
	padding: 20px;
}
.reduceContainer
{
	max-width: 580px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.extendedContainer
{
	max-width: 100%;
	margin: 0 auto;;
}
.inactifChild, .inactifUser
{
	display: none;
}
.containLinks
{
	display: flex;
    flex-direction: row;
    margin: 20px;
}
.environnement 
{
	position: fixed;
	bottom: 5px;
	left: 5px;
	padding: 10px;
	border-radius: 3px;
	background-color: #ee90cc;
	z-index: 100000;
}
.accueil
{
	flex: auto;
	cursor: pointer;
}
.year
{
	font-size:24px;
}
.previewYear, .nextYear, .year, .previewYearUser, .nextYearUser, .yearUser
{
	color: #5bc0de;
	display: inline-block;
}
.yearUser
{
	color:#fff;
	font-size: 18px;
}
.previewYear:hover, .nextYear:hover
{
	background-color: #D90000;
	color:#fff;
	cursor:pointer;
	display: inline-block;
}
.relative
{
	position:relative;
}

.month
{
	margin-top:12px;
}
.periods
{
	display: none;
}
.months ul, .monthsUser ul
{
	list-style:none;
	margin:0px auto;
	margin-top: 10px;
	padding:0px;
}
.months ul li, .monthsUser ul li
{
	display: inline-block;
	padding: 5px 0;
}
.months ul li a
{
	/*float:left;
	margin:-1px;*/
	padding: 0px 15px 0px 0px;
	color:#888888;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
.monthsUser ul li a
{
	padding: 5px;
	color:#ccc;
	text-decoration:none;
	font-size:16px;
	/*font-weight:bold;*/
	text-transform:uppercase;
}
.months ul li a:hover, .months ul li a.active{
	color:#5bc0de;
}
.monthsUser ul li a:hover, .monthsUser ul li a.active
{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color:#fff;
	font-weight:bold;
}


/* ICI ---*/

table.calendar
{
	/*display: none;*/
	border-collapse: collapse;
	margin: 0 auto;
}
table.calendar td.padding
{
	border:none;
	background-color: rgba(255,255,255,0);
}
table.calendar td
{
	border:1px solid #A3A3A3;
	width:80px;
	height:80px;
	background-color: #CECECE; /* couleur de cellules !*/
}

table.calendar td.activatedDate .day
{
	color: #5bc0de;
}
table.calendar td.activeDate
{
	background-color: #FFF;
}
td.jauge_atteinte
{
	/* box-shadow: inset 0 0 15px #dbba28 */
	background: linear-gradient(-45deg, #f1E0D0 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, #f1E0D0 50%, #f1E0D0 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0));
	background-size: 12px 12px;
}
tr.file_attente
{
	color: #aaa !important;
	background-color: #FCFCFC !important;
}
table.calendar td.activeDate:hover
{
	background:#DFFFDF;
	cursor:pointer;
}
table.calendar td.bg-success:hover
{
	cursor: zoom-out;
}
table.calendar td.activeDateAdmin
{
	background-color: #f5f5f5;
	color:#404040;
}
table.calendar td.activeDateAdmin .glyphActivityByDate
{
	cursor: help;
}

table.calendar td.selectDate, table.calendar td.viewDate
{
	background-color: #f5f5f5;
	cursor: help;
}

table.calendar td.inscriptions:hover
{
	cursor:pointer;
}
table.calendar th
{
	font-weight:normal;
	color:#A8A8A8;
}
table.calendar th.dayToSelect
{
	padding: 5px;
	border: 1px solid #A8A8A8;
	border-radius: 3px;
	cursor: pointer;
	color: #A8A8A8;
}
table.calendar th.dayToSelect:hover
{
	background-color: #5bc0de;
	color:#fff;
}
table.calendar td .day
{
	position:absolute;
	color:#8C8C8C;
	bottom:-40px;
	right:5px;
	font-weight:bold;
	/*font-size:24.3pt;*/
	font-size:14.3pt;
}
table.calendar td[name="today"]
{
	color: red;
	border: 1px solid red;
}

table.calendar td.dateSelected
{
	background-color: #5bc0de;
	cursor: pointer;
}
table.calendar td.dateSelected .day
{
	color: #fff;
}

table.calendar td .inscrits
{
	position:relative;
	max-width:79px;
	height:0px;
	margin:-39px 0px 0px;
	padding:0px;
}
table.calendar td .inscrits p{
	margin:5px;
	width:12px;
	height:12px;
	float:left;
	background:#000;
	/*+border-radius:10px;*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px 10px 10px 10px;
	margin-left:6px;
	overflow:hidden;
	text-indent:-3000px;
	cursor: help;
}


/*table.calendar td:hover .inscrits
{
	position:absolute;
	left:582px;
	top:66px;
	width:442px;
	margin:0px;
	padding:11px 0px 0px;
}*/
/*table.calendar td:hover .inscrits li
{
	height:40px;
	line-height:40px;
	font-weight:bold;
	border-bottom:1px solid #D6D6D6;
	padding-left:41px;
	text-indent:0;
	background:none;
	width:500px;
}
table.calendar td:hover .inscrits li:first-child
{
	border-top: 1px solid #D6D6D6;
}*/



table.calendar td .activityList
{
	position:relative;
	max-width:79px;
	height:0px;
	margin:-39px 0px 0px;
	padding:0px;
	padding-top:10px;
}

table.calendar td ul.activityList { list-style: circle; }
/*table.calendar td .activityList li{  display:none; /*width:10px;  height:10px;  float:left;  background:#000; -moz-border-radius:5px;  -webkit-border-radius:5px;  -khtml-border-radius:5px;  border-radius:5px 5px 5px 5px;  margin-left:6px;  overflow:hidden;  text-indent:-3000px;}*/
/*table.calendar td:hover .activityList{  position:absolute;  left:582px;  top:66px;  width:442px;  margin:0px;  padding:11px 0px 0px;}
table.calendar td:hover .activityList li{  display: block; height:40px;  line-height:40px;  font-weight:bold;  border-bottom:1px solid #D6D6D6;  padding-left:41px;  text-indent:0;  background:none;  width:500px;}
table.calendar td:hover .activityList li:first-child{  border-top:1px solid #D6D6D6;}*/

table.calendar td .activityList li.glyphActivityByDate
{
	display:inline-block;
}
table.calendar li.infosAuthorisedDate
{
	display:none;
	list-style: none;
	background-color: red;
	color:#404040;
}


table.calendar td .daytitle
{
	display:none;
}

table.calendar div.inscritsAdmin
{
	color:#fff;
	background-color:#5bc0de;
	width:50px;
	height: 50px;
	line-height:50px;
	text-align:center;
	border-radius:100%;
}

/* FIN --- */

#dateStart.selected, #dateEnd.selected, #constanteStart.selected, #constanteEnd.selected, #dateEndManual.selected
{
	background-color: #5bc0de;
	color: #fff;
}

.removeCampagne.selected
{
	border: 1px solid red;
	color: red;
	height: 32px;
}

.removeCampagne
{
	border: 1px solid #ccc;
	height: 32px;
	color: #555;
}
#campagneInscription
{
	display: none;
}
button[name="editDates"]
{
	display: none;
}
#addNewReservation {
	margin-top: 15px;
}
#buttonNewInscrit {
	/* position: fixed;
	margin: 0 auto;
	left:auto;
	bottom: 60px;
	z-index: 1000; */
	background-color: #343434;
	position:fixed;
	bottom:50px;
	left:0px;
	/* margin-top: 0px; */
	z-index: 10000 !important;
	height: 60px;
	width: 100vw;
	text-align: center;
	padding-top: 10px;
	
}

.infos-contact {
	display: none;
	width: 450px;
}


@media screen and (max-width: 640px) {
	#addNewReservation {
		position:fixed;
		bottom:5px;
		left:5px;
		z-index: inherit;
		margin-top: 0px;
		z-index:1500;
		height: 48px;
	}
}
#inscriptionByUser
{
	margin-top: 20px;
}

#infoActivity
{
	display: none;
	position: fixed;
	top: 60px;
	left: 10px;
	width: 300px;
	height: 240px;
}
#detailsParent
{
	display: none;
}

.clear
{
	clear:both;
	margin-top: 20px;
}
#choixOptions, #selectConstantStart, #selectConstantEnd {display:none;}
#maskToDisabledDates {width: 580px; height: 430px; position: relative; top:-423px; left:-10px; cursor: no-drop; background: linear-gradient(to right, rgba(40,40,40,0.3) , rgba(255,200,200,0.4)); border: 1px dotted #CCC; border-radius: 5px;}
pre.descriptionGrille, pre.descriptionApplication {display:none; margin-top:15px;}
pre.tarif_obligatoire {color:red;}

input[type="search"] {
	border-radius: 5px;
	border: 1px solid #CECECE;
}
#tableToSort_length, #DataTables_Table_0_length {
	display:none;
}

#addPenality, #addOption {
	margin: 5px;
	padding: 5px;
}
#formNewProfil {
	display: none;
}

.selectPopulation {	
	background-color: #fafafa;
	margin: 5px;
	float: left;
	padding: 15px; 
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
	overflow: auto;
}
#populationResidents, #populationExterieurs{
	width: 44%;
	min-width: 345px;
}
#populationExterieurs {
	margin-bottom: 100px;
}
#changePopulation {
	/*background-color: #337ab7;*/
	margin-bottom: 20px;
	width: 8%;
	min-width: 95px;
	float: left;
	padding: 25px;
	margin-top: 15px;
	border:1px solid #ccc;
}
.changePopulation {
	white-space: nowrap;
	cursor: pointer;
}
#migrateToResident{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

#migrateToExterieur{
	padding-top: 10px;
}
.applicationToChange{
	cursor: pointer;
}
.switchToUser{
	width: 60px;
	height: 60px;
	/*border:1px solid #000;*/
	cursor: pointer;
	border-radius: 100%;
	position: fixed;
	top: 45px;
	right: 10px;
	border: 1px solid #aaa;
	background-color: #fff;
	z-index: 10001 !important;
}
.switchToUser > input{
	cursor: pointer;
}
p.focus-particularity {
	box-shadow: 5px 5px 5px #159915;
}
#viewAllChilds {
	display:none;
	position:fixed;
	z-index:1000;
	/* height: 75%; */
	height: calc(100vh - 180px);
	/* width: 90%; */
	width: 360px;
	/* max-width: 520px; */
	margin: 0 auto;
	top:80px;
	margin-left: calc((100vw - 360px)/2);
	/* left: 50%; */
	/* margin-left: -225px; */
	background: #FFF;
	padding: 15px;
	overflow: scroll;
	border-radius: 5px;
	/* box-shadow: 3px 3px 10px #ddcccc; */
}

#viewAllChildsPointeur {
	display:none;
	position:fixed;
	/* border:1px solid red; */
	top: 0px;
	left: 0;
	z-index:100000;
	height: calc(100vh - 60px);
	width: 360px;
	/* max-width: 520px; */
	margin: 0 auto;
	/* top:80px; */
	/* left: 50%; */
	margin-left: calc((100vw - 360px)/2);
	background: #FFF;
	padding: 15px;
	overflow: scroll;
	border-radius: 5px;
	/* box-shadow: 3px 3px 10px #ddcccc; */
}
#popup2 {
	display: none;
	position:fixed;
	top:20px;
	z-index:100000;
	width: 280px;
	height: 85vh;
	margin: 0 auto;
	/* margin-left: 20px; calc(100vw -250px); */
	margin-left: calc(100vw -250px);
	color:#222;
	background: #fff;
	padding: 15px;
	overflow: auto;
	border-radius: 5px;
}

#popup, #popupWaiting, #popup3, #exportModal
{
	display:none;
	position:fixed;
	z-index:1000;
	height: 75%;
	width: 450px;
	top:80px;
	left: 50%;
	margin-left: -225px;
	background: #FFF;
	padding: 15px;
	overflow: scroll;
	border-radius: 5px;
	box-shadow: 3px 3px 10px #ddcccc;
}
#info-pointeur, #trigger-infos-contact {
	display:none;
	position:fixed;
	z-index:1000;
	height: 100vh;
	width: 100vw;
	top:0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.95);
	padding: 15px;
	overflow: scroll;
	z-index: 1000000;
}
#info-pointeur > .content, #trigger-infos-contact > .content {
	width: 300px;
	margin: 0 auto;
}
#nameApplication {
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    z-index: 10000;
}

.liste-inscrits-pointeur {
    margin-top: 30px;
}
.trigger-return-liste {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 100%;
    /* border: 1px solid #aaa; */
    background-color: #1dc5bd;
}
.trigger-return-liste > i {
	font-size: 18px;
}

@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.5;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

#popup3
{
	z-index: 1000000;
}
.datepickerOpenDays
{
	display: none;
}

#popup .headTitle {text-align: center; font-size: 18px;}
#popup table {margin-top: 20px}

#popupWaiting
{
	overflow: auto;
	background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(148,187,233,1) 100%);
	box-shadow: none;
	border:1px solid #fff;
	color: #034d46;
	max-height: 500px;
	z-index: 1000000;
}
#facture, .exit, #returnMAJInscriptions
{
	display: none;
}

#popupLarge
{
	display:none;
	width: 700px;
	height: calc(85% - 60px);
	margin-left: -350px;
	position:fixed;
	top:80px;
	left: 50%;
	background: #FFF;
	padding: 15px;
	overflow: scroll;
	border-radius: 5px;
	box-shadow: 3px 3px 10px #ddcccc;
	z-index: 1000;
}

#mask, #maskBlocked { position:fixed; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:100;}
#maskBlocked { z-index: 999999;  }
.waiting
{
    filter:blur(4px);
    -o-filter:blur(4px);
    -ms-filter:blur(4px);
    -moz-filter:blur(4px);
    -webkit-filter:blur(4px);
}
#waiting{
	position: fixed;
	width: 100%;
	height: 100%;
	/*background:rgba(0,0,0,0.4);	*/
    left: 0;
    top: 0;
    z-index: 1000;
}
#waiting > img {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: 0;
	width: 100px;
	height: 100px;
	z-index: 1000;
}
.toPoint {cursor:pointer; user-select:none;}

.dataTables_length{
	display: none;
}
#nbPresents, #exerciceComptable {
	position: fixed;
	bottom: 0px;
	right: 0px;
	height: 50px;
	text-align: center;
	z-index: 100000;
}

.present {
	background-color:#2080cA; 
	border:none;
}
.btn-sortie {
	background-color: #ca8020;
	border: none;
	color:#fff;
}
.informationsUser
{
	display: none;
	margin-top: 20px;
}
.informationsChild
{
	margin-top: 20px;
}
.labelForm
{
	width: 90px;
}
.labelFormChild
{
	width: 160px;
}

.row
{
	margin-bottom: 10px;
}
.input-group
{
	margin-bottom: 5px;
}
.descriptionGroup
{
	display: none;
}

.disableSummernote
{
	display: none;
	border: 1px solid #fff;
	color: #fff;
	position: relative;
	top: -5px;
}

.panelFacture
{
	
	margin: 0 auto;
}

.panelFacture > .panel-heading
{
	font-size: 0.8em;
	padding: 5px;
}
.panelFacture > .panel-body
{
	font-size: 0.8em;
	
	padding: 5px;
	margin: 0px;
}
#viewFacture > table
{
	margin: 0 auto;
}
#viewPapillon
{
	margin-top: -10px;
	font-size: 0.8em;
}
.detailsToHideBeforePrint
{
	display: none;
}

#logout {
	position:fixed;
	bottom:10px;
	right: 10px;
}
.navbar-fixed-top {
    z-index: 10000;
}
@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}
#updateAllReservations
{
	position: fixed;
	top: 44px;
	right: 44px;
	z-index: 100000;
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.5s ease;
}
#updateAllReservations:hover
{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
.selectService
{
	cursor: pointer;
}
.applicationPopup
{
	display: none;
}
#changeService, #changeServicePenalityView
{
	cursor: pointer;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
	width: 75px;
	height: 75px;
	padding: 10px;

}

#sendMessage {
	position: fixed;
	cursor: pointer;
	top: 60px;
	left: 10px;
	border-radius: 100%;
	border: 1px solid #ccc;
	line-height: 50px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	z-index: 100000;
	text-align: center;
}
#sendMessage:hover {
	background-color: #ccc;
}

#changeService > #logoSuite, #changeServicePenalityView > #logoSuite, .informationsPeriod
{
	display: none;
}
#changeService:hover > #logoSuite, #changeServicePenalityView:hover > #logoSuite
{
	display: block;
	background-color: #222;
	color: #fff;
	margin-top: 5px;
	line-height:60px;
	width: 400px;
	height: 60px; 
	padding:0 10px;
	position: relative;
	left: -10px;
	overflow: visible;
}
.openDays
{
	border-left: 2px dotted #ccc;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 10px;
}

div.devis
{
	display: none;
	z-index: 10000;
	position: fixed;
	width: 300px;
	height: calc(100vh - 100px);
	top: 75px;
	left: calc(50vw - 150px);
	background-color: #fff;
	border-radius: 3px;
	overflow: auto;
}

div.activity-selected {
	border: 1px solid #159915;
	background-color: #ccf3cc;
}
.pointages {
	width: 32%;
	display: inline-block;
	/* border: 1px solid green; */
	margin: 0 auto;
	
}
.heure {
	height: 50px;
	/* background-color: yellow; */
	margin: 0 auto;
	padding: 10px;
	font-size: 20px;
}

.quart {
	width: 23%;
	display: inline-block;
	min-height: 20px;
	margin: 0 auto;
	background-color: #00c096;
	padding: 0;
	font-size: 16px;
	text-align: center;
}

.quart_vide {
	color:#aaa;
	background-color: #eee;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

#bornes {
    margin: 20px;
    /* padding-top: 40px; */
    text-align: center;
}

.borne {
    background: linear-gradient(30deg, #2f2a5f 0%, #3372e6 100%);
    box-shadow: 3px 3px 5px #aaa;
    color:#FFF;
    margin-bottom: 20px;
    margin-left: calc((100% - 300px)/2);
    border-radius: 15px;
    padding: 10px;
    width: 320px;
    /* max-width: 300px; */
	height: 170px;
    cursor: pointer;
}
div.borne_in {
    background: linear-gradient(30deg, #43b970 0%, #038b80 100%);
}
div.borne_out {
    background: linear-gradient(30deg, #d38c09 0%, #b13a0a 100%);
}
.borne > .logo {
    display: inline-block;
    position: relative;
    top: -70px;
    width: 80px;
    height: 80px;
    padding: 10px;
    border-right: 1px solid #047575;
}
.logo > img {
    width: 100%;
    height: auto;
}
.borne > .name {
    display: inline-block;
    width: calc(100% - 100px);
}