/*	Commun xx*/


/*	Cache Maison*/
	#CacheMaison { 
        background-color:#ff4512;
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-khtml-opacity: 0;
		
		}

/*	Maison transparante */
	@media (max-height: 520px) {
		#CacheMaison {
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity: 0.8;
		-khtml-opacity: 0.8;
		
		}
		
		
	
		
		
		
	}

	@media (max-height: 300px) {
	
	#ImgMaison {
		filter: alpha(opacity=1);
		-moz-opacity:0.1;
		opacity: 0.1;
		-khtml-opacity: 0.1;
		
		}
		
		
	
		
		
		
	}
		

	
	

	html {
		height			 : 100%;
	}
	
	input::-webkit-input-placeholder {
	
	font-family		 : Roboto-Regular;
	color: #8a8a7b !important;
        
	}
 
	.Interligne20 {
		margin-top		: 10px;
	}
	.Interligne40 {
			margin-top	: 40px;
	}
	.Interligne60 {
		margin-top		: 60px;
	}

	
/* Nuages */ 
	body,#welcome,#attente {
		height			 : 100%;
		margin			 : 0;
		padding			 : 0;
	
		background-size	 : 100% 100%;
		background-image : url(../images/commun/FondNuages.png);
	}

/* Wait */	
	#wait {
		display			: none;
		position		 : absolute;
		width			 : 100%;
		height			 : 100%;
		background-color : #ec552c ;
		z-index			 : 999999;
	}

/* Welcome */	
	#welcome,#attente {
		text-align		 : center; 
		position		 : absolute;
		width			 : 100%;
		height			 : 100%;
		background-color : #ec552c ;
		z-index			 : 15;
	}
	
	#welcometxt,#attentetxt {
		
		font-family		 : ArcherPro-Medium; 
		color			 : #0a6465; 
		font-weight		 : bold;
	}
	
	
	
	
	
	
/* identification */	
	#authentification{
		position		 : absolute;
		width			 : 100%;
		height			 : 100%;
		background-color : #ec552c;
		z-index			 : 99999;
	}
	

	

	
	
	
	#ImgMail {
		width			: 50px;
	}
	

	
	

	
	#LibPage,.LibGraph {
		font-family		: ArcherPro-Medium; 
		font-weight		: bold;
		color			: #000;
		
	}

	
	#LibMotPassePerdu,#ZoneChange{
		
		font-family:ArcherPro-Medium; 
		color:#fff; 
		
	}

/* Assistance */		
	#LibMail {
		color			: #ffffff;
		line-height		: 50px
	}
	
	#LibTel {
		color			: #ffffff;
		line-height		: 25px
	}
		
	#LibDisponible {
		font-size		: 16px; 
		color			: #000;
		line-height		: 17px
	}
	
	.MENU1 {
	/* fichier personnisation */
	}

	.MENU2 {
		border			 : 0px solid #000;
		color			 : #fff;
		background-color : #00a4bf;
	}
	
	.MENU3 {
		border			 : 0px solid #000;
		color			 : #fff;
		background-color : #eeeeed;
	}
	

	
	#logo_tlgkf {
		position	: absolute;

	}
	#logo_tk {
		position	: absolute;

	}	
/*	-------------------------
	Z1 
	------------------------- */

/*	Accueil */	
	.btn_MonService_txt,.btn_SeDeconnecter_txt {
		font-family	: Montserrat-Regular;
		/* fill		: #fff; */
	}
	.btn_Semaine_txt,.btn_Mois_txt,.btn_Année_txt {
		font-family	: Montserrat-Regular;
		fill		: #000;
	}
	
	.TpsPasse {
		font-family	: Montserrat-Regular;
		color		: #000;
		
	}
	
	.btn_NotifPerso_txt {
		font-family	: Montserrat-Regular;
		fill		: #fff;
	}
	
	#btn_MonService,#btn_SeDeconnecter {
		z-index	 	: 99999;
		position 	: absolute; 
		right	 	: 100px;
	 }
	 
	.btn_ActiviteJournaliere_txt,.btn_Sortie_txt,.btn_ActivitePiece_txt {
		font-family	: ArcherPro-Medium;
		fill		: #fff;
	}
	
	.btn_DernNotif_txt {
		font-family	: ArcherPro-Medium;
		fill		: #000;
	}
	 

/*	-------------------------
	NOTE : Z2 
	------------------------- */	 
	#btn_Accueil,#btn_AccueilM3{
		z-index	 	: 99999;
	//	position 	: absolute; 
	}
	
	
	
	#z2Message {
		position	: relative;
		font-family	: ArcherPro-Medium;
		text-align 	: center;
		width		: 100%;

	}
	#z2MessageXS {
		position	: relative;
		font-family	: ArcherPro-Medium;
		text-align 	: center;
		width		: 80%;
	}

	#z2Soleil {
		position	: absolute; 
		z-index		: 10;
	}
	#z2ActivDesactiv {
		position	: absolute; 
		z-index		: 10;
	}
	
	
	#BulleLevel {
		border:1px solid #777777; 
		background:#fff; 
		position:absolute; 
		display:none;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		border-radius:7px;
		opacity: 0.8;
				padding:5px; 
		padding-left:15px; 
		padding-right:15px; 
	}
	#BulleSecuServ {
		border:1px solid #777777; 
		background:#fff; 
		position:absolute; 
		display:none;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		border-radius:7px;
		opacity: 0.8;
				padding:5px; 
		padding-left:15px; 
		padding-right:15px; 
	}
	

	.z2Horloge,.z2HorlogeXS {
		position		: absolute;
		font-family		: Montserrat-Regular;
	
	}
	
	
	#btn_NotifPerso {
		z-index	 	: 99999;
	//	position 	: absolute; 
	}	

	#btn_MonProfil {
		z-index	 	: 99999;
	//	position 	: absolute; 
	}

	#btn_ActiviteJournaliere,#btn_Sortie,#btn_ActivitePiece,#btn_DernNotif {
		z-index	 	: 99999;
	//	position 	: absolute; 
	}
	
	#btn_Contact {
		z-index	 	: 99999;
	//	position 	: absolute; 
	}

	.btn_NotifPerso_txt,.btn_MonProfil_txt,.btn_Contact_txt {
		font-family	: Montserrat-Regular;
		fill		: #000;
	}

	.btn_Accueil_txt,.btn_AccueilM3_txt {
		
		font-family	: ArcherPro-Medium;
		font-weight	: bold;
		fill		: #000;
	}
	
/*	-------------------------
	Accueil 
------------------------- */	

	#BoiteSorties,#BoiteActiviteJournaliere,#BoiteActivitePiece,#BoiteDernieresNotifs {
		height:200px;
	}
		
		
	.ChiffreSortie,#Hier_sorties {
		color 		: #4ec18f;
		font-family	: ArcherPro-Light;
	}
	
	.ImgActiviteJournaliere {
		height		: 130px;
	}
	
	.ImgSortie {
		width		: 70px;
	}
	
	

	

		
	.ChiffreActivitePiece,#Hier_activite_piece {
		color 		: #445a5c;
		font-family : ArcherPro-Light;
	}

	#PieceTitre	{
		font-family : ArcherPro-Medium;
		font-weight : bold;
	}
	
	#PieceMessage {
		color:#979797;
		line-height : 20px;
	
	}

	#LigneBasBleu {
		position	: relative;  
		background 	: #3db0c7;  
		z-index		: -88888;
	}

	
	
/*	Histogramme	*/
	.labels {
	
		margin-right	: 50px;
		fill 			: #000000;
		font-size		: 12px;
	}
	.graph .labels.x-labels {
	 z-index:9999999999;
		text-anchor		: middle;
	}
	.graph .labels.y-labels {
        z-index:9999999999;
		text-anchor		: end;
	}
	.graph .grid {
		stroke			: #aaaaaa;
		stroke-dasharray: 0;
		stroke-width	: 1;
	}
	.gris{
		fill:#bbbbbb;
		fill-opacity : 0.4;
	}
	
	
	
	
	
	
	
	
	

	
	
	
	
/* XS */
	

	
/*	SM A faire ensuite */	
	
	
/*	MD IPAD --------------------------------------------------------------------------- */	
	
	
/*	LG 	--------------------------------------------------------------------------------- */	

/* Boutons */
	
	.BtnOrange {
		background-color:#ec552c;
		border-radius:3px;
		border:1px solid #f8f4f1;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family	: Montserrat-Regular;
		text-decoration:none;
	}

	.BtnBleu {
        /*
		background-color:#00a6c1;

		border:0px solid #4e6096;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;*/
		font-family	: Montserrat-Regular;
    	text-decoration:none;
	}

	.BtnBlanc {
		background-color:#ffffff;
	
		
		border:0px solid #4e6096;
		display:inline-block;
		cursor:pointer;
		color:#00a6c1;
		font-family	: Montserrat-Regular;
		
		
	
		text-decoration:none;
	}
	.BtnBlancR {
		background-color:#ffffff;
	
		
		border:0px solid #4e6096;
		display:inline-block;
		cursor:pointer;
		color:#ec552c;
		font-family	: Montserrat-Regular;
		
		
	
		text-decoration:none;
	}

	.BtnOrange:hover,.BtnBlanc:hover ,.BtnBlancR:hover{
		color:#ec552c;
		text-decoration:none;
		background-color:#ffffff;
	}
    /*
	.BtnBleu:hover {
	color:#00a6c1;
		text-decoration:none;
		background-color:#fffefe;
	}
	*/
/*
	.BtnOrange:active,.BtnBleu:active,.BtnBlanc:active,.BtnBlancR:active {
		position:relative;
		top:1px;
	}*/